@inspark/inspark-components 1.0.41 → 1.0.43

package/full/fesm5/inspark-inspark-components.js

@@ -756,6 +756,8 @@ var InputTextComponent = /** @class */ (function () {
         this.onTouched = fn;
     };
     InputTextComponent.prototype.clear = function () {
+        this.value = '';
+        this.propagateChange('');
         this.onClick.emit('');
     };
     InputTextComponent.prototype.onChange = function (_) {
@@ -880,7 +882,7 @@ var InputTextComponent = /** @class */ (function () {
     InputTextComponent = InputTextComponent_1 = __decorate([
         Component({
             selector: 'in-input-text',
-            template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n    <span *ngIf=\"label\" class=\"c-label__content\">\n        {{label}}\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n        <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n      <span\n        *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n        class=\"constraints-message__warning u-text_uppercase\">\n                     {{'maxlength: ' | translate}} {{maxlength}}</span>\n    </span>\n  <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\n    <input (blur)=\"this.blur.emit($event)\"\n           (change)=\"onChange($event)\"\n           (focus)=\"this.focus.emit($event)\"\n           (input)=\"onChange($event)\"\n           [(ngModel)]=\"value\"\n           [autocomplete]=\"autocomplete? 'on':'off'\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           [maxlength]=\"maxlength\"\n           [name]=\"name\"\n           [ngClass]=\"{'c-input_opaque' : opacity === false,\n                         'c-input_shadowed' : shadow,\n                         'c-input_large' : large,\n                         'c-input_small' : small,\n                         'c-input_margin_padding': widget,\n                         'c-input_padding_right': forms}\"\n           [ngModelOptions]=\"{standalone: true}\"\n           [placeholder]=\"placeholder\"\n           [required]=\"required\"\n           [size]=\"size\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [step]=\"step\"\n           class=\"search-box c-input field_{{id}}\"\n           [type]=\"type\">\n    <button (click)=\"clear()\"\n            class=\"button-reset empty\"\n            [ngClass]=\"{empty: display}\"\n            type=\"reset\"\n            [attr.title]=\"'Reset' | translate\">\n      <i class=\"fa fa-close\"></i>\n    </button>\n  </div>\n</label>\n",
+            template: "<label [ngStyle]=\"{width: width}\" class=\"label type_varchars\">\n    <span *ngIf=\"label\" class=\"c-label__content\">\n        {{label}}\n      <span *ngIf=\"required\" class=\"c-label__req\">*</span>\n        <span *ngIf=\"error\" class=\"c-label__sub_is-error\">{{error}}</span>\n      <span\n        *ngIf=\"maxlength && value && value.length && value.length >= maxlength\"\n        class=\"constraints-message__warning u-text_uppercase\">\n                     {{'maxlength: ' | translate}} {{maxlength}}</span>\n    </span>\n  <div class=\"input-wrapper u-margin-right-tiny\" [ngClass]=\"{'u-margin-right-tiny': right}\">\n    <input (blur)=\"this.blur.emit($event)\"\n           (change)=\"onChange($event)\"\n           (focus)=\"this.focus.emit($event)\"\n           (input)=\"onChange($event)\"\n           [(ngModel)]=\"value\"\n           [autocomplete]=\"autocomplete? 'on':'off'\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           [maxlength]=\"maxlength\"\n           [name]=\"name\"\n           [ngClass]=\"{'c-input_opaque' : opacity === false,\n                         'c-input_shadowed' : shadow,\n                         'c-input_large' : large,\n                         'c-input_small' : small,\n                         'c-input_margin_padding': widget,\n                         'c-input_padding_right': forms}\"\n           [ngModelOptions]=\"{standalone: true}\"\n           [placeholder]=\"placeholder\"\n           [required]=\"required\"\n           [size]=\"size\"\n           [min]=\"min\"\n           [max]=\"max\"\n           [step]=\"step\"\n           class=\"search-box c-input field_{{id}}\"\n           [type]=\"type\">\n    <button (click)=\"clear()\"\n            class=\"button-reset empty\"\n            [ngClass]=\"{empty: display}\"\n            type=\"submit\"\n            [attr.title]=\"'Reset' | translate\">\n      <i class=\"fa fa-close\"></i>\n    </button>\n  </div>\n</label>\n",
             providers: [
                 {
                     provide: NG_VALUE_ACCESSOR,
@@ -1886,6 +1888,12 @@ var TableComponent = /** @class */ (function () {
                 return _this.groupInfo[key] = { isExpanded: true };
             });
             this.sortByGroup();
+            if (this.dt && this.dt.filteredValue) {
+                this.sortByGroup(this.dt.filteredValue, this.dt._sortOrder);
+            }
+            else if (this.dt && this.dt._value && this.dt._sortOrder) {
+                this.sortByGroup(this.dt._value, this.dt._sortOrder);
+            }
         }
     };
     TableComponent.prototype.isShowGroup = function (key, rowIndex) {
@@ -1909,8 +1917,18 @@ var TableComponent = /** @class */ (function () {
     TableComponent.prototype.localSearch = function (dt, searchText) {
         dt.filterGlobal(searchText, 'contains');
     };
-    TableComponent.prototype.sortByGroup = function () {
+    TableComponent.prototype.sortByGroup = function (values, sortOrder) {
         var g = this.groupMode;
+        if (values) {
+            return values.sort(function (row1, row2) {
+                if (typeof (row1.groupOrder[g]) === 'number') {
+                    return sortOrder * (row1.groupOrder[g] - row2.groupOrder[g]);
+                }
+                else {
+                    return sortOrder * row1.groupOrder[g].localeCompare(row2.groupOrder[g], undefined, { numeric: true, sensitivity: 'base' });
+                }
+            });
+        }
         this.values.sort(function (row1, row2) {
             if (typeof (row1.groupOrder[g]) === 'number') {
                 return row1.groupOrder[g] - row2.groupOrder[g];