@inspark/inspark-components 1.0.41 → 1.0.43

package/full/bundles/inspark-inspark-components.umd.js

@@ -950,6 +950,8 @@
             this.onTouched = fn;
         };
         InputTextComponent.prototype.clear = function () {
+            this.value = '';
+            this.propagateChange('');
             this.onClick.emit('');
         };
         InputTextComponent.prototype.onChange = function (_) {
@@ -1074,7 +1076,7 @@
         InputTextComponent = InputTextComponent_1 = __decorate([
             core.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: forms.NG_VALUE_ACCESSOR,
@@ -2080,6 +2082,12 @@
                     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) {
@@ -2103,8 +2111,18 @@
         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];