jsl-ui 9.19.9 → 9.20.1

package/lib/components/form-field/FormFieldComponent.d.ts

@@ -4,6 +4,7 @@ import { IDatePickerOptions } from "../../ui/date.picker";
 import { INumberInputOptions } from "../../ui/number.input";
 import { IAutoSuggestOptions } from "../../ui/auto.suggest";
 export interface IFormFieldOptions {
+    disabled?: boolean;
     id?: string;
     label: string;
     type?: "text" | "password" | "date" | "number" | "autosuggest";

package/lib/components/form-field/FormFieldComponent.js

@@ -35,7 +35,8 @@ var FormFieldComponent = /** @class */ (function () {
                                 class: "form-field__input",
                                 blur: this.setInActive,
                                 focus: this.setActive,
-                                input: this.onInput
+                                input: this.onInput,
+                                disabled: this.options.disabled ? "disabled" : undefined
                             }
                         }
                     ]

package/lib/components/tabs/TabsComponent.d.ts

@@ -31,7 +31,7 @@ export declare class TabsComponent implements IJSLComponent {
     EnableAll(): void;
     DisableAll(): void;
     GetByID(id: string): ITabItemOption;
-    closeTabIndex(index: number): void;
+    closeTabIndex(index: number): boolean;
     onInit(renderer: JSLRender): void;
     SetSelectedTab(index: number): void;
     private toNode;

package/lib/components/tabs/TabsComponent.js

@@ -8,6 +8,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import "./TabsStyle.scss";
+import { refresh } from "jsl-render";
 import { helper } from "../../core/helper";
 var TabsComponent = /** @class */ (function () {
     function TabsComponent(options) {
@@ -80,10 +81,17 @@ var TabsComponent = /** @class */ (function () {
                                         {
                                             tag: "div", attr: {
                                                 class: "close-button", click: function (evt) {
-                                                    var _a;
+                                                    var _a, _b, _c;
                                                     if ((_a = _this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
                                                         evt.stopPropagation();
-                                                        _this.closeTabIndex(currIndex);
+                                                        if (_this.closeTabIndex(currIndex)) {
+                                                            if (_this.options.tabs.length <= ((_b = _this.State.selectedIndex) !== null && _b !== void 0 ? _b : _this.options.selectedIndex)) {
+                                                                _this.SetSelectedTab(((_c = _this.State.selectedIndex) !== null && _c !== void 0 ? _c : _this.options.selectedIndex) - 1);
+                                                            }
+                                                            if (_this.options.onSelect) {
+                                                                _this.options.onSelect(currIndex);
+                                                            }
+                                                        }
                                                     }
                                                 }
                                             }, content: "X"
@@ -108,13 +116,23 @@ var TabsComponent = /** @class */ (function () {
         for (var i = 0; i < this.options.tabs.length; i++) {
             this.options.tabs[i].enabled = true;
         }
-        this.renderer.refresh();
+        if (this.renderer != null) {
+            this.renderer.refresh();
+        }
+        else {
+            refresh();
+        }
     };
     TabsComponent.prototype.DisableAll = function () {
         for (var i = 0; i < this.options.tabs.length; i++) {
             this.options.tabs[i].enabled = false;
         }
-        this.renderer.refresh();
+        if (this.renderer != null) {
+            this.renderer.refresh();
+        }
+        else {
+            refresh();
+        }
     };
     TabsComponent.prototype.GetByID = function (id) {
         return this.options.tabs.filter(function (f) { return f.id === id; })[0];
@@ -124,7 +142,7 @@ var TabsComponent = /** @class */ (function () {
         // console.log("closing tab index " + index);
         if (this.options.tabs[index].onClosing) {
             if (this.options.tabs[index].onClosing() === false) {
-                return;
+                return false;
             }
         }
         var currIdx = 0;
@@ -132,6 +150,7 @@ var TabsComponent = /** @class */ (function () {
         if (this.options.tabs.length <= ((_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex)) {
             this.SetSelectedTab(((_b = this.State.selectedIndex) !== null && _b !== void 0 ? _b : this.options.selectedIndex) - 1);
         }
+        return true;
     };
     // public onCreate(node: IJSLVNode) {
     //     this.ref = node.dom as HTMLDivElement;
@@ -149,7 +168,12 @@ var TabsComponent = /** @class */ (function () {
         }
         this.options.selectedIndex = index;
         this.State.selectedIndex = index;
-        this.renderer.refresh();
+        if (this.renderer != null) {
+            this.renderer.refresh();
+        }
+        else {
+            refresh();
+        }
     };
     TabsComponent.prototype.toNode = function (content, tag) {
         if (content == null) {