@sd-angular/core 0.0.1039 → 0.0.1043

package/bundles/sd-angular-core-grid-material.umd.js

@@ -1295,13 +1295,13 @@
             _load.set(this, function (gridOption, subject) {
                 return function () { return __awaiter(_this, void 0, void 0, function () {
                     var get, configuration;
-                    return __generator(this, function (_c) {
-                        switch (_c.label) {
+                    return __generator(this, function (_e) {
+                        switch (_e.label) {
                             case 0:
                                 get = __classPrivateFieldGet(this, _get).call(this, gridOption);
                                 return [4 /*yield*/, get()];
                             case 1:
-                                configuration = _c.sent();
+                                configuration = _e.sent();
                                 subject.next(Object.assign({}, configuration));
                                 return [2 /*return*/];
                         }
@@ -1310,26 +1310,39 @@
             });
             _get.set(this, function (gridOption) {
                 return function () { return __awaiter(_this, void 0, void 0, function () {
-                    var key, columns, config, _c, get, remove, configuration;
-                    return __generator(this, function (_d) {
-                        switch (_d.label) {
+                    var key, columns, config, configuration, _e, get, remove, _f, get, remove;
+                    return __generator(this, function (_g) {
+                        switch (_g.label) {
                             case 0:
                                 key = __classPrivateFieldGet(this, _getKey).call(this, gridOption);
                                 if (!key) {
                                     return [2 /*return*/, __classPrivateFieldGet(this, _default).call(this, gridOption)];
                                 }
                                 columns = gridOption.columns, config = gridOption.config;
-                                _c = this.settingService.create(key, {
-                                    type: config === null || config === void 0 ? void 0 : config.storage,
+                                if (!((config === null || config === void 0 ? void 0 : config.storage) === 'server')) return [3 /*break*/, 2];
+                                _e = this.settingService.createServer(key, {
                                     args: config === null || config === void 0 ? void 0 : config.args
-                                }), get = _c.get, remove = _c.remove;
+                                }), get = _e.get, remove = _e.remove;
                                 return [4 /*yield*/, get().catch(function () { return undefined; })];
                             case 1:
-                                configuration = _d.sent();
+                                configuration = _g.sent();
                                 if (!(configuration === null || configuration === void 0 ? void 0 : configuration.columns)) {
                                     remove().catch(console.error);
                                     return [2 /*return*/, __classPrivateFieldGet(this, _default).call(this, gridOption)];
                                 }
+                                return [3 /*break*/, 3];
+                            case 2:
+                                _f = this.settingService.create(key, {
+                                    type: config === null || config === void 0 ? void 0 : config.storage,
+                                    args: config === null || config === void 0 ? void 0 : config.args
+                                }), get = _f.get, remove = _f.remove;
+                                configuration = get();
+                                if (!(configuration === null || configuration === void 0 ? void 0 : configuration.columns)) {
+                                    remove();
+                                    return [2 /*return*/, __classPrivateFieldGet(this, _default).call(this, gridOption)];
+                                }
+                                _g.label = 3;
+                            case 3:
                                 configuration.columns = configuration.columns
                                     .filter(function (column) { return column.isGeneratedColumn || columns.some(function (e) { return !e.hidden && e.field === column.origin.field; }); });
                                 // Thêm những column mới vào storage nếu có
@@ -1362,27 +1375,43 @@
                 }); };
             });
             _set.set(this, function (gridOption, configuration) {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 var key = __classPrivateFieldGet(_this, _getKey).call(_this, gridOption);
                 if (key) {
-                    var set = _this.settingService.create(key, {
-                        type: (_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage,
-                        args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
-                    }).set;
-                    set(configuration);
+                    if (((_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage) === 'server') {
+                        var set = _this.settingService.createServer(key, {
+                            args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
+                        }).set;
+                        set(configuration);
+                    }
+                    else {
+                        var set = _this.settingService.create(key, {
+                            type: (_c = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _c === void 0 ? void 0 : _c.storage,
+                            args: (_d = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _d === void 0 ? void 0 : _d.args
+                        }).set;
+                        set(configuration);
+                    }
                 }
                 return JSON.parse(JSON.stringify(configuration));
             });
             _remove.set(this, function (gridOption) {
                 return function () {
-                    var _a, _b;
+                    var _a, _b, _c, _d;
                     var key = __classPrivateFieldGet(_this, _getKey).call(_this, gridOption);
                     if (key) {
-                        var remove = _this.settingService.create(key, {
-                            type: (_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage,
-                            args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
-                        }).remove;
-                        remove();
+                        if (((_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage) === 'server') {
+                            var remove = _this.settingService.createServer(key, {
+                                args: (_b = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _b === void 0 ? void 0 : _b.args
+                            }).remove;
+                            remove();
+                        }
+                        else {
+                            var remove = _this.settingService.create(key, {
+                                type: (_c = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _c === void 0 ? void 0 : _c.storage,
+                                args: (_d = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _d === void 0 ? void 0 : _d.args
+                            }).remove;
+                            remove();
+                        }
                     }
                 };
             }
@@ -1496,7 +1525,7 @@
                     displayedFooters: [],
                     multipleHeader: false
                 };
-                var _c = gridOption || {}, selection = _c.selection, commands = _c.commands, editor = _c.editor;
+                var _e = gridOption || {}, selection = _e.selection, commands = _e.commands, editor = _e.editor;
                 if ((editor === null || editor === void 0 ? void 0 : editor.addable) || ((editor === null || editor === void 0 ? void 0 : editor.type) === 'inline' && ((editor === null || editor === void 0 ? void 0 : editor.removable) || typeof (editor === null || editor === void 0 ? void 0 : editor.disabled) === 'function' || !(editor === null || editor === void 0 ? void 0 : editor.disabled)))
                     || ((editor === null || editor === void 0 ? void 0 : editor.type) === 'focus' && (typeof (editor === null || editor === void 0 ? void 0 : editor.disabled) === 'function' || !(editor === null || editor === void 0 ? void 0 : editor.disabled)))) {
                     result.firstHeaders.push(__classPrivateFieldGet(_this, _COLUMNS).EDITORVALIDATION);
@@ -1517,7 +1546,7 @@
                     result.displayedColumns.push(__classPrivateFieldGet(_this, _COLUMNS).COMMAND);
                 }
                 (_a = configuration === null || configuration === void 0 ? void 0 : configuration.columns) === null || _a === void 0 ? void 0 : _a.filter(function (col) { return !col.invisible; }).forEach(function (col) {
-                    var e_1, _c, e_2, _d;
+                    var e_1, _e, e_2, _f;
                     var _a;
                     if (col.isGeneratedColumn) {
                         result.column[col.origin.field] = {
@@ -1537,19 +1566,19 @@
                             children: []
                         };
                         try {
-                            for (var _e = __values(gridOption === null || gridOption === void 0 ? void 0 : gridOption.columns.filter(function (e1) { return col.generatedColumns.includes(e1.field); })), _f = _e.next(); !_f.done; _f = _e.next()) {
-                                var subColumn = _f.value;
+                            for (var _g = __values(gridOption === null || gridOption === void 0 ? void 0 : gridOption.columns.filter(function (e1) { return col.generatedColumns.includes(e1.field); })), _h = _g.next(); !_h.done; _h = _g.next()) {
+                                var subColumn = _h.value;
                                 if (subColumn.type === 'children' || subColumn.type === 'children-col') {
                                     try {
-                                        for (var _g = (e_2 = void 0, __values(subColumn.children)), _h = _g.next(); !_h.done; _h = _g.next()) {
-                                            var childColumn = _h.value;
+                                        for (var _j = (e_2 = void 0, __values(subColumn.children)), _k = _j.next(); !_k.done; _k = _j.next()) {
+                                            var childColumn = _k.value;
                                             generatedColumn.children.push(Object.assign(Object.assign({}, childColumn), { colSpan: 2 }));
                                         }
                                     }
                                     catch (e_2_1) { e_2 = { error: e_2_1 }; }
                                     finally {
                                         try {
-                                            if (_h && !_h.done && (_d = _g.return)) _d.call(_g);
+                                            if (_k && !_k.done && (_f = _j.return)) _f.call(_j);
                                         }
                                         finally { if (e_2) throw e_2.error; }
                                     }
@@ -1562,7 +1591,7 @@
                         catch (e_1_1) { e_1 = { error: e_1_1 }; }
                         finally {
                             try {
-                                if (_f && !_f.done && (_c = _e.return)) _c.call(_e);
+                                if (_h && !_h.done && (_e = _g.return)) _e.call(_g);
                             }
                             finally { if (e_1) throw e_1.error; }
                         }
@@ -3677,16 +3706,24 @@
                     key: configuration.key
                 });
                 if (!__classPrivateFieldGet(_this, _cache$3)[key]) {
-                    __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
-                        type: configuration === null || configuration === void 0 ? void 0 : configuration.storage,
-                        args: configuration === null || configuration === void 0 ? void 0 : configuration.args,
-                        default: []
-                    });
+                    if ((configuration === null || configuration === void 0 ? void 0 : configuration.storage) === 'server') {
+                        __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.createServer(key, {
+                            args: configuration === null || configuration === void 0 ? void 0 : configuration.args,
+                            default: []
+                        });
+                    }
+                    else {
+                        __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
+                            type: configuration === null || configuration === void 0 ? void 0 : configuration.storage,
+                            args: configuration === null || configuration === void 0 ? void 0 : configuration.args,
+                            default: []
+                        });
+                    }
                 }
                 return __classPrivateFieldGet(_this, _cache$3)[key];
             };
             this.loadSystem = function (configuration) {
-                var _a;
+                var _a, _b;
                 if (!(configuration === null || configuration === void 0 ? void 0 : configuration.key)) {
                     return null;
                 }
@@ -3698,11 +3735,19 @@
                     key: configuration.key
                 });
                 if (!__classPrivateFieldGet(_this, _cache$3)[key]) {
-                    __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
-                        type: 'server',
-                        args: (_a = configuration === null || configuration === void 0 ? void 0 : configuration.systemColumn) === null || _a === void 0 ? void 0 : _a.args,
-                        default: []
-                    });
+                    if ((configuration === null || configuration === void 0 ? void 0 : configuration.storage) === 'server') {
+                        __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.createServer(key, {
+                            args: (_a = configuration === null || configuration === void 0 ? void 0 : configuration.systemColumn) === null || _a === void 0 ? void 0 : _a.args,
+                            default: []
+                        });
+                    }
+                    else {
+                        __classPrivateFieldGet(_this, _cache$3)[key] = _this.settingService.create(key, {
+                            type: configuration === null || configuration === void 0 ? void 0 : configuration.storage,
+                            args: (_b = configuration === null || configuration === void 0 ? void 0 : configuration.systemColumn) === null || _b === void 0 ? void 0 : _b.args,
+                            default: []
+                        });
+                    }
                 }
                 return __classPrivateFieldGet(_this, _cache$3)[key];
             };
@@ -4058,11 +4103,14 @@
             };
         }
         SdColumnInlineFilter.prototype.ngOnInit = function () {
-            if (['date', 'datetime', 'time'].includes(this.column.type)) {
-                this.columnFilter[this.column.field] = this.columnFilter[this.column.field] || {
-                    from: null,
-                    to: null
-                };
+            var _a, _b;
+            if (this.column.type === 'date' || this.column.type === 'time' || this.column.type === 'datetime') {
+                if (!((_b = (_a = this.column) === null || _a === void 0 ? void 0 : _a.option) === null || _b === void 0 ? void 0 : _b.useFilterDate)) {
+                    this.columnFilter[this.column.field] = this.columnFilter[this.column.field] || {
+                        from: null,
+                        to: null
+                    };
+                }
             }
         };
         return SdColumnInlineFilter;
@@ -4070,7 +4118,7 @@
     SdColumnInlineFilter.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-column-inline-filter',
-                    template: "<div class=\"c-inline-column\">\r\n  <ng-container *ngIf=\"\r\n  column.type === 'string' ||\r\n  column.type === 'number' ||\r\n  column.type === 'bool' ||\r\n  column.type === 'values' ||\r\n  column.type === 'date' ||\r\n  column.type === 'datetime' ||\r\n  column.type === 'time';\r\n  else noFilter\">\r\n    <sd-input *ngIf=\"column.type === 'string'\" size=\"sm\" type=\"text\" [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\" [disabled]=\"column.filter?.disabled\">\r\n    </sd-input>\r\n    <sd-input *ngIf=\"column.type === 'number'\" size=\"sm\" type=\"number\" [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\" [disabled]=\"column.filter?.disabled\">\r\n    </sd-input>\r\n    <sd-select *ngIf=\"column.type === 'bool'\" size=\"sm\" [items]=\"[\r\n        { value: '1', display: column.option?.displayOnTrue || 'True' },\r\n        { value: '0', display: column.option?.displayOnFalse || 'False' }\r\n      ]\" valueField=\"value\" displayField=\"display\" [(model)]=\"columnFilter[column.field]\" (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n      <ng-template sdSelectDisplayDef let-item=\"item\">\r\n        <sd-badge *ngIf=\"item.value === '1'\" color=\"success\"\r\n          [title]=\"column.option?.displayOnTrue || 'True'\"></sd-badge>\r\n        <sd-badge *ngIf=\"item.value === '0'\" color=\"danger\"\r\n          [title]=\"column.option?.displayOnFalse || 'False'\"></sd-badge>\r\n      </ng-template>\r\n    </sd-select>\r\n    <sd-select *ngIf=\"\r\n        column.type === 'values' && column?.option?.selection !== 'AUTOCOMPLETE'\r\n      \" size=\"sm\" [items]=\"column.option.items\" [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\" [(model)]=\"columnFilter[column.field]\" (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\" [multiple]=\"\r\n        column?.option?.selection === 'MULTIPLE' ||\r\n        column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\r\n      \" [filtered]=\"column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\">\r\n    </sd-select>\r\n    <sd-autocomplete *ngIf=\"\r\n        column.type === 'values' && column?.option?.selection === 'AUTOCOMPLETE'\r\n      \" size=\"sm\" [items]=\"column.option.items\" [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\" [(model)]=\"columnFilter[column.field]\" (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-autocomplete>\r\n    <sd-date-range *ngIf=\"\r\n        column.type === 'date' ||\r\n        column.type === 'datetime' ||\r\n        column.type === 'time'\r\n      \" size=\"sm\" [(from)]=\"columnFilter[column.field].from\" [(to)]=\"columnFilter[column.field].to\"\r\n      (sdChange)=\"onFilterChange()\" [disabled]=\"column.filter?.disabled\">\r\n    </sd-date-range>\r\n  </ng-container>\r\n  <ng-template #noFilter>\r\n    <sd-input type=\"text\" size=\"sm\" disabled> </sd-input>\r\n  </ng-template>\r\n</div>",
+                    template: "<div class=\"c-inline-column\">\r\n  <ng-container *ngIf=\"\r\n  column.type === 'string' ||\r\n  column.type === 'number' ||\r\n  column.type === 'bool' ||\r\n  column.type === 'values' ||\r\n  column.type === 'date' ||\r\n  column.type === 'datetime' ||\r\n  column.type === 'time';\r\n  else noFilter\">\r\n    <sd-input *ngIf=\"column.type === 'string'\" size=\"sm\" type=\"text\" [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\" [disabled]=\"column.filter?.disabled\">\r\n    </sd-input>\r\n    <sd-input *ngIf=\"column.type === 'number'\" size=\"sm\" type=\"number\" [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\" [disabled]=\"column.filter?.disabled\">\r\n    </sd-input>\r\n    <sd-select *ngIf=\"column.type === 'bool'\" size=\"sm\" [items]=\"[\r\n        { value: '1', display: column.option?.displayOnTrue || 'True' },\r\n        { value: '0', display: column.option?.displayOnFalse || 'False' }\r\n      ]\" valueField=\"value\" displayField=\"display\" [(model)]=\"columnFilter[column.field]\" (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n      <ng-template sdSelectDisplayDef let-item=\"item\">\r\n        <sd-badge *ngIf=\"item.value === '1'\" color=\"success\" [title]=\"column.option?.displayOnTrue || 'True'\">\r\n        </sd-badge>\r\n        <sd-badge *ngIf=\"item.value === '0'\" color=\"danger\" [title]=\"column.option?.displayOnFalse || 'False'\">\r\n        </sd-badge>\r\n      </ng-template>\r\n    </sd-select>\r\n    <sd-select *ngIf=\"\r\n        column.type === 'values' && column?.option?.selection !== 'AUTOCOMPLETE'\r\n      \" size=\"sm\" [items]=\"column.option.items\" [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\" [(model)]=\"columnFilter[column.field]\" (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\" [multiple]=\"\r\n        column?.option?.selection === 'MULTIPLE' ||\r\n        column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\r\n      \" [filtered]=\"column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\">\r\n    </sd-select>\r\n    <sd-autocomplete *ngIf=\"\r\n        column.type === 'values' && column?.option?.selection === 'AUTOCOMPLETE'\r\n      \" size=\"sm\" [items]=\"column.option.items\" [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\" [(model)]=\"columnFilter[column.field]\" (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-autocomplete>\r\n    <ng-container *ngIf=\"column.type === 'date' || column.type === 'datetime' || column.type === 'time'\">\r\n      <sd-date-range *ngIf=\"!column.option?.useFilterDate\" size=\"sm\" [(from)]=\"columnFilter[column.field].from\"\r\n        [(to)]=\"columnFilter[column.field].to\" (sdChange)=\"onFilterChange()\" [disabled]=\"column.filter?.disabled\">\r\n      </sd-date-range>\r\n      <sd-date-time *ngIf=\"column.option?.useFilterDate\" size=\"sm\" [(model)]=\"columnFilter[column.field]\"\r\n        (sdChange)=\"onFilterChange()\" [disabled]=\"column.filter?.disabled\">\r\n      </sd-date-time>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #noFilter>\r\n    <sd-input type=\"text\" size=\"sm\" disabled> </sd-input>\r\n  </ng-template>\r\n</div>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [":host ::ng-deep .c-inline-column .mat-form-field-wrapper{background-color:#fff;border-radius:8px;margin:8px 0 0!important;padding:0!important}"]
                 },] }
@@ -4192,7 +4240,7 @@
                     selector: 'sd-grid-quick-action',
                     template: "<sd-quick-action *ngIf=\"selectedItems | selectionActionFilter: gridOption?.selection?.actions as actions\"\r\n  [isOpened]=\"actions?.length\">\r\n  <div class=\"d-flex align-items-center\" sdMessage>\r\n    <div class=\"c-bg-length\">\r\n      <span class=\"c-length\">{{ selectedItems.length }}</span>\r\n    </div>\r\n    <div class=\"c-message\">{{ gridOption?.selection?.message || (\"selected items\" | sdTranslate) }}</div>\r\n  </div>\r\n  <div class=\"d-flex align-items-center mr-8\" sdAction>\r\n    <ng-container *ngFor=\"let action of actions\">\r\n      <sd-button *ngIf=\"action.click\" class=\"ml-5\" [tooltip]=\"action.tooltip\" [icon]=\"action.icon\"\r\n        [color]=\"action.color || 'secondary'\" [type]=\"action.type || 'light'\" [fontSet]=\"action.fontSet\"\r\n        [title]=\"action.title\" size=\"sm\" (action)=\"action.click(selectedItems)\"></sd-button>\r\n      <ng-container *ngIf=\"action.children?.length\">\r\n        <sd-button class=\"ml-5\" [tooltip]=\"action.tooltip\" [icon]=\"action.icon || 'more_vert'\"\r\n          [color]=\"action.color || 'secondary'\" [type]=\"action.type || 'light'\" [fontSet]=\"action.fontSet\"\r\n          [title]=\"action.title\" size=\"sm\" [matMenuTriggerFor]=\"menu\">\r\n        </sd-button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <span>\r\n            <button *ngFor=\"let childAction of action.children\" mat-menu-item (click)=\"childAction.click(selectedItems)\"\r\n              [disabled]=\"childAction.disabled\">\r\n              <mat-icon [fontSet]=\"childAction.fontSet\" class=\"c-icon\">{{ childAction.icon }}\r\n              </mat-icon>\r\n              <span> {{ childAction.title }}</span>\r\n            </button>\r\n          </span>\r\n        </mat-menu>\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-button class=\"ml-5\" icon=\"close\" color=\"secondary\" type=\"outline\" size=\"sm\"\r\n      (action)=\"onClear()\" width=\"35px\"></sd-button>\r\n  </div>\r\n</sd-quick-action>",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
-                    styles: [".c-bg-length{align-items:flex-start;background:#2962ff;border-radius:4px 0 0 4px;display:flex;flex-direction:column;height:48px;left:0;padding:12px 8px;position:static;top:0;width:48px}.c-bg-length .c-length{color:#fff;font-size:16px;font-weight:500;height:24px;left:8px;line-height:24px;text-align:center;top:12px;width:32px}.c-bg-length .c-length,.c-message{font-family:Roboto;font-style:normal;position:static}.c-message{color:#000;font-size:14px;font-weight:400;height:20px;left:0;line-height:20px;margin:0 0 0 16px;min-width:200px;top:6px}"]
+                    styles: [".c-bg-length{align-items:flex-start;background:#2962ff;border-radius:4px 0 0 4px;display:flex;flex-direction:column;height:48px;left:0;min-width:48px;padding:12px 8px;position:static;top:0;width:auto}.c-bg-length .c-length{color:#fff;font-size:16px;font-weight:500;height:24px;left:8px;line-height:24px;min-width:32px;text-align:center;top:12px;width:auto}.c-bg-length .c-length,.c-message{font-family:Roboto;font-style:normal;position:static}.c-message{color:#000;font-size:14px;font-weight:400;height:20px;left:0;line-height:20px;margin:0 0 0 16px;min-width:200px;top:6px}"]
                 },] }
     ];
     SdGridQuickAction.ctorParameters = function () { return []; };