var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let KpiWidgets;
            (function (KpiWidgets) {
                class Kpi_fulfillment extends KpiWidgets.Manager.KpiManager {
                    jsFiles() {
                        return [];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        let title = id[0].WidgetName;
                        var html = '';
                        if (id[0].PortletWidgetId == 22501) {
                            html = '<div class="card h-160p"><ul class="h-100 d-flex justify-content-center align-items-center"><li class="d-flex justify-content-center font-34 font-weight-500"><span class="mx-2"><i class="la la-plus-circle"></i></span><span>Custom Design</span></li></ul></div>';
                        }
                        if (id[0].PortletWidgetId == 2250) {
                            html = '<textarea class="border-dark h-80 w-100 " data-kpidesigns="CustomDesign" rows="9" cols="90" style="box-shadow: none;"></textarea>';
                            $('#designsPreviewAppend').parents('#tab_preview').removeClass('px-150 py-50').addClass('px-10');
                        }
                        if (id[0].PortletWidgetId != 22501 && id[0].PortletWidgetId != 2250) {
                            html = '<div class="w-100 DynamicHtml_' + containerid + '">' + id[0].CustomHtml + '</div>';
                        }
                        return html;
                    }
                    load(id, containerid, callback) {
                        let instance = this;
                        instance._load(id, containerid, null);
                    }
                    _loadData(portletwidgetid, Container, parameters, IsPreview, response, portletresponse) {
                        let instance = this;
                        instance.loadData(portletwidgetid, Container, parameters, IsPreview, response, portletresponse);
                    }
                    _styling(portletwidgetid, Container, response) {
                        let cssproperty = JSON.parse(response.result.CssProperty);
                        let border = cssproperty[0].BorderWidth + ' ' + cssproperty[0].BorderType + ' ' + cssproperty[0].BorderColor;
                        let borderLeft = cssproperty[0].BorderRadius + ' 0px 0px ' + cssproperty[0].BorderRadius;
                        let height = response.result.KpiHeight + 'px';
                        if (response.result.Icon == "" || response.result.Icon == null) {
                            response.result.Icon = "tenants/themes/compact/imgs/img55.png";
                        }
                        if (response.result != null) {
                            if (response.result.CustomHtml != '' && response.result.CustomHtml != null && response.result.CustomHtml != undefined) {
                                if ($('#designsPreviewAppend:visible')) {
                                    0;
                                    $('#designsPreviewAppend:visible [data-kpidesigns="CustomDesign"]').val(response.result.CustomHtml);
                                }
                            }
                        }
                        $(Container).find(".kpivalue_" + portletwidgetid).css({ "font-size": cssproperty[0].FontSize + "px", "font-family": cssproperty[0].FontStyle });
                    }
                    static Instance() {
                        if (this.instance === null || this.instance === undefined)
                            this.instance = new Kpi_fulfillment();
                        return this.instance;
                    }
                }
                KpiWidgets.Kpi_fulfillment = Kpi_fulfillment;
            })(KpiWidgets = Compact.KpiWidgets || (Compact.KpiWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));