@acorex/components 3.0.46 → 3.0.47

package/fesm5/acorex-components.js

@@ -4019,8 +4019,7 @@ var AXSelectionListComponent = /** @class */ (function (_super) {
             }
         }
     };
-    AXSelectionListComponent.prototype.focus = function () {
-    };
+    AXSelectionListComponent.prototype.focus = function () { };
     AXSelectionListComponent.prototype.onvalueChanged = function (e) {
         if (!this.disabled) {
             this.selectedItemsChange.emit([e]);
@@ -4086,7 +4085,7 @@ var AXSelectionListComponent = /** @class */ (function (_super) {
     AXSelectionListComponent = __decorate([
         Component({
             selector: 'ax-selection-list',
-            template: "<ng-container *ngIf=\" mode == 'multiple'; then checkboxList; else radioButtonList\"></ng-container>\r\n<ng-template #checkboxList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <ax-check-box label=\"{{item[textField]}}\" *ngFor=\"let item of items\" [disabled]=\"disabled\" [readonly]=\"disabled\"\r\n            [value]=\"selectedValues.indexOf(item[valueField])>-1\"\r\n            (onValueChanged)=\"onCheckValueChange(item[valueField],$event.value)\">\r\n        </ax-check-box>\r\n    </div>\r\n</ng-template>\r\n<ng-template #radioButtonList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <label class=\"ax radio\" for=\"{{uid}}\" [class.disabled]=\"disabled\" [class.readonly]=\"disabled\"\r\n            *ngFor=\"let item of items\" (click)=\"onvalueChanged(item)\">\r\n            {{ item[textField] }}\r\n            <input type=\"radio\" (change)=\"onCheckValueChange(item[valueField],true)\" [value]=\"item[valueField]\"\r\n                [checked]=\"selectedValues==item[valueField]\" [name]=\"uid\" [disabled]=\"disabled\" [readonly]=\"readonly\" />\r\n            <span class=\"checkmark\"></span>\r\n        </label>\r\n    </div>\r\n</ng-template>",
+            template: "<ng-container *ngIf=\" mode == 'multiple'; then checkboxList; else radioButtonList\"></ng-container>\r\n<ng-template #checkboxList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <ax-check-box label=\"{{item[textField]}}\" *ngFor=\"let item of items\" [disabled]=\"item.disable || disabled\"\r\n            [readonly]=\"item.readonly || readonly\" [value]=\"selectedValues.indexOf(item[valueField])>-1\"\r\n            (onValueChanged)=\"onCheckValueChange(item[valueField],$event.value)\">\r\n        </ax-check-box>\r\n    </div>\r\n</ng-template>\r\n<ng-template #radioButtonList>\r\n    <div class=\"ax selection-list {{size}}\" [ngClass]=\"direction\">\r\n        <label class=\"ax radio\" for=\"{{uid}}\" [class.disabled]=\"disabled\" [class.readonly]=\"disabled\"\r\n            *ngFor=\"let item of items\" (click)=\"onvalueChanged(item)\">\r\n            {{ item[textField] }}\r\n            <input type=\"radio\" (change)=\"onCheckValueChange(item[valueField],true)\" [value]=\"item[valueField]\"\r\n                [checked]=\"selectedValues==item[valueField]\" [name]=\"uid\" [disabled]=\"item.disable || disabled\"\r\n                [readonly]=\"item.readonly || readonly\" />\r\n            <span class=\"checkmark\"></span>\r\n        </label>\r\n    </div>\r\n</ng-template>",
             encapsulation: ViewEncapsulation.None,
             changeDetection: ChangeDetectionStrategy.OnPush
         }),
@@ -11640,13 +11639,15 @@ var AXTabStripComponent = /** @class */ (function () {
     }
     AXTabStripComponent.prototype.ngOnInit = function () { };
     AXTabStripComponent.prototype.handleClick = function (i) {
-        this.items.forEach(function (c) { return (c.active = false); });
-        i.active = true;
-        this.onTabChanged.emit({
-            component: this,
-            seledtedTab: i,
-            htmlElement: this.ref.nativeElement
-        });
+        if (!i.disable) {
+            this.items.forEach(function (c) { return (c.active = false); });
+            i.active = true;
+            this.onTabChanged.emit({
+                component: this,
+                seledtedTab: i,
+                htmlElement: this.ref.nativeElement
+            });
+        }
     };
     AXTabStripComponent.ctorParameters = function () { return [
         { type: ElementRef }
@@ -11662,7 +11663,7 @@ var AXTabStripComponent = /** @class */ (function () {
     AXTabStripComponent = __decorate([
         Component({
             selector: 'ax-tab-strip',
-            template: "<ul class=\"tab-strip-container\">\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <li [class.active]=\"item.active\" (click)=\"handleClick(item)\">{{item.text}}</li>\r\n    </ng-container>\r\n</ul>"
+            template: "<ul class=\"tab-strip-container\">\r\n    <ng-container *ngFor=\"let item of items\">\r\n        <li *ngIf=\"!!item.visible || item.visible == undefined\" [class.active]=\"item.active\"\r\n            [class.disabled]=\"item.disable\" (click)=\"handleClick(item)\">{{item.text}}</li>\r\n    </ng-container>\r\n</ul>"
         }),
         __metadata("design:paramtypes", [ElementRef])
     ], AXTabStripComponent);