var __extends = (this && this.__extends) || function (d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
var ASC;
(function (ASC) {
    var ui;
    (function (ui_1) {
        function getFocusedDialog() {
            var $ds = $j('div.ui-dialog,div.yui-dialog');
            if ($ds.length != 0)
                return $ds.last().get(0);
            return null;
        }
        ui_1.getFocusedDialog = getFocusedDialog;
        function autocomplete_data2items(data) {
            var items = [];
            for (var i = 0; i < data.length; i++) {
                var item = ASC.clone(data[i]);
                var l = '' + item.name;
                if (item.code)
                    l += ' ' + item.code;
                if (item.code2)
                    l += ' ' + item.code2;
                item.label = l;
                items.push(item);
            }
            return items;
        }
        ui_1.autocomplete_data2items = autocomplete_data2items;
        function autocomplete_renderItem(ul, item) {
            var $li = $j("<li class='ui-menu-item' role='presentation'>");
            var $a = $j("<a class='ui-corner-all' tabindex='-1'>").appendTo($li);
            $a.text(item.name);
            if (item.subname) {
                $j("<span style='font-size:85%; color:#888; margin-left:5px'>").text(item.subname).appendTo($a);
            }
            if (item.code || item.code2) {
                var $l = $j("<span style='display: block; font-size:85%; color:#888'>").appendTo($a);
                if (item.code)
                    $l.text(item.code);
                if (item.code2)
                    $j("<span style='float:right'>").prependTo($l).text(item.code2);
            }
            $li.appendTo(ul);
            return $li;
        }
        ui_1.autocomplete_renderItem = autocomplete_renderItem;
        function addAutoComplete(input, source, options) {
            if (options === void 0) { options = {}; }
            $j.widget("ui.autocomplete", $j.ui.autocomplete, {
                _renderItem: function (ul, item) {
                    return $j("<li>")
                        .append("<a>" + item.label + "</a>")
                        .appendTo(ul);
                }
            });
            var items = [];
            if (ASC.type(source) == 'object') {
                for (var i in source) {
                    items.push({ value: source[i], label: i });
                }
            }
            return $j(input).autocomplete($j.extend({
                minLength: 0,
                autoFocus: true,
                source: items.length ? items : source,
            }, options));
        }
        ui_1.addAutoComplete = addAutoComplete;
        function autocapitalize(tf) {
            $j(tf).on('DOMAttrModified textInput input keypress paste focus', function (e) {
                var ov = $j(this).val();
                var nv = ov.slice(0, 1).toUpperCase() + ov.slice(1);
                if (nv != ov)
                    $j(this).val(nv);
            });
        }
        ui_1.autocapitalize = autocapitalize;
        function wordwrap(str, int_width, str_break, cut) {
            var m = ((arguments.length >= 2) ? arguments[1] : 75);
            var b = ((arguments.length >= 3) ? arguments[2] : '\n');
            var c = ((arguments.length >= 4) ? arguments[3] : false);
            var i, j, l, s, r;
            str += '';
            if (m < 1) {
                return str;
            }
            for (i = -1, l = (r = str.split(/\r\n|\n|\r/))
                .length; ++i < l; r[i] += s) {
                for (s = r[i], r[i] = ''; s.length > m; r[i] += s.slice(0, j) + ((s = s.slice(j))
                    .length ? b : '')) {
                    j = c == 2 || (j = s.slice(0, m + 1)
                        .match(/\S*(\s)?$/))[1] ? m : j.input.length - j[0].length || c == 1 && m || j.input.length + (j = s.slice(m)
                        .match(/^\S*/))[0].length;
                }
            }
            return r.join('\n');
        }
        function getTextWithIcon(text, config, text_allowHtml) {
            if (text_allowHtml === void 0) { text_allowHtml = false; }
            var label = '';
            if (config.icon)
                label = "<img src='" + config.icon + "' height='16px'/> ";
            label += text_allowHtml ? text : ASC.escapeHTML(text);
            if (config.iconRight)
                label += " <img src='" + config.iconRight + "' height='16px'/> ";
            return label;
        }
        ui_1.getTextWithIcon = getTextWithIcon;
        var Dialog = (function () {
            function Dialog(options) {
                var _this = this;
                var doptions = $j.extend({
                    modal: true,
                    minHeight: 50,
                    maxWidth: $j(window).innerWidth(),
                    width: 'auto',
                    destroyOnClose: true
                }, options);
                doptions.buttons = [{}];
                this.$div = $j("<div style='overflow:visible'>").dialog(doptions);
                this.$div.parent().css('overflow', 'visible');
                if (doptions.destroyOnClose) {
                    this.$div.on('dialogclose', function () {
                        if (_this.dlg_jsc) {
                            _this.dlg_jsc.ASC_cn();
                        }
                        _this.$div.dialog('destroy');
                        _this.$div.detach();
                    });
                }
                this.$bd = $j("<div>").appendTo(this.$div);
                this.$ft = this.$div.siblings(".ui-dialog-buttonpane");
                this.body = this.$bd.get(0);
                this.footer = this.$ft.get(0);
                this.cfg = {
                    queueProperty: function (p, v) {
                        switch (p) {
                            case 'width':
                                _this.$div.dialog("option", "width", parseInt(v));
                                break;
                            case 'buttons':
                                _this.setButtons(v);
                                break;
                            default:
                                debugger;
                        }
                    }
                };
                this.cfg.queueProperty('buttons', options.buttons);
            }
            Dialog.prototype.setButtons = function (buttons) {
                var _this = this;
                if (buttons === void 0) { buttons = []; }
                var $container = this.$ft.find('.ui-dialog-buttonset').html('');
                for (var i = 0; i < buttons.length; i++) {
                    var config = buttons[i];
                    if (ASC.isString(config)) {
                        config = {
                            text: config,
                            onclick: function () { _this.hide(); },
                            type: config.toLowerCase() == 'ok' ? 'default' : ''
                        };
                    }
                    $j.extend(config, {
                        container: $container,
                        label: config.text,
                    });
                    if (config.onclick) {
                        if (typeof config.onclick == 'function')
                            config.onclick = {
                                fn: config.onclick,
                                scope: this
                            };
                        else
                            config.onclick.scope = this;
                    }
                    new Button(config);
                }
            };
            Dialog.prototype.setBody = function (el) {
                this.$bd.html('');
                this.$bd.append(el);
            };
            Dialog.prototype.appendToFooter = function (el) {
                this.$ft.append(el);
            };
            Dialog.prototype.center = function () {
                this.$div.dialog("option", "position", { my: "center", at: "center", of: window });
                var max = this.$div.dialog("option", "maxWidth");
                if (this.$div.dialog("option", "width") > max) {
                    this.$div.dialog("option", "width", max);
                }
                this.$div.dialog("widget").draggable("option", "containment", "none");
            };
            Dialog.prototype.setHeader = function (s) {
                this.$div.dialog("option", "title", s);
            };
            Dialog.prototype.show = function () {
                this.$div.dialog('open');
            };
            Dialog.prototype.hide = function () {
                if (this.$div.is(":visible"))
                    this.$div.dialog('close');
            };
            return Dialog;
        }());
        ui_1.Dialog = Dialog;
        var Button = (function () {
            function Button(options) {
                var _this = this;
                this.onclick = null;
                this.radio_field = null;
                this.radio_value = '';
                var div = $j('<div class="asc-button-container">').appendTo(options.container);
                this.$element = $j("<button class='asc-button'>").appendTo(div);
                var cl = 'button-gray';
                if (options.type == 'default')
                    cl = 'button-green';
                else if (options.type) {
                    cl = 'button-' + options.type;
                }
                if (options.cssClass)
                    cl = options.cssClass;
                if (options.disabled)
                    cl += ' button-disabled';
                this.$element.addClass(cl);
                if (options.disabled)
                    this.$element.attr('disabled', 'disabled');
                if (options.style) {
                    this.$element.get(0).style.cssText = options.style;
                }
                if (options.onclick) {
                    if (typeof options.onclick == 'function')
                        this.onclick = { fn: options.onclick };
                    else
                        this.onclick = options.onclick;
                }
                if (options.menu) {
                    this.$element.addClass('menu');
                }
                if (options.title)
                    div.attr('title', options.title);
                this.label_html(getTextWithIcon(options.label, options, true));
                this.$element.click(function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    if (options.menu) {
                        if (!_this.menu) {
                            _this.createMenu(options.menu);
                        }
                        $j(document).click();
                        _this.menu.show(_this.$element);
                    }
                    if (_this.onclick)
                        _this.onclick.fn.call(_this.onclick.scope || _this, e, _this.onclick.obj);
                    if (_this.radio_field) {
                        _this.radio_field.val(_this.radio_value);
                        _this.radio_field.trigger('change');
                    }
                })
                    .mousedown(function (e) {
                    e.preventDefault();
                    var ae = document.activeElement;
                    ae.blur();
                });
                if (options.radio_field) {
                    this.radio_field = $j(options.radio_field);
                    this.radio_value = ASC.strVal(options.radio_value);
                    var urf = function () {
                        _this.$element.toggleClass('selected', _this.radio_field.val() == _this.radio_value);
                    };
                    this.radio_field.change(urf);
                    urf();
                }
            }
            Button.prototype.createMenu = function (items) {
                this.menu = new ContextMenu(items, {
                    container: this.$element.parent()
                });
            };
            Button.prototype.label = function (s) {
                this.label_html(ASC.escapeHTML(s));
            };
            Button.prototype.label_html = function (s) {
                this.$element.html(s);
            };
            Button.prototype.set = function (property, value) {
                switch (property) {
                    case 'disabled':
                        this.$element.attr('disabled', value).toggleClass('button-disabled', value);
                        break;
                }
            };
            return Button;
        }());
        ui_1.Button = Button;
        var CheckboxButton = (function () {
            function CheckboxButton($container, label, options) {
                var _this = this;
                this.$input = $j('<input type="checkbox">').appendTo($container).hide();
                this.button = new Button({
                    container: $container,
                    label: label,
                    onclick: function (e) {
                        var checked = _this.check();
                        if (options.onclick) {
                            if (options.onclick.fn)
                                options.onclick.fn(e, checked, options.onclick.obj);
                            else
                                options.onclick(e, checked);
                        }
                    }
                });
                if (options['checked'])
                    this.check();
            }
            CheckboxButton.prototype.check = function (checked) {
                if (checked === void 0) { checked = !this.$input.prop('checked'); }
                this.$input.prop('checked', checked);
                this.button.$element
                    .toggleClass('button-blue', checked)
                    .toggleClass('button-gray', !checked);
                return checked;
            };
            return CheckboxButton;
        }());
        ui_1.CheckboxButton = CheckboxButton;
        var Checkbox = (function () {
            function Checkbox(container, value, label, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                this.options = options;
                var $i = this.$input = $j("<input type='checkbox'>").appendTo(container);
                var i = this.input = $i.get(0);
                i['ASC_cb'] = this;
                this.options = $j.extend({
                    inverted: false,
                    readonly: false
                }, options);
                if (this.options.readonly) {
                    $i.attr('disabled', 1);
                }
                this.setValue(value);
                var orig_checked = i.checked;
                $i.click(function () {
                    if (_this.options.readonly)
                        i.checked = orig_checked;
                    else {
                        _this.updateValue();
                        $i.trigger('ASC_ce');
                    }
                });
                i['ASC_ce'] = new ASC.ASC_ce($i);
                this.ASC_ce = i['ASC_ce'];
                if (label) {
                    if (ASC.isString(label)) {
                        $j("<span>")
                            .text(label)
                            .appendTo(container)
                            .css('cursor', 'pointer')
                            .click(function (e) {
                            $i.click();
                            e.preventDefault();
                        });
                    }
                    else {
                        $j(label).css('cursor', 'pointer').click(function (e) {
                            $i.click();
                            e.preventDefault();
                        });
                    }
                }
                if (options.fn)
                    this.ASC_ce.subscribe(function (e) {
                        options.fn(_this.input.value);
                    });
            }
            Checkbox.prototype.setValue = function (v) {
                var val;
                var c;
                if (!v || v == '0') {
                    c = this.options.inverted;
                    val = '0';
                }
                else {
                    c = !this.options.inverted;
                    val = '1';
                }
                this.input.checked = c;
                this.input.value = val;
            };
            Checkbox.prototype.updateValue = function () {
                this.input.value = (!this.input.checked == !this.options.inverted) ? '0' : '1';
            };
            return Checkbox;
        }());
        ui_1.Checkbox = Checkbox;
        var RibbonMenu = (function () {
            function RibbonMenu(container) {
                this.keys = [];
                this.$labels = {};
                this.ribbons = {};
                this.active = '';
                this.$div = $j("<div class='asc-ribbon-menu'/>").appendTo(container);
                this.$top = $j("<div class='top'>").appendTo(this.$div);
                this.$right = $j("<div class='right'>").appendTo(this.$top);
                this.$bottom = $j("<div class='bottom'>").appendTo(this.$div);
            }
            RibbonMenu.prototype.addRibbon = function (key, title) {
                var _this = this;
                this.keys.push(key);
                this.$labels[key] = $j("<span class='label'>")
                    .appendTo(this.$top)
                    .text(title)
                    .click(function () { _this.select(key); });
                var $r = new Ribbon(this.$bottom);
                $r.$div.css('display', 'none');
                this.ribbons[key] = $r;
                if (this.active == '') {
                    this.select(key);
                }
                return $r;
            };
            RibbonMenu.prototype.select = function (key) {
                var a = this.active;
                if (key == a)
                    return;
                if (this.$labels[a])
                    this.$labels[a].removeClass('selected');
                if (this.ribbons[a])
                    this.ribbons[a].$div.css('display', 'none');
                this.$labels[key].addClass('selected');
                this.ribbons[key].$div.css('display', 'block');
                this.active = key;
            };
            RibbonMenu.prototype.findButton = function (id) {
                var b = null;
                for (var i = 0; i < this.keys.length; i++) {
                    b = this.ribbons[this.keys[i]].findButton(id);
                    if (b)
                        break;
                }
                return b;
            };
            RibbonMenu.prototype.findCombo = function (id) {
                var b = null;
                for (var i = 0; i < this.keys.length; i++) {
                    b = this.ribbons[this.keys[i]].findCombo(id);
                    if (b)
                        break;
                }
                return b;
            };
            RibbonMenu.prototype.findButtonsByCmd = function (cmd) {
                var res = [];
                for (var _i = 0, _a = this.keys; _i < _a.length; _i++) {
                    var rk = _a[_i];
                    var r = this.ribbons[rk];
                    for (var _b = 0, _c = r.buttons; _b < _c.length; _b++) {
                        var rb = _c[_b];
                        if (rb.cmd == cmd)
                            res.push(rb);
                    }
                }
                return res;
            };
            return RibbonMenu;
        }());
        ui_1.RibbonMenu = RibbonMenu;
        var Ribbon = (function () {
            function Ribbon(container, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                this.options = options;
                this.menu = null;
                this.buttons = [];
                this.combos = [];
                var $container = $j("<div>").appendTo(container)
                    .css('position', 'relative');
                this.$div = $j("<div class='asc-ribbon new'/>")
                    .appendTo($container);
                if (options.autoResize) {
                    $j(window).resize(function (e) {
                        _this.resize();
                    });
                }
                this.$right = $j("<div class='ribbon-right'>").appendTo(this.$div).css({
                    position: 'absolute',
                    zIndex: 2,
                }).css(ASC.rtl('right', 'left'), '3px');
            }
            Ribbon.prototype.findButton = function (id) {
                var b = null;
                for (var i = 0; i < this.buttons.length; i++) {
                    b = this.buttons[i];
                    if (b.id == id)
                        return b;
                }
                return null;
            };
            Ribbon.prototype.findCombo = function (id) {
                for (var i = 0; i < this.combos.length; i++) {
                    var b = this.combos[i];
                    if (b.id == id)
                        return b;
                }
                return null;
            };
            Ribbon.prototype.resize = function () {
                var availableWidth = this.$div.width();
                var groups = this.$div.find('.asc-ribbon-group')
                    .each(function (i, el) {
                    availableWidth -= el.clientWidth;
                });
                var mini = this.$div.find('.asc-ribbon-minigroup')
                    .each(function (i, el) {
                    availableWidth -= el.clientWidth;
                });
                if (availableWidth > 0 && mini.length) {
                    this.resizeToggle(mini.get(), availableWidth);
                }
                else if (availableWidth < 0 && groups.length) {
                    this.resizeToggle(groups.get().reverse(), availableWidth);
                }
            };
            Ribbon.prototype.resizeToggle = function (items, availableWidth) {
                var minimize = availableWidth < 0;
                for (var i = 0; i < items.length; i++) {
                    var el = items[i];
                    var $el = $j(el);
                    if (!minimize && Math.abs(availableWidth) < $el.width())
                        return;
                    if ($el.find('.asc-ribbon-button').length > 1) {
                        $el.toggleClass('asc-ribbon-minigroup', minimize)
                            .toggleClass('asc-ribbon-group', !minimize);
                        if (minimize) {
                            availableWidth += el.clientWidth;
                            if (availableWidth > 0)
                                return;
                        }
                        else {
                            availableWidth -= el.clientWidth;
                            if (availableWidth < 0)
                                return;
                        }
                    }
                }
            };
            Ribbon.prototype.fixWhiteSpace = function () {
                var width = this.$div.width() + this.$right.width();
                if (width > this.$div.parent().width()) {
                    for (var i = 0; i < this.buttons.length; i++) {
                        var btn = this.buttons[i];
                        var text = btn.$label.text();
                        text = text.replace(" ", "\n");
                        btn.$label.text(text);
                    }
                }
                else {
                }
            };
            return Ribbon;
        }());
        ui_1.Ribbon = Ribbon;
        var RibbonGroup = (function () {
            function RibbonGroup(ribbon, options) {
                if (options === void 0) { options = {}; }
                this.ribbon = ribbon;
                this.lastItem = null;
                var $d = this.$div = $j("<div class='asc-ribbon-group'/>")
                    .appendTo(options.right ? this.ribbon.$right : this.ribbon.$div);
                this.$div.get(0)['ASC_rg'] = this;
            }
            RibbonGroup.prototype.addDiv = function () {
                return $j("<div class='asc-ribbon-div'>").appendTo(this.$div).get(0);
            };
            RibbonGroup.prototype.remove = function () {
                this.$div.children('div').each(function (index, div) {
                    var ri = div['ASC_ri'];
                    if (ri)
                        ri.remove();
                });
                this.$div.remove();
            };
            return RibbonGroup;
        }());
        ui_1.RibbonGroup = RibbonGroup;
        var MiniGroup = (function () {
            function MiniGroup(group, options) {
                if (options === void 0) { options = {}; }
                this.group = group;
                this.items = [];
                this.$div = $j("<div class='asc-ribbon-minigroup'>").appendTo(group.$div);
            }
            return MiniGroup;
        }());
        ui_1.MiniGroup = MiniGroup;
        var AnchorMenu = (function () {
            function AnchorMenu(container, text, menu, options) {
                var _this = this;
                this.menu = menu;
                this.$a = $j("<a>").appendTo(container).text(text);
                if (options.style)
                    this.$a.get(0).style.cssText += ";" + options.style;
                this.$a.click(function (e) {
                    ASC.showContextMenu(_this.menu, e, _this.$a);
                });
            }
            return AnchorMenu;
        }());
        ui_1.AnchorMenu = AnchorMenu;
        var RibbonItem = (function () {
            function RibbonItem(group, mini) {
                this.group = group;
                this.mini = null;
                this.$div = $j("<div>");
                this.$div.get(0)['ASC_ri'] = this;
                if (mini) {
                    if (group.lastItem && group.lastItem.mini && group.lastItem.mini.items.length < 3)
                        this.mini = group.lastItem.mini;
                    else {
                        this.mini = new MiniGroup(group);
                        this.mini.items.push(this);
                    }
                    this.$div.appendTo(this.mini.$div);
                }
                else {
                    this.$div.appendTo(group.$div);
                }
                group.lastItem = this;
            }
            RibbonItem.prototype.remove = function () {
                this.$div.remove();
                if (this.group.lastItem == this)
                    this.group.lastItem = null;
            };
            return RibbonItem;
        }());
        var RibbonButton = (function (_super) {
            __extends(RibbonButton, _super);
            function RibbonButton(group, label, icon, fvar, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                _super.call(this, group, options.mini);
                this.id = '';
                this.cmd = '';
                this.nowrap = false;
                this.menu = null;
                group.ribbon.buttons.push(this);
                var $d = this.$div.addClass("asc-ribbon-button");
                var $m = this.$middle = $j("<div class='middle'/>").appendTo($d);
                this.$img = $j("<img>").attr("src", icon).appendTo($m);
                this.$label = $j("<span>").appendTo($m);
                this.$div.mousedown(function (e) { e.preventDefault(); });
                if (options.enabled !== false) {
                    this.$div.click(function (e) {
                        if (!_this.enabled())
                            return;
                        if (_this.menu) {
                            ASC.showContextMenu(_this.menu, e, _this.$div);
                        }
                        else if (_this.enabled() && fvar)
                            fvar();
                    });
                }
                if (options.id)
                    this.id = options.id;
                if (options.cmd)
                    this.cmd = options.cmd;
                if (options.nowrap)
                    this.nowrap = true;
                if (options.selected)
                    this.$div.addClass('selected');
                if (options.menu) {
                    this.$div.addClass('menu');
                    this.menu = options.menu;
                }
                if (options.enabled !== false && (options.menu || fvar) && !options.disabled)
                    this.$div.addClass('enabled');
                else
                    this.$div.addClass('disabled');
                this.label(label);
                if (options.tooltip)
                    this.$div.attr('title', options.tooltip);
                if (group.ribbon.options.autoResize) {
                    group.ribbon.resize();
                }
            }
            RibbonButton.prototype.enabled = function (state) {
                if (state !== undefined) {
                    this.$div.toggleClass('disabled', !state);
                }
                return !this.$div.hasClass('disabled');
            };
            RibbonButton.prototype.selected = function (selected) {
                if (selected !== undefined) {
                    this.$div.toggleClass('selected', !!selected);
                }
                return this.$div.hasClass('selected');
            };
            RibbonButton.prototype.icon = function (i) {
                this.$img.attr('src', i);
            };
            RibbonButton.prototype.label = function (label) {
                this.$label.html('');
                var wrap_c = 15;
                var nl_cnt;
                while (true) {
                    var wl = wordwrap(label, wrap_c);
                    nl_cnt = 0;
                    for (var i = 0; i < wl.length; i++) {
                        if (wl.charAt(i) == "\n") {
                            nl_cnt++;
                        }
                    }
                    if (nl_cnt <= 2)
                        break;
                    if (wrap_c >= 100)
                        break;
                    wrap_c++;
                }
                if (nl_cnt > 1) {
                    $j("<div style='font-size:75%;margin-top:-2px'>").appendTo(this.$label).text(wl);
                }
                else if (nl_cnt == 0 && label.length >= 12) {
                    $j("<div style='font-size:75%'>").appendTo(this.$label).text(wl);
                    this.$label.text(label);
                }
                else {
                    this.$label.text(wl);
                }
            };
            RibbonButton.prototype.remove = function () {
                _super.prototype.remove.call(this);
                var r = this.group.ribbon;
                r.buttons.splice(r.buttons.indexOf(this), 1);
            };
            return RibbonButton;
        }(RibbonItem));
        ui_1.RibbonButton = RibbonButton;
        var RibbonCombo = (function (_super) {
            __extends(RibbonCombo, _super);
            function RibbonCombo(group, fvar, options) {
                if (options === void 0) { options = {}; }
                _super.call(this, group, true);
                this.id = '';
                var comboOptions = {
                    fn: fvar
                };
                if (options.multi)
                    this.combo = new ComboBoxMulti(this.$div, [], options.items || [], comboOptions);
                else
                    this.combo = new ComboBox(this.$div, '', options.items || [], comboOptions);
                this.combo.$div
                    .addClass('asc-ribbon-combo')
                    .width(options.width || 100)
                    .attr('title', options.title);
                if (options.id)
                    this.id = options.id;
                group.ribbon.combos.push(this);
            }
            RibbonCombo.prototype.setItems = function (items) {
                this.combo.setItems(items);
            };
            RibbonCombo.prototype.setValue = function (v, triggerEvents) {
                if (triggerEvents === void 0) { triggerEvents = false; }
                this.combo.ASC_set(v, triggerEvents);
            };
            RibbonCombo.prototype.setVisible = function (v) {
                this.$div.toggle(!!v);
            };
            RibbonCombo.prototype.remove = function () {
                _super.prototype.remove.call(this);
                var r = this.group.ribbon;
                r.combos.splice(r.combos.indexOf(this), 1);
            };
            return RibbonCombo;
        }(RibbonItem));
        ui_1.RibbonCombo = RibbonCombo;
        var Accordion = (function () {
            function Accordion(container) {
                this.groups = [];
                var $d = this.$div = $j("<div class='asc-accordion'/>").appendTo(container);
            }
            Accordion.prototype.setSelectedId = function (id) {
                for (var i = 0; i < this.groups.length; i++) {
                    this.groups[i].setSelectedId(id);
                }
            };
            return Accordion;
        }());
        ui_1.Accordion = Accordion;
        var AccordionGroup = (function () {
            function AccordionGroup(accordion, label, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                this.accordion = accordion;
                this.buttons = [];
                accordion.groups.push(this);
                this.$div = $j("<div class='asc-accordion-group'/>").appendTo(accordion.$div);
                this.$top = $j("<div class='top'/>").appendTo(this.$div);
                this.$label = $j("<span class='label'/>").appendTo(this.$top);
                this.$label.text(label);
                this.$bottom = $j("<div class='bottom'/>").appendTo(this.$div);
                if (options.collapsed)
                    this.collapsed(true);
                this.$top.click(function (e) { _this.collapsed(!_this.collapsed()); });
            }
            AccordionGroup.prototype.setSelectedId = function (id) {
                for (var i = 0; i < this.buttons.length; i++) {
                    this.buttons[i].selected(this.buttons[i].id == id);
                }
            };
            AccordionGroup.prototype.collapsed = function (state) {
                if (state !== undefined) {
                    this.$div.toggleClass('collapsed', !!state);
                }
                return this.$div.hasClass('collapsed');
            };
            AccordionGroup.prototype.hideIfEmpty = function () {
                if (this.buttons.length == 0)
                    this.$div.hide();
            };
            return AccordionGroup;
        }());
        ui_1.AccordionGroup = AccordionGroup;
        var AccordionButton = (function () {
            function AccordionButton(group, label, icon, fvar, options) {
                if (options === void 0) { options = {}; }
                this.group = group;
                this.id = '';
                group.buttons.push(this);
                this.$div = $j("<div class='asc-accordion-button'/>").appendTo(group.$bottom);
                this.$div.get(0)['ASC_obj'] = this;
                this.$icon = $j("<img/>").attr("src", icon).appendTo(this.$div);
                this.$label = $j("<span/>").text(label).appendTo(this.$div);
                if (options.id)
                    this.id = options.id;
                if (fvar && !options.disabled)
                    this.$div.click(fvar);
                if (options.disabled)
                    this.$div.addClass('disabled');
            }
            AccordionButton.prototype.selected = function (state) {
                if (state !== undefined) {
                    if (state)
                        this.$div.addClass('selected');
                    else
                        this.$div.removeClass('selected');
                }
                return this.$div.hasClass('selected');
            };
            return AccordionButton;
        }());
        ui_1.AccordionButton = AccordionButton;
        var TreeView = (function () {
            function TreeView(container) {
                var _this = this;
                this.rootItems = [];
                this.selected = null;
                this.$div = $j("<div class='tree-view'>").appendTo(container);
                this.$div.on('select', function (e, i) {
                    _this.$div.trigger('select_id', i.id);
                });
            }
            TreeView.prototype.select = function (item) {
                if (typeof item === 'string') {
                    item = this.findItem(item);
                }
                if (this.selected == item)
                    return;
                if (this.selected)
                    this.selected.$div.removeClass('selected');
                this.selected = item;
                if (this.selected)
                    this.selected.$div.addClass('selected');
                this.$div.trigger("select", this.selected);
            };
            TreeView.prototype.on = function (et, handler) {
                this.$div.on(et, handler);
            };
            TreeView.prototype.findItem = function (id) {
                for (var i = 0; i < this.rootItems.length; i++) {
                    var item = this.rootItems[i];
                    if (item.id == id)
                        return item;
                }
                return null;
            };
            TreeView.prototype.removeAll = function () {
                this.rootItems.splice(0, this.rootItems.length);
                this.$div.html('');
            };
            return TreeView;
        }());
        ui_1.TreeView = TreeView;
        var TreeViewItem = (function () {
            function TreeViewItem(parent, label, icon, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                this.parent = null;
                this.id = '';
                if (parent instanceof TreeView) {
                    this.tree = parent;
                    this.tree.rootItems.push(this);
                }
                else if (parent instanceof TreeViewItem) {
                    this.parent = parent;
                    this.tree = this.parent.tree;
                }
                else
                    throw "Error4474294123";
                this.$div = $j("<div class='item'>").appendTo(this.parent ? this.parent.$sub : this.tree.$div);
                if (icon)
                    this.$icon = $j("<img>").appendTo(this.$div).attr("src", icon);
                this.$label = $j("<span class='label'>").appendTo(this.$div).text(label);
                this.$sub = $j("<div class='sub'>").appendTo(this.$div);
                this.$label.click(function () { _this.tree.select(_this); });
                if (options.id)
                    this.id = options.id;
            }
            return TreeViewItem;
        }());
        ui_1.TreeViewItem = TreeViewItem;
        var TabView = (function () {
            function TabView(container, options) {
                if (options === void 0) { options = {}; }
                this.maxHeight = 0;
                this.maxWidth = 0;
                this.$div = $j("<div class='asc-tab-view'>").appendTo(container);
                this.$labels = $j("<div class='labels'>").appendTo(this.$div);
                this.$content = $j("<div class='content'>").appendTo(this.$div);
                this.tabs = [];
            }
            TabView.prototype.addTab = function (tab) {
                var _this = this;
                tab.index = this.tabs.length;
                this.tabs.push(tab);
                tab.$label
                    .appendTo(this.$labels)
                    .click(function (e) {
                    _this.selectTab(tab.index);
                });
                tab.$container.appendTo(this.$content);
            };
            TabView.prototype.selectTab = function (index) {
                var _this = this;
                if (this.tabs.length) {
                    var tab = this.tabs[index];
                    this.$labels.find(">div.selected").removeClass('selected');
                    tab.$label.addClass('selected');
                    var active = this.$content.find(">div.active").removeClass('active');
                    tab.$container.addClass('active').ready(function () {
                        _this.fixDimensions(tab, active.length == 0);
                    });
                }
            };
            TabView.prototype.fixDimensions = function (tab, firstSelect) {
                this.maxHeight = Math.max(tab.$container.outerHeight(), this.maxHeight);
                this.maxWidth = Math.max(tab.$container.outerWidth(), this.maxWidth);
                if (this.maxHeight > 10) {
                    this.$content.css('min-height', this.maxHeight + 'px');
                }
                if (!firstSelect) {
                    var $dlg = this.$div.parents('.ui-dialog');
                    var isAutoWidth = $dlg.get(0) && $dlg.get(0).style.width == 'auto';
                    if (this.maxWidth > 100 && isAutoWidth && this.maxWidth < $dlg.innerWidth()) {
                        this.$content.css('min-width', this.maxWidth + 'px');
                    }
                }
            };
            TabView.prototype.set = function (parameter, value) {
                switch (parameter) {
                    case 'orientation':
                        this.$div.toggleClass('orientation-left', value == 'left');
                        break;
                }
            };
            return TabView;
        }());
        ui_1.TabView = TabView;
        var Tab = (function () {
            function Tab(options) {
                this.options = options;
                this.$container = $j('<div>').html(options.content);
                this.$label = $j('<div>').text(options.label);
                if (options.icon) {
                    $j('<img>').attr('src', options.icon).prependTo(this.$label);
                }
            }
            return Tab;
        }());
        ui_1.Tab = Tab;
        var ComboBox = (function () {
            function ComboBox(container, value, items, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                this.items = [];
                this.maxLabelItems = 0;
                this.fixedLabel = false;
                this.checkProperty = 'selected';
                this.$div = $j("<div class='dropDownBtn asc-combo'>").appendTo(container);
                this.$div.get(0)['ASC_combo'] = this;
                if (options.anchor) {
                    this.$div.addClass('anchor');
                    if (options.anchor.length)
                        $j("<label>").text(options.anchor).appendTo(this.$div);
                }
                if (options.style)
                    this.$div.get(0).style.cssText += options.style;
                this.value = (value === null) ? '' : value;
                this.setItems(items);
                this.createElement();
                if (options.maxWidth) {
                    this.$label.css({
                        maxWidth: options.maxWidth
                    }).addClass('ellipsis');
                }
                if (options.fixedLabel) {
                    this.$label.html(options.fixedLabel);
                    this.fixedLabel = true;
                }
                if (options.linked_field) {
                    this.linked_field = options.linked_field;
                    this.linked_field['ASC_combo'] = this;
                    this.linked_field['ASC_uiElement'] = this.$div;
                    this.linked_field['ASC_set'] = function (v, triggerEvent) {
                        _this.ASC_set(v, triggerEvent);
                    };
                    this.linked_field['ASC_ce'] = new ASC.ASC_ce(this.$div);
                }
                if (options.fn) {
                    this.$div.on('ASC_ce', function (e) {
                        options.fn(_this.value);
                    });
                }
                this.ASC_set(this.value, false);
            }
            ComboBox.prototype.createElement = function () {
                var $anchor = $j("<a href='#'>").appendTo(this.$div);
                this.btn = $anchor.get(0);
                this.$label = $j("<span class='button-title'>").appendTo($anchor);
            };
            ComboBox.prototype.open = function () {
                if (!this.isOpen()) {
                    this.menu.show(this.$div);
                    this.scrollToSelected();
                }
            };
            ComboBox.prototype.isOpen = function () {
                return this.menu.$menu.is(":visible");
            };
            ComboBox.prototype.scrollToSelected = function () {
                var $el = this.menu.$menu.find(".checked, .marked");
                var pos = $el.position();
                pos && this.menu.$menu.scrollTop(pos.top - (this.menu.$menu.height() / 2) + $el.height());
            };
            ComboBox.prototype.setItems = function (items) {
                this.items = ComboBox.fixItems(items);
                this.init();
            };
            ComboBox.prototype.init = function () {
                var _this = this;
                if (this.menu) {
                    this.menu.destroy();
                }
                var $dlg = this.$div.parents('.ui-dialog');
                this.menu = new ContextMenu(this.convertToMenu(this.items), {
                    container: $dlg.length ? $dlg : document.body,
                    clickToHide: false
                });
                this.$div.click(function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $j(document).click();
                    if (_this.isOpen())
                        _this.menu.hide();
                    else
                        _this.open();
                    e.stopImmediatePropagation();
                });
                this.menu.$menu.hide();
                this.menu.$menu
                    .addClass('asc-combo')
                    .find('.asc-context-menu').removeClass('asc-context-menu');
                new MenuKeyNavigation(this.$div.find('a'), this.menu.$menu, function (e) {
                    _this.open();
                });
            };
            ComboBox.fixItems = function (items) {
                if (!('length' in items)) {
                    items = ComboBox.convertToCombo(items);
                }
                else {
                    for (var i in items) {
                        try {
                            if (!('value' in items[i]))
                                break;
                        }
                        catch (e) {
                            items = ComboBox.convertToCombo(items);
                        }
                    }
                }
                return ASC.clone(items);
            };
            ComboBox.convertToCombo = function (items) {
                var combo = [];
                for (var value in items) {
                    combo.push({ value: value, name: items[value] });
                }
                return combo;
            };
            ComboBox.prototype.convertToMenu = function (items) {
                var _this = this;
                return Menu.convertCombo(items, this.value, function (e, value) {
                    _this.click(value);
                });
            };
            ComboBox.prototype.click = function (value) {
                this.ASC_set(value);
                this.hide();
            };
            ComboBox.prototype.ASC_set = function (value, triggerEvent) {
                if (triggerEvent === void 0) { triggerEvent = true; }
                this.value = value;
                this.update();
                if (this.linked_field) {
                    this.linked_field.value = this.value;
                }
                if (triggerEvent) {
                    this.$div.trigger('ASC_ce', this.value);
                }
            };
            ComboBox.prototype.getLabels = function (ids) {
                var items = this.getLabelItems(ids);
                var labels = [];
                for (var i = 0; i < items.length; i++) {
                    labels.push(items[i].getLabel());
                }
                return labels;
            };
            ComboBox.prototype.getTexts = function (ids) {
                var items = this.getLabelItems(ids);
                var texts = [];
                for (var i = 0; i < items.length; i++) {
                    texts.push(items[i].getText());
                }
                return texts;
            };
            ComboBox.prototype.getLabelItems = function (ids) {
                var items = [];
                for (var i = 0; i < ids.length; i++) {
                    items = items.concat(this.findItems(ids[i]));
                }
                return items;
            };
            ComboBox.prototype.hide = function () {
                this.menu.hide();
                this.$div.find('a').focus();
            };
            ComboBox.prototype.update = function () {
                var _this = this;
                var items = [];
                var labels = [];
                var used = {};
                this.walkItems(function (item, index, groupIndex) {
                    var value = item.cfg.getProperty('value');
                    var checked = _this.isChecked(value);
                    item.cfg.setProperty(_this.checkProperty, checked);
                    if (checked && !used[value]) {
                        used[value] = true;
                        labels.push(item.getLabel());
                    }
                });
                if (this.maxLabelItems > 0 && labels.length > this.maxLabelItems) {
                    var len = labels.length;
                    labels = labels.slice(0, this.maxLabelItems);
                    labels.push(' ... (' + len + ')');
                }
                if (!this.fixedLabel) {
                    var label = (labels.join(', '));
                    if (labels.length == 0 && !ASC.isArray(this.value))
                        label = ASC.strVal(this.value);
                    this.$label.html(label + "\u00A0");
                    this.$label.attr('title', this.$label.text());
                }
            };
            ComboBox.prototype.setDefaultItem = function (text) {
                this.walkItems(function (item, index, groupIndex) {
                    if ('value' in item.config && item.config.value == '') {
                        item.cfg.setProperty('text', ASC.ls(1858) + (text ? ' (' + text + ')' : ''));
                    }
                });
                this.update();
            };
            ComboBox.prototype.isChecked = function (value) {
                return ASC.strEquals(this.value, value);
            };
            ComboBox.prototype.findItems = function (search, byProperty) {
                if (byProperty === void 0) { byProperty = 'value'; }
                var found = [];
                this.walkItems(function (item, index, groupIndex) {
                    if (ASC.strEquals(item.cfg.getProperty(byProperty), search)) {
                        found.push(item);
                    }
                });
                return found;
            };
            ComboBox.prototype.walkItems = function (callback) {
                for (var group = 0; group < this.menu.items.length; group++) {
                    for (var i = 0; i < this.menu.items[group].length; i++) {
                        callback(this.menu.items[group][i], i, group);
                    }
                }
            };
            return ComboBox;
        }());
        ui_1.ComboBox = ComboBox;
        var ComboBoxMulti = (function (_super) {
            __extends(ComboBoxMulti, _super);
            function ComboBoxMulti(container, value, items, options) {
                if (options === void 0) { options = {}; }
                _super.call(this, container, value, items, options);
                if (!ASC.isArray(this.value)) {
                    if (this.value)
                        throw "Err" + "or5374882239";
                    else
                        this.value = [];
                }
                if (options.maxLabelItems > 0)
                    this.maxLabelItems = options.maxLabelItems;
                if (options.controls) {
                    this.menu.cfg.setProperty('header', this.getControlsHTML(options.controls));
                }
                this.ASC_set(this.value, false);
            }
            ComboBoxMulti.prototype.init = function () {
                _super.prototype.init.call(this);
                this.menu.$menu.find('.dropDownPanel').addClass('checkPanel');
            };
            ComboBoxMulti.prototype.isChecked = function (value) {
                return ASC.indexOf2(this.value, value) >= 0;
            };
            ComboBoxMulti.prototype.click = function (value) {
                var _this = this;
                var i = ASC.indexOf2(this.value, value);
                if (i < 0) {
                    var items = this.findItems(value);
                    if (items.length != 1) {
                        throw "Err" + "or9970882172";
                    }
                    var radiogroup = items[0].cfg.getProperty('radiogroup');
                    if (radiogroup !== undefined) {
                        this.walkItems(function (item, index, groupIndex) {
                            if (item.cfg.getProperty('radiogroup') == radiogroup) {
                                var k = ASC.indexOf2(_this.value, item.cfg.getProperty('value'));
                                if (k >= 0)
                                    _this.value.splice(k, 1);
                            }
                        });
                    }
                    this.value.push(value);
                }
                else {
                    this.value.splice(i, 1);
                }
                this.ASC_set(this.value);
            };
            ComboBoxMulti.prototype.convertToMenu = function (items) {
                var multiValues = {};
                for (var i = 0; i < items.length; i++) {
                    if (items[i] && 'value' in items[i])
                        multiValues[items[i].value] = true;
                }
                var separated = false;
                for (var i = 0; i < this.value.length; i++) {
                    if (!(this.value[i] in multiValues)) {
                        if (!separated) {
                            separated = true;
                            items.push([]);
                        }
                        items.push({
                            name: this.value[i],
                            value: this.value[i]
                        });
                    }
                }
                return _super.prototype.convertToMenu.call(this, items);
            };
            ComboBoxMulti.prototype.update = function () {
                this.checkProperty = 'checked';
                _super.prototype.update.call(this);
            };
            ComboBoxMulti.prototype.getControlsHTML = function (controls) {
                var _this = this;
                var $container = $j("<div>");
                $j("<img>").appendTo($container).attr({
                    src: '/asc/pics/icons/check_16.png',
                    height: '10px',
                    title: ASC.ls(4288)
                })
                    .click(function (e) {
                    var values = [];
                    _this.walkItems(function (item) {
                        values.push(item.config.value);
                    });
                    _this.ASC_set(values);
                });
                $j("<img>").appendTo($container).attr({
                    src: '/asc/pics/icons/delete_16.png',
                    title: ASC.ls(4289)
                })
                    .click(function (e) {
                    _this.ASC_set([]);
                });
                $j("<img>").appendTo($container).attr({
                    src: '/asc/pics/icons/refresh_16.png',
                    title: ASC.ls(6626)
                })
                    .click(function (e) {
                    var values = [];
                    _this.walkItems(function (item) {
                        if (ASC.indexOf(_this.value, item.config.value) < 0) {
                            values.push(item.config.value);
                        }
                    });
                    _this.ASC_set(values);
                });
                $container.find("img").css({
                    marginRight: '0.5em',
                    verticalAlign: 'middle',
                    height: '16px'
                });
                return $container;
            };
            return ComboBoxMulti;
        }(ComboBox));
        ui_1.ComboBoxMulti = ComboBoxMulti;
        var ComboBoxAutoComplete = (function () {
            function ComboBoxAutoComplete(container, value, items, options) {
                var _this = this;
                this.options = options;
                this.$container = $j('<span>').appendTo(container).addClass('asc-autocomplete');
                this.items = this.fixItems(items);
                $j.widget("ui.autocomplete", $j.ui.autocomplete, {
                    _renderItem: function (ul, item) {
                        var $li = $j("<li>").appendTo(ul);
                        MenuItem.renderContent($li, item);
                        $li.find('img').css({
                            paddingRight: '.5em',
                            verticalAlign: 'middle'
                        });
                        return $li;
                    }
                });
                var updateUI = function (e, ui) {
                    if (ui.item) {
                        _this.$input.val(ui.item.text);
                    }
                    return false;
                }, wasOpen = false;
                this.$input = $j("<input>")
                    .appendTo(this.$container)
                    .autocomplete({
                    minLength: 0,
                    source: function (request, response) {
                        response(_this.getSource(request.term));
                    },
                    select: function (e, ui) {
                        if (ui.item && ui.item.add && options.addFn) {
                            options.addFn(e, ui.item.add + '', _this);
                            _this.ASC_set(_this.value);
                        }
                        else {
                            _this.ASC_set(ui.item ? ui.item.value : _this.value);
                        }
                        return false;
                    },
                    focus: function (e, ui) {
                        updateUI(e, ui);
                        _this.$input.select();
                    },
                    close: updateUI,
                    change: function (e, ui) {
                        _this.ASC_set(ui.item ? ui.item.value : _this.value);
                        return false;
                    }
                })
                    .css('padding-right', '1em');
                var width = this.$input.height();
                $j('<a>').appendTo(this.$container)
                    .attr('tabIndex', -1)
                    .attr('title', ASC.ls(3196))
                    .addClass('show-all')
                    .css({
                    left: this.$input.width(),
                    width: width,
                    height: width,
                })
                    .mousedown(function (e) {
                    wasOpen = _this.$input.autocomplete("widget").is(":visible");
                })
                    .click(function (e) {
                    _this.$input.focus();
                    if (!wasOpen) {
                        _this.$input.autocomplete("search", "");
                    }
                });
                if (options.style) {
                    this.$input.get(0).style.cssText += ';' + options.style;
                }
                if (options.cssClass) {
                    this.$input.addClass(options.cssClass);
                }
                if (options.linked_field) {
                    this.linked_field = options.linked_field;
                    this.linked_field['ASC_combo'] = this;
                    this.linked_field['ASC_uiElement'] = this.$input;
                    this.linked_field['ASC_set'] = function (v, triggerEvent) {
                        _this.ASC_set(v, triggerEvent);
                    };
                    this.linked_field['ASC_ce'] = new ASC.ASC_ce(this.$input);
                }
                this.ASC_set(value, false);
            }
            ComboBoxAutoComplete.prototype.setRendering = function () {
            };
            ComboBoxAutoComplete.prototype.ASC_set = function (value, triggerEvent) {
                if (triggerEvent === void 0) { triggerEvent = true; }
                this.value = value;
                this.update();
                console.log('autocomplete value', this.value);
                if (this.linked_field) {
                    this.linked_field.value = this.value;
                }
                if (triggerEvent) {
                    this.$input.trigger('ASC_ce', this.value);
                }
            };
            ComboBoxAutoComplete.prototype.update = function () {
                var text = this.value;
                var found = false;
                for (var i = 0; i < this.items.length; i++) {
                    if (this.items[i].value == this.value) {
                        found = true;
                        text = this.items[i].label;
                    }
                }
                this.$input.val(text);
                if (this.options.addFn) {
                    this.$container.find('a.add').toggle(!found && text != '');
                }
            };
            ComboBoxAutoComplete.prototype.fixItems = function (items) {
                var res = ComboBox.fixItems(items);
                for (var i = 0; i < res.length; i++) {
                    if (!res[i].text) {
                        res[i].text = res[i].name;
                    }
                    res[i].label = res[i].text;
                }
                return res;
            };
            ComboBoxAutoComplete.prototype.getSource = function (term) {
                if (this.options.getItems) {
                    var items = this.options.getItems(term);
                }
                else {
                    var matcher = new RegExp($j.ui.autocomplete.escapeRegex(term), "i");
                    var items = $j.grep(this.items, function (item) {
                        return matcher.test(item.label);
                    });
                }
                if (items.length == 0 && term != '' && this.options.addFn) {
                    items.push({
                        text: ASC.ls(3572),
                        label: ASC.ls(3572),
                        value: this.value,
                        add: term + ''
                    });
                }
                return items;
            };
            ComboBoxAutoComplete.prototype.setNewItem = function (item) {
                this.items.push(item);
                this.items = this.fixItems(this.items);
                this.ASC_set(item.value);
            };
            return ComboBoxAutoComplete;
        }());
        ui_1.ComboBoxAutoComplete = ComboBoxAutoComplete;
        var DateField = (function () {
            function DateField(container, value, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                this.value = '';
                this.$field = $j("<input type='text' class='asc-textfield asc-datefield'>").appendTo(container);
                this.nodate = options.nodate || '';
                if (options.style)
                    this.$field.get(0).style.cssText = options.style;
                if (options.nodate) {
                    options['showButtonPanel'] = true;
                    options['closeText'] = options.nodate;
                    options['onClose'] = function (dateText, obj) {
                        if (obj.dpDiv.find('button.ui-datepicker-close').hasClass('ui-state-hover')) {
                            _this.setValue('');
                            _this.$field.trigger('change');
                        }
                    };
                }
                if (options.calendarmode == 'week') {
                    options['beforeShow'] = function (date, obj) {
                        setTimeout(function () {
                            obj.dpDiv.find('a.ui-state-active').parents('tr').addClass('ui-state-active');
                        }, 300);
                    };
                }
                if (options.navigator) {
                    options['changeMonth'] = true;
                    options['changeYear'] = true;
                }
                if (options['highlightdates'] || options['highlightdates2']) {
                    throw "Err" + "or6802836505 - TODO highlight dates";
                }
                var dp = new DatePicker(this.$field, options);
                this.$field.change(function () {
                    var v = _this.$field.val();
                    var vld = true;
                    if (v == '') {
                        _this.value = '';
                    }
                    else {
                        try {
                            if ($j.datepicker.parseDate(_this.$field.datepicker('option', 'dateFormat'), v))
                                _this.value = ASC.date_js2sql(_this.$field.datepicker("getDate"));
                            else
                                vld = false;
                        }
                        catch (e) {
                            vld = false;
                        }
                    }
                    if (_this.linked_field)
                        $j(_this.linked_field).val(_this.value);
                    ASC.setClass(_this.$field.get(0), 'asc-badfieldvalue', !vld);
                });
                if (options.linked_field) {
                    this.linked_field = options.linked_field;
                    this.linked_field['ASC_uiElement'] = this.$field;
                    this.linked_field['ASC_set'] = function (v) { _this.setValue(v); };
                    this.linked_field['ASC_cal'] = dp;
                    this.linked_field['ASC_ce'] = {
                        subscribe: function (f) {
                            _this.$field.change(function (e) {
                                f(e, _this.value);
                            });
                        }
                    };
                }
                this.setValue(value);
            }
            DateField.prototype.setValue = function (value) {
                this.value = value;
                if (value)
                    this.$field.datepicker('setDate', ASC.date_sql2js(value));
                else
                    this.$field.val(this.nodate);
                if (this.linked_field)
                    this.linked_field.value = value;
                this.$field.removeClass('asc-badfieldvalue');
            };
            return DateField;
        }());
        ui_1.DateField = DateField;
        var DatePicker = (function () {
            function DatePicker(container, config) {
                config = $j.extend({}, DatePicker.getSettings(), config);
                this.$container = $j(container).datepicker(config);
            }
            DatePicker.getDateFormat = function () {
                var format = "dd.mm.yy";
                switch (ASC.lang) {
                    case 'sk':
                    case 'cz':
                    case 'de':
                    case 'pl':
                        format = 'dd.mm.yy';
                        break;
                    case 'hu':
                        format = 'yy.mm.dd';
                        break;
                    case 'en':
                        format = 'm/d/yy';
                        break;
                }
                return format;
            };
            DatePicker.getDayNamesShort = function () {
                var shortNames = [];
                for (var i = 0; i < DatePicker.dayNames.length; i++) {
                    shortNames[i] = ASC.ls(DatePicker.dayNames[i]).substr(0, 2);
                }
                return shortNames;
            };
            DatePicker.getSettings = function () {
                var monthNames = [];
                for (var i in DatePicker.monthNames) {
                    monthNames.push(ASC.ls(DatePicker.monthNames[i]));
                }
                return {
                    dateFormat: DatePicker.getDateFormat(),
                    dayNames: DatePicker.dayNames,
                    dayNamesMin: DatePicker.getDayNamesShort(),
                    monthNames: monthNames,
                    firstDay: ASC.timezone_firstDayOfWeek() % 7,
                    currentText: ASC.ls(6136),
                    beforeShow: function (input, inst) {
                        setTimeout(function () {
                            inst.dpDiv.css('z-index', 99999999999999);
                        }, 0);
                    }
                };
            };
            DatePicker.prototype.subscribe = function (fn) {
                var _this = this;
                this.$container.datepicker('option', 'onSelect', function (date, dpObj) {
                    fn(_this.getSqlDate(), dpObj);
                });
            };
            DatePicker.prototype.setRenderer = function (fn) {
                this.$container.datepicker('option', 'beforeShowDay', fn);
            };
            DatePicker.prototype.getSqlDate = function (date) {
                return $j.datepicker.formatDate('yy-mm-dd', date || this.$container.datepicker('getDate'));
            };
            DatePicker.prototype.fillRenderers = function (data) {
                var _this = this;
                if (!data)
                    return;
                if (!ASC.isArray(data))
                    data = [data];
                this.setRenderer(function (date) {
                    var settings = [true, '', ''];
                    var sqlDate = _this.getSqlDate(date);
                    for (var i = 0; i < data.length; i++) {
                        var renderObj = data[i];
                        if (renderObj.dates) {
                            for (var j = 0; j < renderObj.dates.length; j++) {
                                if (sqlDate == renderObj.dates[j]) {
                                    settings = [renderObj.selectable || true, renderObj['class'], renderObj.tooltip || ''];
                                }
                            }
                        }
                    }
                    return settings;
                });
            };
            DatePicker.dayNames = [1709, 1703, 1704, 1705, 1706, 1707, 1708];
            DatePicker.monthNames = [1711, 1712, 1713, 1714, 1715, 1716, 1717, 1718, 1719, 1720, 1721, 1722];
            return DatePicker;
        }());
        ui_1.DatePicker = DatePicker;
        var DatePickerDiv = (function () {
            function DatePickerDiv(container, datefrom, dateto, options) {
                var _this = this;
                if (options === void 0) { options = {}; }
                this.options = options;
                this.inputs = [];
                this.fields = [];
                options.multi_select = true;
                options.numberOfMonths = 2;
                var div = ASC.createDiv(container, options.cssClass, 'margin:10px 0;' + options.style);
                this.initField(div);
                this.initField(div);
                this.datePicker = new DatePicker(div, options);
                if (datefrom && dateto && datefrom > dateto) {
                    var p = datefrom + '';
                    datefrom = dateto;
                    dateto = p;
                }
                this.datefrom = datefrom || '';
                this.dateto = dateto || '';
                this.setState();
                this.datePicker.subscribe(function (date, obj) {
                    _this.select(date, obj);
                });
                this.datePicker.setRenderer(function (date) {
                    var settings = [true, '', ''];
                    var sqlDate = _this.datePicker.getSqlDate(date);
                    if (sqlDate >= _this.datefrom && sqlDate <= _this.dateto) {
                        settings[1] = 'ui-state-active';
                    }
                    return settings;
                });
                this.refresh();
            }
            DatePickerDiv.prototype.initField = function (container) {
                var _this = this;
                this.inputs.push($j("<input type='hidden'>").appendTo(container));
                if (this.options.dateInput) {
                    var $input = $j("<input type='text'>").appendTo(container)
                        .css('margin', '0 5px')
                        .keyup(function (e) {
                        var change = false;
                        var ok = true;
                        for (var j = 0; j < _this.fields.length; j++) {
                            if (_this.fields[j].val().length % 10 != 0)
                                return;
                            if (_this.inputs[j].val() != _this.fields[j].val()) {
                                var d = ASC.date_sql2js(_this.fields[j].val());
                                if (j == 0) {
                                    _this.datefrom = d;
                                    if (_this.datefrom > _this.dateto) {
                                        _this.dateto = d;
                                        ok = false;
                                    }
                                }
                                else {
                                    _this.dateto = d;
                                    if (_this.datefrom > _this.dateto) {
                                        _this.datefrom = d;
                                        ok = false;
                                    }
                                }
                                change = true;
                            }
                        }
                        if (change) {
                            _this.refresh();
                            _this.setState();
                            if (ok)
                                _this.ok();
                        }
                    });
                    this.fields.push($input);
                }
            };
            DatePickerDiv.prototype.setState = function () {
                this.state = (this.datefrom && this.dateto) ? 2 : (this.datefrom || this.dateto) ? 1 : 0;
            };
            DatePickerDiv.prototype.ok = function () {
                if (this.state == 2 && this.options.okfunc)
                    this.options.okfunc(this.datefrom, this.dateto);
            };
            DatePickerDiv.prototype.select = function (d, obj) {
                var date = this.datePicker.getSqlDate();
                if (++this.state % 3 == 0) {
                    this.datefrom = '';
                    this.dateto = '';
                    this.state = 1;
                }
                this.refresh(date);
                this.ok();
            };
            DatePickerDiv.prototype.refresh = function (date) {
                if (!date && this.state > 0)
                    date = (this.datefrom) ? this.datefrom : this.dateto;
                if (date) {
                    if (!this.datefrom || date < this.dateto) {
                        this.datefrom = date;
                    }
                    if (!this.dateto || date > this.datefrom) {
                        this.dateto = date;
                    }
                }
                if (this.datefrom && this.dateto) {
                    this.inputs[0].val(this.datefrom);
                    this.inputs[1].val(this.dateto);
                    if (this.fields.length) {
                        for (var i = 0; i < this.fields.length; i++)
                            this.fields[i].val(this.inputs[i].val());
                    }
                }
                this.datePicker.$container.datepicker('setDate', ASC.date_sql2js(this.datefrom));
                this.datePicker.$container.datepicker('setDate', ASC.date_sql2js(this.dateto));
            };
            return DatePickerDiv;
        }());
        ui_1.DatePickerDiv = DatePickerDiv;
        var Popup = (function () {
            function Popup(container, options) {
                if (options === void 0) { options = {}; }
                this.options = options;
                this.init(container);
            }
            Popup.prototype.init = function (container) {
                var _this = this;
                this.$panel = $j('<div>').appendTo(container)
                    .hide()
                    .blur(function (e) {
                    _this.hide();
                });
            };
            Popup.prototype.popup = function () {
                if (this.needRefill()) {
                    this.fill();
                }
                this.$panel.show();
            };
            Popup.prototype.needRefill = function () {
                return !this.$panel.html();
            };
            Popup.prototype.fill = function () {
                this.$panel.empty();
            };
            Popup.prototype.hide = function () {
                this.$panel.fadeOut();
            };
            return Popup;
        }());
        ui_1.Popup = Popup;
        var InputComplete = (function (_super) {
            __extends(InputComplete, _super);
            function InputComplete(container, items, options) {
                if (options === void 0) { options = {}; }
                _super.call(this, container, options);
                this.items = items;
            }
            InputComplete.prototype.init = function (container) {
                var _this = this;
                var d = ASC.createDiv(container, 'inputComplete');
                _super.prototype.init.call(this, d);
                this.$panel.addClass('asc-scrollbar');
                this.$ui = $j('<input>').appendTo(d)
                    .focus(function (e) {
                    _this.popup();
                })
                    .keydown(function (e) {
                    switch (e.keyCode) {
                        case 13:
                            var i = _this.$panel.find('.selected').index();
                            var j = 0;
                            for (var value in _this.items) {
                                if (i == j) {
                                    _this.set(value);
                                    _this.hide();
                                    break;
                                }
                                j++;
                            }
                            break;
                        case 38:
                        case 40:
                            e.preventDefault();
                            e.stopPropagation();
                            var $sel = _this.$panel.find('.selected').removeClass('selected');
                            if ($sel.length) {
                                if (e.keyCode == 38)
                                    $sel = $sel.prev();
                                else
                                    $sel = $sel.next();
                            }
                            if (!$sel.length) {
                                if (e.keyCode == 38)
                                    $sel = _this.$panel.find('span:first-child');
                                else
                                    $sel = _this.$panel.find('span:last-child');
                            }
                            $sel.addClass('selected');
                            break;
                    }
                })
                    .keyup(function (e) {
                    switch (e.keyCode) {
                        case 13:
                        case 38:
                        case 40:
                            break;
                        default:
                            if (_this.timeHandler)
                                clearInterval(_this.timeHandler);
                            _this.timeHandler = setInterval(function () {
                                clearInterval(_this.timeHandler);
                                _this.scroll();
                            }, 100);
                    }
                })
                    .blur(function (e) {
                    if ($j(e.relatedTarget).is(".ui-dialog")) {
                        $j(e.relatedTarget).click(function () {
                            $j(e.relatedTarget).off('click');
                            _this.onblur(e);
                        });
                        return;
                    }
                    _this.onblur(e);
                });
            };
            InputComplete.prototype.onblur = function (e) {
                this.hide();
            };
            InputComplete.prototype.popup = function () {
                $j(".asc-scrollbar").not(this.$panel).fadeOut();
                _super.prototype.popup.call(this);
                this.scroll();
            };
            InputComplete.prototype.fill = function () {
                var _this = this;
                _super.prototype.fill.call(this);
                for (var value in this.items) {
                    var text = this.items[value] + (this.options.setItemLabel ? ' (' + value + ')' : '');
                    var $span = $j('<span>').text(text).appendTo(this.$panel);
                    (function (v) {
                        $span.click(function (e) {
                            _this.set(v);
                            _this.hide();
                        });
                    })(value);
                }
            };
            InputComplete.prototype.set = function (value) {
                if (this.options.setItemLabel)
                    value = this.items[value];
                this.$ui.val(value);
                if (ASC.type(this.options.fn) == 'function')
                    this.options.fn(value);
            };
            InputComplete.prototype.scroll = function () {
                this.$panel.show();
                var v = this.$ui.val().trim();
                if (this.$panel.html() && v) {
                    var height = 0;
                    var i = 0;
                    this.$panel.children().removeClass('selected');
                    this.$panel.scrollTop(0);
                    var len = v.length;
                    for (var value in this.items) {
                        if (this.matchValue(value, v, len) || this.matchValue(this.items[value], v, len)) {
                            var $el = this.$panel.children().eq(i).addClass('selected');
                            height = $el.position().top - Math.floor(this.options.rows / 2) * ($el.height());
                            break;
                        }
                        i++;
                    }
                    this.$panel.scrollTop(height);
                }
            };
            InputComplete.prototype.matchValue = function (value1, value2, trimLength) {
                function trimValue(value) {
                    return (value + "").toLowerCase().substr(0, trimLength);
                }
                return trimValue(value1) == trimValue(value2);
            };
            return InputComplete;
        }(Popup));
        ui_1.InputComplete = InputComplete;
        var TimePicker = (function (_super) {
            __extends(TimePicker, _super);
            function TimePicker(d, value, options) {
                if (options === void 0) { options = {}; }
                _super.call(this, d, {}, options);
                this.ASC_ce = new ASC.ASC_ce(this.$el);
                if (value) {
                    this.set(ASC.ASC_str2time(value), true);
                }
            }
            TimePicker.prototype.init = function (container) {
                this.options = $j.extend({}, {
                    step: 30 * 60,
                    rows: 7,
                }, this.options);
                this.options.ajSekundy = !!this.options.ajSekundy || this.options.step < 60;
                this.$el = $j('<input type="hidden">')
                    .appendTo(container);
                _super.prototype.init.call(this, container);
                this.$panel.css({
                    'max-height': (this.options.rows * 16) + 'px',
                    'text-align': 'left'
                })
                    .parent().addClass('timePicker');
            };
            TimePicker.prototype.onblur = function (e) {
                _super.prototype.onblur.call(this, e);
                var val = (this.options.emptyString && this.$ui.val().trim() == '') ? '' : ASC.ASC_str2time(this.$ui.val());
                this.set(val);
                this.send();
            };
            TimePicker.prototype.get = function (ajSekundy) {
                if (ajSekundy === void 0) { ajSekundy = false; }
                var v = this.$el.val();
                return ajSekundy ? v : v.substring(0, 5);
            };
            TimePicker.prototype.set = function (value, init) {
                value = ASC.strVal(value);
                if (this.options.valBezSekund)
                    value = value.substr(0, 5);
                this.$el.val(value);
                this.$ui.val(ASC.ASC_time2str(value, {
                    ajSekundy: this.options.ajSekundy
                }));
                if (!init && ASC.type(this.options.fn) == 'function')
                    this.options.fn(value);
                this.send();
            };
            TimePicker.prototype.duration = function (v1, v2) {
                var diff = this.time2seconds(v2) - this.time2seconds(v1);
                var time = this.seconds2time(diff);
                var m = time[1] + (Math.round(time[2] / 6) / 10);
                if (time[0] > 0)
                    return ASC.lsf(3147, { n: time[0] }) + (m ? ' ' + ASC.lsf(1959, { n: m * 1 }) : '');
                else if (time[1] > 0)
                    return ASC.lsf(1959, { n: m * 1 });
                return (time[2] || this.options.ajSekundy) ? ASC.lsf(3148, { n: time[2] }) : ASC.lsf(1959, { n: 0 });
            };
            TimePicker.prototype.seconds2time = function (sec) {
                var t = [0, 0, 0];
                t[0] = Math.floor(sec / 3600);
                t[1] = Math.floor((sec - (t[0] * 3600)) / 60);
                t[2] = sec - (t[0] * 3600) - (t[1] * 60);
                return t;
            };
            TimePicker.prototype.time2seconds = function (t) {
                if (ASC.type(t) != 'array')
                    t = ASC.ASC_str2time(t).split(":");
                return t[0] * 3600 + t[1] * 60 + t[2] * 1;
            };
            TimePicker.prototype.needRefill = function () {
                return _super.prototype.needRefill.call(this) || this.options.getFromField;
            };
            TimePicker.prototype.fill = function () {
                this.items = {};
                var from = 0;
                if (this.options.getFromField && this.options.getFromField.value) {
                    from = this.time2seconds(this.options.getFromField.value);
                }
                for (; from <= 24 * 3600; from += this.options.step) {
                    var time = ASC.ASC_str2time(this.seconds2time(from).join(":"));
                    var label = ASC.ASC_time2str(time, { ajSekundy: this.options.ajSekundy });
                    if (this.options.getFromField) {
                        label += ' (' + this.duration(this.options.getFromField.value, time) + ')';
                    }
                    else {
                        if (from == 24 * 3600)
                            continue;
                    }
                    this.items[time] = label;
                }
                _super.prototype.fill.call(this);
            };
            TimePicker.prototype.send = function () {
                this.ASC_ce.fire();
            };
            return TimePicker;
        }(InputComplete));
        ui_1.TimePicker = TimePicker;
        var FixedTable;
        (function (FixedTable) {
            function fixBoth(table, rowsFromTop, columnsFromLeft) {
                var $table = $j(table).addClass('fixed');
                var $moveTop = getCellsFromTop($table, rowsFromTop);
                var $moveLeft = getCellsFromLeft($table, columnsFromLeft);
                var $moveBoth = $moveTop.filter($moveLeft);
                $moveLeft = $moveLeft.not($moveBoth);
                $moveTop = $moveTop.not($moveBoth);
                $moveBoth.addClass('both');
                var moveFN = function () {
                    var top = getTop($table, rowsFromTop);
                    var left = getLeft($table, columnsFromLeft);
                    move($moveBoth, left, top);
                    move($moveTop, 0, top);
                    move($moveLeft, left);
                };
                addScrollFn(table, moveFN, 'both');
            }
            FixedTable.fixBoth = fixBoth;
            function fixColumns(table, fromLeft, scrollEl) {
                var $table = $j(table).addClass('fixed');
                var $moveTD = getCellsFromLeft($table, fromLeft);
                var moveFN = function () {
                    var left = getLeft($table, fromLeft, scrollEl);
                    move($moveTD, left);
                };
                addScrollFn(table, moveFN, 'left', scrollEl);
                $j(table).change(function (e) {
                    $moveTD.each(function (index, td) {
                        $j(td).css('background-color', '');
                        fixCell(td);
                    });
                });
            }
            FixedTable.fixColumns = fixColumns;
            function fixRows(table, fromTop, scrollEl) {
                var $table = $j(table).addClass('fixed');
                var $moveTD = getCellsFromTop($table, fromTop);
                var moveFN = function () {
                    var top = getTop($table, fromTop, scrollEl);
                    move($moveTD, 0, top);
                };
                addScrollFn(table, moveFN, 'top', scrollEl);
            }
            FixedTable.fixRows = fixRows;
            function getCellsFromTop($table, fromTop) {
                return $table.find("tr").map(function (index, tr) {
                    if (index < fromTop) {
                        $j(tr).addClass('fixed');
                        return $j("td, th", tr).each(function (index1, el) {
                            fixCell(el);
                        }).get();
                    }
                });
            }
            function getCellsFromLeft($table, fromLeft) {
                var colspan = 0;
                var colspanPrev = 0;
                var rowspan = 0;
                var rowspanPrev = 0;
                return $table.find("tr").map(function (index0, tr) {
                    var $tr = $j(tr);
                    var $tds = $tr.find("td, th");
                    rowspanPrev = rowspan ? rowspan - 1 : 0;
                    rowspan = 0;
                    colspanPrev = colspan;
                    if ($tds.length) {
                        return $tds.map(function (index, td) {
                            if (td.rowSpan > 1)
                                rowspan += td.rowSpan;
                            if (index < fromLeft - rowspanPrev && td.colSpan > 1)
                                colspan += td.colSpan - 1;
                            if (index < fromLeft - rowspanPrev + colspanPrev) {
                                fixCell(td);
                                return td;
                            }
                        }).get();
                    }
                });
            }
            function fixCell(el) {
                var $el = $j(el);
                var css = {};
                var cell = fixBackgroundColor($el.css('background-color'));
                css['background-color'] = cell == 'white' ? fixBackgroundColor($el.parent().css('background-color')) : cell;
                $el.css(css);
            }
            function fixBackgroundColor(color) {
                if (!color || color.indexOf('transparent') >= 0 || color.indexOf('none') >= 0 || color == 'rgba(0, 0, 0, 0)')
                    color = 'white';
                else if (color.indexOf('rgba') >= 0) {
                    var split = color.substr(5, color.length - 6).split(', ');
                    var opacity = parseFloat(split[3]);
                    var sum = 0;
                    for (var i in split) {
                        if (i < '3') {
                            var baseColor = parseInt(split[i]);
                            var c = baseColor * opacity + 255 * (1 - opacity);
                            split[i] = c + "";
                            sum += baseColor;
                        }
                    }
                    if (sum > 10)
                        color = 'rgb(' + split[0] + ',' + split[1] + ',' + split[2] + ')';
                    else
                        color = 'white';
                }
                return color;
            }
            function getLeft($table, fromLeft, scrollEl) {
                var offsetLeft = $table.get(0).offsetLeft + $table.get(0).clientLeft;
                var border = parseInt($table.css('border-width')) || 0;
                var maxOffset = $table.width() - $table.find('tr').first().children().get(fromLeft).offsetLeft;
                var left = $j(scrollEl || window).scrollLeft() - offsetLeft - border;
                var enabled = left > 0 && left < maxOffset;
                return enabled ? left : 0;
            }
            ;
            function getTop($table, fromTop, scrollEl) {
                var offsetTop = $table.get(0).offsetTop + $table.get(0).clientTop;
                var border = parseInt($table.css('border-width')) || 0;
                var maxOffset = $table.height() - $table.find('tr').get(fromTop).offsetTop;
                var top = $j(scrollEl || window).scrollTop() - offsetTop;
                var enabled = top > 0 && top < maxOffset;
                return enabled ? top : 0;
            }
            ;
            function move($moveTD, left, top) {
                if (top === void 0) { top = 0; }
                var enabled = left > 0 || top > 0;
                $moveTD.css(ASC.getCssCrossBrowser('transform', 'translate(' + left + 'px, ' + top + 'px)', enabled)).toggleClass('fixed', enabled);
            }
            ;
            function addScrollFn(table, fn, topOrLeft, scrollEl) {
                if (table['fixTable_moveFn' + topOrLeft]) {
                    $j(scrollEl || window).off('scroll', table['fixTable_moveFN' + topOrLeft]);
                }
                $j(scrollEl || window).on('scroll', fn);
                table['fixTable_moveFN' + topOrLeft] = fn;
            }
        })(FixedTable = ui_1.FixedTable || (ui_1.FixedTable = {}));
        var MenuItem = (function () {
            function MenuItem(config) {
                var _this = this;
                this.config = config;
                MenuItem.fix(this.config);
                this.cfg = {
                    setProperty: function (property, value) {
                        switch (property) {
                            case 'obj':
                            case 'fn':
                                _this.config.onclick[property] = value;
                            default:
                                _this.config[property] = value;
                        }
                        _this.render(_this.$srcElement);
                        _this.$srcElement.trigger('cfgChanged');
                    },
                    getProperty: function (property) {
                        return _this.config[property];
                    }
                };
            }
            MenuItem.prototype.render = function ($li) {
                var _this = this;
                $li.off().empty()
                    .addClass(this.config.CSS_CLASS_NAME)
                    .toggleClass('disabled', !!this.config.disabled)
                    .toggleClass('checked', !!this.config.checked)
                    .toggleClass('marked', !!this.config.selected);
                MenuItem.renderContent($li, this.config);
                this.$srcElement = $li;
                if (!this.config.disabled && this.config.onclick && this.config.onclick.fn) {
                    $li.click(function (e) {
                        e.stopPropagation();
                        var val = ('obj' in _this.config.onclick) ? _this.config.onclick.obj : _this.config;
                        _this.config.onclick.fn(e, val, val);
                        if (_this.parent.config.clickToHide) {
                            _this.parent.hide();
                        }
                    });
                }
                if (this.config.submenu) {
                    $li
                        .addClass('submenu')
                        .click(function (e) {
                        e.preventDefault();
                        if (!_this.config.disabled)
                            _this.showSubmenu();
                    })
                        .hover(function (e) {
                        if (!_this.config.disabled) {
                            $li.addClass('focused');
                            setTimeout(function () {
                                if ($li.hasClass('focused'))
                                    _this.showSubmenu();
                            }, 200);
                        }
                    }, function (e) {
                        if (!_this.config.disabled) {
                            $li.removeClass('focused');
                            setTimeout(function () {
                                if (!$li.hasClass('focused')) {
                                    _this.hideSubmenu();
                                }
                            }, 600);
                        }
                    });
                }
                if (this.submenu) {
                    this.initSubmenu();
                }
            };
            MenuItem.renderContent = function ($li, config) {
                var $a = $j("<a>")
                    .addClass(config.CSS_LABEL_CLASS_NAME)
                    .toggleClass('elementDisabled', !!config.disabled)
                    .html(config.html || config.text)
                    .appendTo($li);
                if (config.icon)
                    $j("<img height='16px'>").attr('src', config.icon).prependTo($a);
                if (config.color)
                    $j('<span>').css({
                        display: "inline-block",
                        width: '15px',
                        height: '15px',
                        marginRight: '.5em',
                        verticalAlign: 'middle',
                        backgroundColor: config.color
                    }).prependTo($a);
                if (config.style) {
                    $a.get(0).style.cssText += config.style;
                }
                if (config.indent)
                    $a.css('padding-left', config.indent + 'em');
                return $a;
            };
            MenuItem.prototype.getLabel = function () {
                return (this.config.html && this.config.text) ? this.config.text : this.$srcElement.find('a').html();
            };
            MenuItem.prototype.getText = function () {
                return this.$srcElement.find('a').text();
            };
            MenuItem.prototype.showSubmenu = function () {
                var _this = this;
                if (!this.submenu) {
                    this.initSubmenu();
                }
                this.parent.$menu.find(".submenu .dropDown").not(this.submenu.$menu).hide();
                this.fixSubmenuOffset();
                this.submenu.$menu.slideDown(150, 'swing', function () { _this.submenu.fixOffset(); });
            };
            MenuItem.prototype.fixSubmenuOffset = function () {
                var offset = this.$srcElement.offset();
                var $w = $j(window);
                this.submenu.cfg.setProperty('xy', [
                    offset.left + this.$srcElement.outerWidth() - $w.scrollLeft(),
                    offset.top - $w.scrollTop()
                ]);
            };
            MenuItem.prototype.hideSubmenu = function () {
                this.submenu && this.submenu.$menu.slideUp(100, 'swing');
            };
            MenuItem.prototype.initSubmenu = function () {
                if (!this.submenu) {
                    var items = this.config.submenu['itemdata'] || this.config.submenu;
                    this.submenu = new ContextMenu(items, {
                        container: this.$srcElement,
                        clickToHide: this.parent.config.clickToHide
                    });
                    this.submenu.parent = this.parent;
                }
                else {
                    this.submenu.render();
                }
                this.submenu.$menu
                    .off()
                    .click(function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                });
            };
            MenuItem.fix = function (item) {
                item.text = getTextWithIcon(item.text, item, true);
                delete item.icon;
                if (item.style) {
                    item.text = '<span style="' + item.style + '">' + item.text + '</span>';
                    delete item.style;
                }
                if (item.color) {
                    item.text = '<span style="display:inline-block;width:15px;height:15px;vertical-align:middle;background-color:' + item.color + ';">&nbsp</span> ' + item.text;
                    delete item.color;
                }
                if (item.indent) {
                    item.text = new Array(item.indent + 1).join("&nbsp;") + item.text;
                    delete item.indent;
                }
                if (item['handler'] && !item.onclick)
                    item.onclick = item['handler'];
                if (ASC.type(item.onclick) == 'function')
                    item.onclick = {
                        fn: item.onclick
                    };
                if (item.submenu)
                    Menu.fix(item.submenu);
            };
            return MenuItem;
        }());
        ui_1.MenuItem = MenuItem;
        var Menu = (function () {
            function Menu(items, config) {
                var _this = this;
                this.config = config;
                this.config = $j.extend({}, {
                    clickToHide: true,
                    x: 0,
                    y: 0
                }, config);
                if (this.config.container)
                    this.$container = $j(this.config.container);
                else
                    this.$container = $j("<div>").appendTo(document.body);
                this.items = this.initItems(items);
                this.render();
                this.cfg = {
                    setProperty: function (property, value) {
                        switch (property) {
                            case 'xy':
                                _this.config.x = value[0];
                                _this.config.y = value[1];
                                break;
                            default:
                                _this.config[property] = value;
                        }
                        switch (property) {
                            case 'x':
                            case 'y':
                            case 'xy':
                                _this.$menu.css({ top: _this.config.y, left: _this.config.x });
                                break;
                            case 'header':
                            case 'footer':
                                _this.$menu.find('>.' + property).html(value);
                                break;
                            default:
                                _this.$menu.trigger('cfgChanged');
                        }
                    },
                    getProperty: function (property) {
                        return _this.config[property];
                    }
                };
            }
            Menu.prototype.initItems = function (items) {
                var grouped = [[]];
                var group = 0;
                function addGroup() {
                    if (grouped[group].length) {
                        group++;
                        grouped.push([]);
                    }
                }
                if (items) {
                    for (var i = 0; i < items.length; i++) {
                        var item = items[i];
                        if (!item) {
                            addGroup();
                        }
                        else if (item instanceof MenuItem) {
                            grouped[group].push(item);
                        }
                        else if (ASC.isArray(item)) {
                            var subItems = this.initItems(item);
                            if (subItems.length > 0 && subItems[0].length > 0) {
                                addGroup();
                                grouped[group] = subItems[0];
                            }
                            if (i < items.length - 1) {
                                addGroup();
                            }
                        }
                        else {
                            grouped[group].push(new MenuItem(item));
                        }
                    }
                }
                if (!grouped[group].length)
                    grouped.pop();
                return grouped;
            };
            Menu.prototype.render = function () {
                var _this = this;
                this.$menu = $j("<div class='asc dropDown'>").appendTo(this.$container)
                    .addClass(this.config.cssClass)
                    .append("<div class='header'/>")
                    .append("<div class='body'/>")
                    .append("<div class='footer'/>");
                this.$body = this.$menu.find(">div.body").first();
                var $ul;
                var addUl = function () {
                    var was_ul = $ul != null;
                    $ul = $j("<ul class='dropDownPanel asc-context-menu'>").appendTo(_this.$body);
                    if (was_ul)
                        $ul.addClass('top-border');
                };
                addUl();
                for (var group = 0; group < this.items.length; group++) {
                    for (var i = 0; i < this.items[group].length; i++) {
                        var item = this.items[group][i];
                        item.parent = this;
                        item.groupIndex = group;
                        item.index = i;
                        var $li = $j('<li>').appendTo($ul);
                        item.render($li);
                    }
                    if (group < this.items.length - 1) {
                        addUl();
                    }
                }
                new MenuKeyNavigation(this.$menu, this.$body, function () { _this.show(); });
            };
            Menu.prototype.show = function () {
                this.$menu.show();
                this.$menu.attr('tabIndex', 0);
                this.$menu.attr('autofocus', 1);
                this.$menu.focus();
            };
            Menu.prototype.hide = function () {
                this.$menu.fadeOut();
                if (this.parent)
                    this.parent.hide();
            };
            Menu.prototype.getSubmenus = function () {
                var sub = [];
                this.items.forEach(function (group, groupIndex, all) {
                    group.forEach(function (item, index) {
                        if (!item.submenu && item.config.submenu) {
                            item.initSubmenu();
                        }
                        if (item.submenu) {
                            sub.push(item.submenu);
                        }
                    });
                });
                return sub;
            };
            Menu.prototype.getItem = function (itemIndex, groupIndex) {
                if (groupIndex === void 0) { groupIndex = 0; }
                return this.items[groupIndex] && this.items[groupIndex][itemIndex];
            };
            Menu.prototype.destroy = function () {
                this.$menu.remove();
            };
            Menu.fix = function (items) {
                for (var i = 0; i < items.length; i++) {
                    MenuItem.fix(items[i]);
                }
            };
            Menu.convertCombo = function (combo, value, fn) {
                var menu = [];
                var item;
                var menuItem;
                for (var i = 0; i < combo.length; i++) {
                    item = combo[i];
                    if (item && item.value !== undefined) {
                        menuItem = $j.extend({
                            text: item.name,
                            checked: item.value == value,
                            onclick: {
                                fn: fn,
                                obj: item.value
                            }
                        }, item);
                        if (item.classname) {
                            menuItem.CSS_CLASS_NAME = item.classname;
                            delete menuItem['classname'];
                        }
                        menu.push(menuItem);
                    }
                    else {
                        menu.push([]);
                    }
                }
                return menu;
            };
            return Menu;
        }());
        ui_1.Menu = Menu;
        var ContextMenu = (function (_super) {
            __extends(ContextMenu, _super);
            function ContextMenu(items, config) {
                _super.call(this, items, config);
                if (!config.container)
                    this.$container.css('position', 'inherit');
                var offsetContainer = this.$container.position();
                this.cfg.setProperty('y', [offsetContainer.top]);
            }
            ContextMenu.prototype.show = function (trigger) {
                if (trigger) {
                    if (trigger.clientX) {
                        var $d = $j(document);
                        this.cfg.setProperty('xy', [trigger.clientX + $d.scrollLeft(), trigger.clientY + $d.scrollTop()]);
                        this.fixOffset();
                    }
                    else {
                        var $el = this.$trigger = $j(trigger);
                        var $parent = $el.parents(".dropDownBtn");
                        if ($parent.length && $parent.first().hasClass(".dropDownBtn"))
                            $el = $parent.first();
                        var pos = $el.offset();
                        var $win = $j(window);
                        this.cfg.setProperty('xy', [
                            pos.left - $win.scrollLeft(),
                            pos.top + $el.outerHeight() - $win.scrollTop()
                        ]);
                        this.fixOffset($el);
                    }
                }
                else {
                    this.cfg.setProperty('xy', [this.config.x, this.config.y]);
                    this.fixOffset();
                }
            };
            ContextMenu.prototype.fixOffset = function ($referenceEl) {
                _super.prototype.show.call(this);
                var xy = [this.config.x, this.config.y];
                var offset = this.$menu.offset();
                var diffX = offset.left + this.$menu.outerWidth() - document.body.clientWidth;
                if (diffX > 0) {
                    xy[0] -= diffX;
                }
                this.$body.css('max-height', '');
                ;
                var $win = $j(window);
                var availableHeight = $win.height();
                var heightMenu = this.$menu.outerHeight();
                var diffY = (offset.top - $win.scrollTop()) + heightMenu - availableHeight;
                if (diffY > 0) {
                    var heightRef = $referenceEl ? $referenceEl.outerHeight() : 0;
                    var heightEdubar = $j('#edubar .edubarHeader').outerHeight() + 1;
                    var spaceAbove = offset.top - heightRef - heightEdubar - $win.scrollTop();
                    var spaceBelow = availableHeight - xy[1];
                    if (spaceAbove > heightMenu || spaceBelow < spaceAbove) {
                        diffY = heightMenu - 15 - xy[1] + heightEdubar + heightRef + parseInt(this.$menu.css('paddingTop')) + parseInt(this.$menu.css('paddingBottom'));
                        xy[1] = Math.max(spaceAbove + heightEdubar - heightMenu, heightEdubar);
                    }
                }
                if (diffY > 0) {
                    var h = Math.max(30, this.$body.height() - diffY - 15);
                    this.$body.css({
                        'max-height': h + 'px',
                        'overflow-y': 'auto',
                        'overflow-x': 'visible'
                    });
                    this.$menu.data('autoheight', true);
                }
                this.cfg.setProperty('xy', xy);
            };
            return ContextMenu;
        }(Menu));
        ui_1.ContextMenu = ContextMenu;
        var MenuKeyNavigation = (function () {
            function MenuKeyNavigation(triggerElement, $dropdown, openFn) {
                var _this = this;
                this.$dropdown = $dropdown;
                this.openFn = openFn;
                $j(triggerElement).keydown(function (e) {
                    if (e.keyCode == 9)
                        return;
                    _this.doKeyDown(e);
                });
            }
            MenuKeyNavigation.prototype.doKeyDown = function (e) {
                var $dropdown = this.$dropdown;
                var isOpened = $dropdown.is(":visible");
                switch (e.keyCode) {
                    case 32:
                        e.preventDefault();
                        this.openFn();
                        break;
                    case 13:
                        e.preventDefault();
                        if (isOpened) {
                            $dropdown.find(".marked a").click();
                        }
                        else {
                            this.openFn();
                        }
                        break;
                    case 38:
                    case 40:
                        e.preventDefault();
                        if (!isOpened) {
                            this.openFn();
                        }
                        else {
                            this.selectSibling(e, "marked");
                        }
                        break;
                    case 37:
                        var $opened = $dropdown.find(".marked .dropDown:visible");
                        if (!$opened.length)
                            $opened = $dropdown.find(".marked").closest(".dropDown").not($dropdown);
                        if (!$opened.length)
                            $opened = $dropdown.find(".dropDown:visible");
                        $opened.hide()
                            .find(".marked").removeClass("marked");
                        if (!$dropdown.find(".marked").length) {
                            $opened.closest("li").addClass("marked");
                        }
                        $dropdown.find(".marked").closest(".dropDown").focus();
                        break;
                    case 39:
                        $dropdown.find(".marked.submenu, .focused.submenu").click();
                        break;
                    case 27:
                        e.stopPropagation();
                        e.preventDefault();
                        $dropdown.prev().click().focus();
                        break;
                    default:
                        var keyword = this.getLetterPressed(e);
                        if (keyword) {
                            e.preventDefault();
                            if (!isOpened) {
                                this.openFn();
                            }
                            var data = $dropdown.data();
                            var nthMatch = 0;
                            if (data.lastSearched + 1000 > Date.now()) {
                                keyword = data.keyword + keyword;
                            }
                            if (keyword.length > 1 && keyword[0] == keyword[1]) {
                                if (keyword[0] != keyword[keyword.length - 1])
                                    keyword = keyword[keyword.length - 1];
                            }
                            $dropdown.data({
                                'lastSearched': Date.now(),
                                'keyword': keyword
                            });
                            if (keyword.length > 1 && keyword[0] == keyword[1]) {
                                nthMatch = keyword.length - 1;
                                keyword = keyword[0];
                            }
                            this.search(keyword, nthMatch);
                        }
                }
            };
            MenuKeyNavigation.prototype.getLetterPressed = function (e) {
                var letter = "";
                if (!e.ctrlKey && !e.altKey) {
                    if ((e.keyCode > 47 && e.keyCode < 57) || (e.keyCode > 95 && e.keyCode < 106))
                        letter += e.keyCode > 95 ? e.keyCode - 96 : e.keyCode - 48;
                    else if (e.keyCode > 64 && e.keyCode < 91)
                        letter = String.fromCharCode(e.keyCode).toLowerCase();
                }
                return letter;
            };
            MenuKeyNavigation.prototype.search = function (keyword, nthMatch) {
                if (nthMatch === void 0) { nthMatch = 0; }
                var $matched = this.$dropdown.find("li:visible")
                    .removeClass('marked')
                    .map(function (index, li) {
                    var text = $j(li).text().toLowerCase().trim();
                    text = ASC.removeDiacritics(text);
                    if (text.search(keyword) == 0) {
                        return li;
                    }
                });
                ;
                if ($matched.length) {
                    var $el = $j($matched.get(Math.min(nthMatch % $matched.length)));
                    $el.addClass('marked');
                    this.$dropdown.scrollTop(0);
                    var top = $el.offset().top - this.$dropdown.offset().top - ($el.height() / 2);
                    this.$dropdown.scrollTop(Math.max(0, top));
                }
            };
            MenuKeyNavigation.prototype.selectSibling = function (e, cssClass) {
                var $el = this.$dropdown.find("." + cssClass);
                $el.removeClass(cssClass);
                var $all = this.$dropdown.find("LI:visible");
                var index = $all.index($el) + 1;
                if (e.keyCode == 38)
                    index -= 2;
                index = Math.min(index, $all.length - 1);
                index = Math.max(index, 0);
                var $new = $all.eq(index).addClass(cssClass).focus();
                var pos = $new.position();
                var top = this.$dropdown.scrollTop();
                var bottom = this.$dropdown.height();
                var height = $new.height() / 2;
                if (pos && pos.top && (pos.top < 0 || pos.top + height > bottom)) {
                    if (e.keyCode == 38) {
                        this.$dropdown.scrollTop(top + height + pos.top - bottom);
                    }
                    else {
                        this.$dropdown.scrollTop(top + pos.top - height);
                    }
                }
            };
            return MenuKeyNavigation;
        }());
        ui_1.MenuKeyNavigation = MenuKeyNavigation;
        var ColorPicker = (function () {
            function ColorPicker(container, value, options) {
                var _this = this;
                this.options = options;
                this.prefix = '';
                this.$el = $j("<input>")
                    .attr('type', 'hidden')
                    .val('' + value)
                    .appendTo(container);
                this.ASC_ce = {
                    subscribe: function (fn) {
                        _this.$el.on({ "ASC_ce": fn });
                    },
                    fire: function () {
                        _this.$el.trigger("ASC_ce");
                    }
                };
                this.btn = new Button({
                    container: $j("<span>").appendTo(container),
                    label: '',
                    menu: [],
                    style: options.style || 'verticalAlign: middle',
                    onclick: function () {
                        _this.renderMenu();
                    }
                });
                if (this.options.label) {
                    this.prefix = "<span style='margin-right:5px'>" + ASC.escapeHTML(this.options.label) + "</span>";
                }
                this.up();
            }
            ColorPicker.prototype.up = function () {
                var v = this.$el.val(), t = '';
                if (v.length == 7 && v[0] == '#')
                    t = this.prefix + '<div style=\'display:inline-block;width:10px;height:10px;border:1px solid black;vertical-align:-2px;background-color:' + v + '\'></div>';
                else
                    t = this.prefix + '';
                this.btn.label_html(t);
            };
            ColorPicker.prototype.renderMenu = function () {
                var _this = this;
                var menu = this.btn.menu;
                var $menu = menu.$menu
                    .empty()
                    .css('padding', '0px');
                var $div = $j("<div>").addClass('asc-colorpicker').appendTo($menu);
                var $tf;
                var cds = [];
                var colors = [
                    '#FFFFFF', '#CCCCCC', '#C0C0C0', '#999999', '#666666', '#333333', '#000000',
                    '#FFCCCC', '#FF6666', '#FF0000', '#CC0000', '#990000', '#660000', '#330000',
                    '#FFCC99', '#FF9966', '#FF9900', '#FF6600', '#CC6600', '#993300', '#663300',
                    '#FFFF99', '#FFFF66', '#FFCC66', '#FFCC33', '#CC9933', '#996633', '#663333',
                    '#FFFFCC', '#FFFF33', '#FFFF00', '#FFCC00', '#999900', '#666600', '#333300',
                    '#99FF99', '#66FF99', '#33FF33', '#33CC00', '#009900', '#006600', '#003300',
                    '#99FFFF', '#33FFFF', '#66CCCC', '#00CCCC', '#339999', '#336666', '#003333',
                    '#CCFFFF', '#66FFFF', '#33CCFF', '#3366FF', '#3333FF', '#000099', '#000066',
                    '#CCCCFF', '#9999FF', '#6666CC', '#6633FF', '#6600CC', '#333399', '#330099',
                    '#FFCCFF', '#FF99FF', '#CC66CC', '#CC33CC', '#993399', '#663366', '#330033'
                ];
                var setV = function (v) {
                    var chng = _this.$el.val() != v;
                    _this.$el.val(v);
                    $tf.val(v);
                    for (var i = 0; i < cds.length; i++) {
                        var $td = cds[i];
                        $td.toggleClass('selected', $td.data('color') + "" == v);
                    }
                    if (_this.btn_nc)
                        _this.btn_nc.check(v == '');
                    _this.up();
                    if (chng)
                        _this.ASC_ce.fire();
                };
                $menu.off();
                $tf = $j('<input type="text">').appendTo($div)
                    .on('blur change', function (e) {
                    setV(ASC.trim($tf.val()));
                });
                var $table = $j('<table>').appendTo($div).css('margin', '5px 0');
                var $tbody = $j('<tbody>').appendTo($table);
                var $tr;
                var $td;
                for (var i = 0; i < colors.length; i++) {
                    if (i % 7 == 0) {
                        $tr = $j('<tr>').appendTo($tbody);
                    }
                    $td = $j('<td>').appendTo($tr)
                        .css('background-color', colors[i])
                        .attr('title', colors[i])
                        .data('color', colors[i])
                        .click(function (e) {
                        setV($j(this).data('color') + "");
                        menu.hide();
                    });
                    cds.push($td);
                }
                if (this.options.nocolor) {
                    this.btn_nc = new CheckboxButton($div, ASC.ls(1642), {
                        onclick: function () {
                            setV('');
                            menu.hide();
                            _this.ASC_ce.fire();
                        }
                    });
                    this.btn_nc.button.$element.add(this.btn_nc.button.$element.parent())
                        .css('width', '100%');
                }
                setV(this.$el.val());
            };
            return ColorPicker;
        }());
        ui_1.ColorPicker = ColorPicker;
        var ProgressBar = (function () {
            function ProgressBar(todoFnList, options) {
                var _this = this;
                this.todoFnList = todoFnList;
                this.options = options;
                this.safetyCounterMax = 50;
                this.dlg = new ASC.ui.Dialog({
                    resizable: false,
                    draggable: false,
                    width: '200px',
                    title: ASC.ls(2568) + "...",
                    show: true,
                    buttons: [{
                            text: ASC.ls(1038),
                            onclick: function (e) {
                                _this.stop();
                                _this.options.onCancel && _this.options.onCancel();
                            }
                        }]
                });
                this.options = $j.extend({
                    stepTime: 500
                }, options);
                this.safetyCounter = 0;
                this.status(0, options.title);
                this.start();
            }
            ProgressBar.prototype.start = function (fromIndex) {
                var _this = this;
                if (fromIndex === void 0) { fromIndex = 0; }
                var timeStart = Date.now();
                for (fromIndex; fromIndex < this.todoFnList.length; fromIndex++) {
                    if (!this.checkSafetyCounter()) {
                        return;
                    }
                    var fn = this.todoFnList[fromIndex];
                    if (ASC.type(fn) == 'function') {
                        fn();
                    }
                    else {
                        this.status(-1, fn);
                    }
                    if (fromIndex < this.todoFnList.length - 1 && Date.now() - timeStart > this.options.stepTime) {
                        setTimeout(function () {
                            _this.safetyCounter++;
                            if (!_this.checkSafetyCounter()) {
                                return;
                            }
                            _this.setAutoTitle(fromIndex, _this.todoFnList.length - 1);
                            _this.status(fromIndex / _this.todoFnList.length);
                            _this.start(fromIndex + 1);
                        }, 10);
                        break;
                    }
                }
                if (fromIndex >= this.todoFnList.length - 1) {
                    this.stop();
                }
            };
            ProgressBar.prototype.stop = function () {
                if (!this.stopped) {
                    try {
                        this.dlg.hide();
                        this.options.onStop && this.options.onStop();
                    }
                    catch (e) {
                        console.log(e);
                        debugger;
                    }
                }
            };
            ProgressBar.prototype.status = function (progress, title) {
                if (title) {
                    this.options.title = title;
                    this.dlg.setHeader(title);
                }
                if (progress > 0) {
                    ProgressBar.update(this.dlg.$bd, progress * 100, this.options.stepTime);
                }
            };
            ProgressBar.update = function (container, progress, options) {
                var $el = ProgressBar.getOrCreateBar(container);
                options = $j.extend({
                    stepTime: 1000,
                    animate: 'linear'
                }, options);
                var width = $el.parent().width() + 1;
                var current = $el.width();
                var value = progress / 100 * width;
                var diff = Math.round(24 * progress / 100);
                var diff2 = Math.round(64 * progress / 100);
                if (value > 0) {
                    if (Math.ceil(value) < $el.width()) {
                        $el.width(0);
                    }
                    if (options.animate) {
                        $el.animate({
                            width: Math.ceil(value) + 'px'
                        }, options.stepTime, options.animate);
                    }
                    else {
                        $el.width(Math.ceil(value));
                    }
                }
                else {
                    $el.width(0);
                }
            };
            ProgressBar.getOrCreateBar = function (container) {
                if ($j(container).is(":empty")) {
                    var $bar = $j("<div>").appendTo(container).css({
                        display: 'inline-block',
                        width: '90%',
                        border: '1px solid black',
                        overflow: 'hidden'
                    });
                    return $j("<div>").appendTo($bar).css({
                        display: 'block',
                        height: '8px',
                        backgroundColor: 'rgb(64, 152, 64)',
                        width: '0'
                    });
                }
                else {
                    return $j('div > div', container);
                }
            };
            ProgressBar.prototype.checkSafetyCounter = function () {
                if (this.stopped) {
                    return false;
                }
                if (this.safetyCounter >= this.safetyCounterMax) {
                    console.log('safety counter reached its maximum', this.safetyCounter);
                    this.stop();
                    return false;
                }
                return true;
            };
            ProgressBar.prototype.setAutoTitle = function (step, all) {
                var title = this.options.title + " " || "";
                switch (this.options.showInfoProgress) {
                    case 'counter':
                        title += step + " / " + all;
                        break;
                    case 'percentage':
                        title += Math.round(step / all * 100) + " %";
                        break;
                    default:
                        title = "";
                        break;
                }
                if (title) {
                    this.dlg.setHeader(title);
                }
            };
            return ProgressBar;
        }());
        ui_1.ProgressBar = ProgressBar;
    })(ui = ASC.ui || (ASC.ui = {}));
})(ASC || (ASC = {}));