@sd-angular/core 0.0.1038 → 0.0.1042

package/fesm2015/sd-angular-core-grid-material.js

@@ -798,14 +798,27 @@ class SdGridConfigurationService {
                     return __classPrivateFieldGet(this, _default).call(this, gridOption);
                 }
                 const { columns, config } = gridOption;
-                const { get, remove } = this.settingService.create(key, {
-                    type: config === null || config === void 0 ? void 0 : config.storage,
-                    args: config === null || config === void 0 ? void 0 : config.args
-                });
-                const configuration = yield get().catch(() => undefined);
-                if (!(configuration === null || configuration === void 0 ? void 0 : configuration.columns)) {
-                    remove().catch(console.error);
-                    return __classPrivateFieldGet(this, _default).call(this, gridOption);
+                let configuration;
+                if ((config === null || config === void 0 ? void 0 : config.storage) === 'server') {
+                    const { get, remove } = this.settingService.createServer(key, {
+                        args: config === null || config === void 0 ? void 0 : config.args
+                    });
+                    configuration = yield get().catch(() => undefined);
+                    if (!(configuration === null || configuration === void 0 ? void 0 : configuration.columns)) {
+                        remove().catch(console.error);
+                        return __classPrivateFieldGet(this, _default).call(this, gridOption);
+                    }
+                }
+                else {
+                    const { get, remove } = this.settingService.create(key, {
+                        type: config === null || config === void 0 ? void 0 : config.storage,
+                        args: config === null || config === void 0 ? void 0 : config.args
+                    });
+                    configuration = get();
+                    if (!(configuration === null || configuration === void 0 ? void 0 : configuration.columns)) {
+                        remove();
+                        return __classPrivateFieldGet(this, _default).call(this, gridOption);
+                    }
                 }
                 configuration.columns = configuration.columns
                     .filter(column => column.isGeneratedColumn || columns.some(e => !e.hidden && e.field === column.origin.field));
@@ -837,27 +850,43 @@ class SdGridConfigurationService {
             });
         });
         _set.set(this, (gridOption, configuration) => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             const key = __classPrivateFieldGet(this, _getKey).call(this, gridOption);
             if (key) {
-                const { 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(configuration);
+                if (((_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage) === 'server') {
+                    const { 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(configuration);
+                }
+                else {
+                    const { 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(configuration);
+                }
             }
             return JSON.parse(JSON.stringify(configuration));
         });
         _remove.set(this, (gridOption) => {
             return () => {
-                var _a, _b;
+                var _a, _b, _c, _d;
                 const key = __classPrivateFieldGet(this, _getKey).call(this, gridOption);
                 if (key) {
-                    const { 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();
+                    if (((_a = gridOption === null || gridOption === void 0 ? void 0 : gridOption.config) === null || _a === void 0 ? void 0 : _a.storage) === 'server') {
+                        const { 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();
+                    }
+                    else {
+                        const { 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();
+                    }
                 }
             };
         }
@@ -1392,11 +1421,6 @@ class SdGridMaterial {
                     result = result.toPromise();
                 }
                 return yield result;
-                // if (exportedItems instanceof Promise) {
-                //   return await exportedItems;
-                // } else {
-                //   return exportedItems;
-                // }
             }
             else {
                 const filterInfo = __classPrivateFieldGet(this, _filterExportInfo).call(this, pageNumber, pageSize);
@@ -2667,16 +2691,24 @@ class SdGeneratedColumnService {
                 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 = (configuration) => {
-            var _a;
+            var _a, _b;
             if (!(configuration === null || configuration === void 0 ? void 0 : configuration.key)) {
                 return null;
             }
@@ -2688,11 +2720,19 @@ class SdGeneratedColumnService {
                 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];
         };
@@ -3009,18 +3049,21 @@ class SdColumnInlineFilter {
         };
     }
     ngOnInit() {
-        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
+                };
+            }
         }
     }
 }
 SdColumnInlineFilter.decorators = [
     { type: 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: 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}"]
             },] }
@@ -3115,7 +3158,7 @@ SdGridQuickAction.decorators = [
                 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: 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 = () => [];