@sd-angular/core 0.0.1040 → 0.0.1041

package/fesm2015/sd-angular-core-filter.js

@@ -0,0 +1,323 @@
+import { Directive, TemplateRef, Input, Injectable, QueryList, Component, ContentChildren, Pipe, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { SdTranslateModule } from '@sd-angular/core/translate';
+import { SdCommonModule } from '@sd-angular/core/common';
+import { __awaiter, __classPrivateFieldGet } from 'tslib';
+import { BehaviorSubject, Subscription } from 'rxjs';
+import { startWith } from 'rxjs/operators';
+import { v4 } from 'uuid';
+import { DeviceDetectorService } from 'ngx-device-detector';
+import hash from 'object-hash';
+import { SdSettingService } from '@sd-angular/core/setting';
+import { SdFormModule } from '@sd-angular/core/form';
+import { MatButtonModule } from '@angular/material/button';
+
+class SdFilterDefDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    set _defaultShowing(val) {
+        this.defaultShowing = (val === '') || val;
+    }
+}
+SdFilterDefDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[sdFilterDef]'
+            },] }
+];
+SdFilterDefDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+SdFilterDefDirective.propDecorators = {
+    sdFilterDef: [{ type: Input }],
+    _defaultShowing: [{ type: Input, args: ['defaultShowing',] }]
+};
+
+var _prefix;
+class SdFilterService {
+    constructor(settingService) {
+        this.settingService = settingService;
+        _prefix.set(this, '61d22e8e-eee8-4aad-8e1c-044a532fea91');
+        this.get = (key) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            if (!key) {
+                return {
+                    selectedQuickFilter: null,
+                    quickFilters: [],
+                    filter: {}
+                };
+            }
+            const { get } = this.settingService.create({
+                prefix: __classPrivateFieldGet(this, _prefix),
+                key
+            });
+            const configuration = yield get();
+            return {
+                selectedQuickFilter: (_a = configuration === null || configuration === void 0 ? void 0 : configuration.selectedQuickFilter) !== null && _a !== void 0 ? _a : null,
+                quickFilters: (configuration === null || configuration === void 0 ? void 0 : configuration.quickFilters) || [],
+                filter: (configuration === null || configuration === void 0 ? void 0 : configuration.filter) || {}
+            };
+        });
+        this.set = (key, configuration) => __awaiter(this, void 0, void 0, function* () {
+            var _b;
+            configuration = {
+                selectedQuickFilter: (_b = configuration === null || configuration === void 0 ? void 0 : configuration.selectedQuickFilter) !== null && _b !== void 0 ? _b : null,
+                quickFilters: (configuration === null || configuration === void 0 ? void 0 : configuration.quickFilters) || [],
+                filter: (configuration === null || configuration === void 0 ? void 0 : configuration.filter) || {}
+            };
+            if (!key) {
+                return configuration;
+            }
+            const { set } = this.settingService.create({
+                prefix: __classPrivateFieldGet(this, _prefix),
+                key
+            });
+            key = hash({
+                prefix: __classPrivateFieldGet(this, _prefix),
+                key
+            });
+            yield set(configuration);
+            return configuration;
+        });
+    }
+}
+_prefix = new WeakMap();
+SdFilterService.decorators = [
+    { type: Injectable }
+];
+SdFilterService.ctorParameters = () => [
+    { type: SdSettingService }
+];
+
+var _prefix$1, _filterOptionChanges, _subscription, _format, _firstLoad;
+class SdFilter {
+    constructor(deviceService, settingService, filterService) {
+        this.deviceService = deviceService;
+        this.settingService = settingService;
+        this.filterService = filterService;
+        _prefix$1.set(this, '61d22e8e-eee8-4aad-8e1c-044a532fea91');
+        _filterOptionChanges.set(this, new BehaviorSubject(null));
+        _subscription.set(this, new Subscription());
+        this.sdFilterDefs = new QueryList();
+        this.isMobileOrTablet = false;
+        this.filterChanges = new BehaviorSubject({});
+        this.onFilter = (filter) => {
+            this.filterChanges.next({
+                filter: Object.assign({}, this.information.filter),
+                filterDef: Object.assign({}, this.information.filterDef),
+            });
+            this.setting.set(this.information);
+        };
+        this.onClear = () => {
+            this.information.filter = {};
+            this.information.filterDef = {};
+            this.onFilter();
+        };
+        _format.set(this, (filters, information) => {
+            var _a, _b, _c, _d, _e;
+            for (const filter of filters) {
+                if (filter.type === 'daterange') {
+                    information.filter[filter.field] = {
+                        from: (_b = (_a = information.filter[filter.field]) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : undefined,
+                        to: (_d = (_c = information.filter[filter.field]) === null || _c === void 0 ? void 0 : _c.to) !== null && _d !== void 0 ? _d : undefined
+                    };
+                }
+                else {
+                    information.filter[filter.field] = (_e = information.filter[filter.field]) !== null && _e !== void 0 ? _e : undefined;
+                }
+            }
+        });
+        _firstLoad.set(this, (filters, information) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            if (information.selectedQuickFilter && information.quickFilters.some(e => e.code === information.selectedQuickFilter)) {
+                const selected = information.quickFilters.find(e => e.code === information.selectedQuickFilter);
+                information.filter = Object.assign({}, selected.filter);
+                information.filterDef = Object.assign({}, selected.filterDef);
+                __classPrivateFieldGet(this, _format).call(this, filters, information);
+            }
+            else {
+                for (const filter of filters) {
+                    if (filter.type === 'daterange') {
+                        information.filter[filter.field] = {
+                            from: (_d = (_b = (_a = information.filter[filter.field]) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : (_c = filter.default) === null || _c === void 0 ? void 0 : _c.from) !== null && _d !== void 0 ? _d : undefined,
+                            to: (_h = (_f = (_e = information.filter[filter.field]) === null || _e === void 0 ? void 0 : _e.to) !== null && _f !== void 0 ? _f : (_g = filter.default) === null || _g === void 0 ? void 0 : _g.to) !== null && _h !== void 0 ? _h : undefined
+                        };
+                    }
+                    else {
+                        information.filter[filter.field] = (_k = (_j = information.filter[filter.field]) !== null && _j !== void 0 ? _j : filter.default) !== null && _k !== void 0 ? _k : undefined;
+                    }
+                }
+            }
+        });
+        this.setFilter = (args) => {
+            const { filter, filterDef } = args;
+            this.information = Object.assign(Object.assign({}, this.information), { filter: Object.assign({}, filter), filterDef: Object.assign({}, filterDef) });
+        };
+        this.isMobileOrTablet = !this.deviceService.isDesktop();
+    }
+    set _filterOption(option) {
+        console.log(option);
+        if (option) {
+            this.filterOption = option;
+            __classPrivateFieldGet(this, _filterOptionChanges).next(option);
+        }
+    }
+    ngOnInit() {
+        // if (!this.#key) {
+        //   this.setting = this.settingService.create<SdFilterInformation>(uuid.v4(), {
+        //     type: 'session',
+        //     default: {
+        //       filter: {},
+        //       visible: {},
+        //       quickFilters: [],
+        //       selectedQuickFilter: null
+        //     }
+        //   });
+        // } else {
+        //   this.setting = this.settingService.create<SdFilterInformation>(this.#key, {
+        //     default: {
+        //       filter: {},
+        //       visible: {},
+        //       quickFilters: [],
+        //       selectedQuickFilter: null
+        //     }
+        //   });
+        // }
+    }
+    ngAfterViewInit() {
+        __classPrivateFieldGet(this, _subscription).add(__classPrivateFieldGet(this, _filterOptionChanges).pipe(startWith(this.filterOption)).subscribe((filterOption) => {
+            var _a, _b;
+            console.log(filterOption);
+            if (!filterOption) {
+                return;
+            }
+            const defaultInformation = {
+                filter: {},
+                visible: {},
+                quickFilters: ((_a = filterOption === null || filterOption === void 0 ? void 0 : filterOption.quickFilter) === null || _a === void 0 ? void 0 : _a.defaults) || [],
+                selectedQuickFilter: (_b = filterOption === null || filterOption === void 0 ? void 0 : filterOption.quickFilter) === null || _b === void 0 ? void 0 : _b.selectedDefault
+            };
+            if (!filterOption.key) {
+                this.setting = this.settingService.create(v4(), {
+                    type: 'session',
+                    default: defaultInformation
+                });
+            }
+            else {
+                this.setting = this.settingService.create({
+                    prefix: __classPrivateFieldGet(this, _prefix$1),
+                    key: filterOption.key
+                }, {
+                    default: defaultInformation
+                });
+            }
+            this.information = this.setting.get();
+            console.log(this.information);
+            __classPrivateFieldGet(this, _subscription).add(this.setting.observer.subscribe(filterInformation => {
+                this.information = filterInformation;
+                __classPrivateFieldGet(this, _format).call(this, filterOption === null || filterOption === void 0 ? void 0 : filterOption.filters, this.information);
+            }));
+        }));
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+    }
+}
+_prefix$1 = new WeakMap(), _filterOptionChanges = new WeakMap(), _subscription = new WeakMap(), _format = new WeakMap(), _firstLoad = new WeakMap();
+SdFilter.decorators = [
+    { type: Component, args: [{
+                selector: 'sd-filter',
+                template: "<div *ngIf=\"information\" class=\"c-container\">\r\n  <div class=\"c-header\">\r\n    <div class=\"d-flex align-items-center\">\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">filter_alt</mat-icon>\r\n      </button>\r\n      <span>Hi\u1EC3n th\u1ECB</span>\r\n    </div>\r\n    <div class=\"d-flex align-items-center\">\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">add</mat-icon>\r\n      </button>\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">settings</mat-icon>\r\n      </button>\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">download</mat-icon>\r\n      </button>\r\n      <button class=\"mx-2\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\">close</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n  <div class=\"c-body row mx-0\">\r\n    <ng-container *ngFor=\"let item of filterOption?.filters\">\r\n      <div *ngIf=\"information.visible[item.field] !== false\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n        <sd-input *ngIf=\"item.type === 'string'\" [label]=\"item.title\" type=\"text\"\r\n          [(model)]=\"information.filter[item.field]\" (keyupEnter)=\"onFilter(item)\">\r\n        </sd-input>\r\n        <sd-input *ngIf=\"item.type === 'number'\" [label]=\"item.title\" type=\"number\"\r\n          [(model)]=\"information.filter[item.field]\" (keyupEnter)=\"onFilter(item)\">\r\n        </sd-input>\r\n        <sd-select *ngIf=\"item.type === 'bool'\" [label]=\"item.title\" [items]=\"[{value:true,display:item.option?.displayOnTrue || 'True' },\r\n          {value:false,display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n          [(model)]=\"information.filter[item.field]\" (sdChange)=\"onFilter(item)\">\r\n        </sd-select>\r\n        <ng-container *ngIf=\"item.type === 'values-local'\">\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\" [selectAll]=\"item.option.selectAll\" multiple=\"true\">\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf=\"item.option?.selection === 'AUTOCOMPLETE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\">\r\n          </sd-autocomplete>\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\" filtered multiple>\r\n          </sd-select>\r\n          <sd-select *ngIf=\"!item.option?.selection\" [label]=\"item.title\" [items]=\"item | sdValuesLocal | async\"\r\n            [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"information.filter[item.field]\" (sdChange)=\"onFilter(item)\">\r\n          </sd-select>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"item.type === 'values-server'\">\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLE'\" [label]=\"item.title\"\r\n            [items]=\"item | sdValuesLocal | async\" [valueField]=\"item.option.valueField\"\r\n            [displayField]=\"item.option.displayField\" [(model)]=\"information.filter[item.field]\"\r\n            (sdChange)=\"onFilter(item)\" filtered multiple>\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf=\"!item.option?.selection\" [label]=\"item.title\" [items]=\"item | sdValuesLocal | async\"\r\n            [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"information.filter[item.field]\" (sdChange)=\"onFilter(item)\">\r\n          </sd-autocomplete>\r\n        </ng-container>\r\n        <sd-date-time *ngIf=\"item.type ==='date' || item.type ==='datetime'\" [label]=\"item.title\"\r\n          [(model)]=\"information.filter[item.field]\" [type]=\"item.type\" [min]=\"item?.option?.min\"\r\n          [max]=\"item?.option?.max\" (sdChange)=\"onFilter(item)\">\r\n        </sd-date-time>\r\n        <sd-date-range *ngIf=\"item.type ==='daterange'\" [label]=\"item.title\"\r\n          [(from)]=\"information.filter[item.field].from\" [(to)]=\"information.filter[item.field].to\"\r\n          [min]=\"item?.option?.min\" [max]=\"item?.option?.max\" (sdChange)=\"onFilter(item)\">\r\n        </sd-date-range>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<!-- <sd-popup-filter [columns]=\"columns\" [externalFilters]=\"externalFilters\" (changeFilter)=\"onChangeFilter($event)\"\r\n    (clearFilter)=\"onReset()\" [filterDefs]=\"filterDefs\">\r\n  </sd-popup-filter> -->",
+                styles: [".c-container .c-header{align-items:center;display:flex;height:48px;justify-content:space-between;padding:0 20px}.c-container mat-icon.c-icon{color:rgba(0,0,0,.54)!important}.c-container button:focus{outline:none}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]
+            },] }
+];
+SdFilter.ctorParameters = () => [
+    { type: DeviceDetectorService },
+    { type: SdSettingService },
+    { type: SdFilterService }
+];
+SdFilter.propDecorators = {
+    _filterOption: [{ type: Input, args: ['option',] }],
+    sdFilterDefs: [{ type: ContentChildren, args: [SdFilterDefDirective,] }]
+};
+
+class SdValuesLocalPipe {
+    constructor() {
+        this.transform = (filterValues) => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
+            if (typeof ((_a = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _a === void 0 ? void 0 : _a.items) === 'function') {
+                return yield ((_b = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _b === void 0 ? void 0 : _b.items());
+            }
+            return ((_c = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _c === void 0 ? void 0 : _c.items) || [];
+        });
+    }
+}
+SdValuesLocalPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'sdValuesLocal'
+            },] }
+];
+
+class SdValuesServerPipe {
+    constructor() {
+        this.transform = (filterValues) => {
+            var _a, _b, _c;
+            if (typeof ((_a = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _a === void 0 ? void 0 : _a.items) === 'function') {
+                return (_b = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _b === void 0 ? void 0 : _b.items;
+            }
+            return ((_c = filterValues === null || filterValues === void 0 ? void 0 : filterValues.option) === null || _c === void 0 ? void 0 : _c.items) || [];
+        };
+    }
+}
+SdValuesServerPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'sdValuesServer'
+            },] }
+];
+
+class SdFilterModule {
+}
+SdFilterModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    MatIconModule,
+                    MatTooltipModule,
+                    MatButtonModule,
+                    SdTranslateModule,
+                    SdCommonModule,
+                    SdFormModule
+                ],
+                declarations: [
+                    SdFilter,
+                    SdFilterDefDirective,
+                    SdValuesLocalPipe,
+                    SdValuesServerPipe
+                ],
+                providers: [
+                    SdFilterService
+                ],
+                exports: [
+                    SdCommonModule,
+                    SdFilterDefDirective,
+                    SdFilter
+                ]
+            },] }
+];
+
+/*
+ * Public API Surface of superdev-angular-core
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdFilter, SdFilterDefDirective, SdFilterModule, SdFilterService as ɵa, SdValuesLocalPipe as ɵb, SdValuesServerPipe as ɵc };
+//# sourceMappingURL=sd-angular-core-filter.js.map

package/fesm2015/sd-angular-core-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-angular-core-filter.js","sources":["../../../../projects/sd-core/filter/src/lib/directives/sd-filter-def.directive.ts","../../../../projects/sd-core/filter/src/lib/filter.service.ts","../../../../projects/sd-core/filter/src/lib/filter.component.ts","../../../../projects/sd-core/filter/src/lib/pipes/values-local.pipe.ts","../../../../projects/sd-core/filter/src/lib/pipes/values-server.pipe.ts","../../../../projects/sd-core/filter/src/lib/filter.module.ts","../../../../projects/sd-core/filter/src/public-api.ts","../../../../projects/sd-core/filter/sd-angular-core-filter.ts"],"sourcesContent":["import { Directive, Input, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdFilterDef]'\r\n})\r\nexport class SdFilterDefDirective {\r\n  @Input() sdFilterDef: string;\r\n  defaultShowing: boolean;\r\n  @Input('defaultShowing') set _defaultShowing(val: boolean | '') {\r\n    this.defaultShowing = (val === '') || val;\r\n  }\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport hash from 'object-hash';\r\nimport { SdSettingService } from '@sd-angular/core/setting';\r\nimport { SdFilterInformation } from './filter.model';\r\n\r\n@Injectable()\r\nexport class SdFilterService {\r\n  #prefix = '61d22e8e-eee8-4aad-8e1c-044a532fea91';\r\n  constructor(private settingService: SdSettingService) {\r\n  }\r\n  get = async (key: string): Promise<SdFilterInformation> => {\r\n    if (!key) {\r\n      return {\r\n        selectedQuickFilter: null,\r\n        quickFilters: [],\r\n        filter: {}\r\n      }\r\n    }\r\n    const { get } = this.settingService.create<SdFilterInformation>({\r\n      prefix: this.#prefix,\r\n      key\r\n    });\r\n    const configuration = await get();\r\n    return {\r\n      selectedQuickFilter: configuration?.selectedQuickFilter ?? null,\r\n      quickFilters: configuration?.quickFilters || [],\r\n      filter: configuration?.filter || {}\r\n    };\r\n  }\r\n\r\n  set = async (key: string, configuration: SdFilterInformation): Promise<SdFilterInformation> => {\r\n    configuration = {\r\n      selectedQuickFilter: configuration?.selectedQuickFilter ?? null,\r\n      quickFilters: configuration?.quickFilters || [],\r\n      filter: configuration?.filter || {}\r\n    };\r\n    if (!key) {\r\n      return configuration;\r\n    }\r\n    const { set } = this.settingService.create<SdFilterInformation>({\r\n      prefix: this.#prefix,\r\n      key\r\n    });\r\n    key = hash({\r\n      prefix: this.#prefix,\r\n      key\r\n    });\r\n    await set(configuration);\r\n    return configuration;\r\n  }\r\n}\r\n","import { Component, Input, Output, EventEmitter, ViewChild, AfterViewInit, OnDestroy, ContentChildren, QueryList } from '@angular/core';\r\nimport { BehaviorSubject, Observable, Subject, Subscription } from 'rxjs';\r\nimport { map, startWith, switchMap } from 'rxjs/operators';\r\nimport * as uuid from 'uuid';\r\nimport * as hash from 'object-hash';\r\nimport { DeviceDetectorService } from 'ngx-device-detector';\r\nimport { SdFilterDefDirective } from './directives/sd-filter-def.directive';\r\nimport { Filter, SdFilterInformation, FilterObject, SdFilterOption, SdQuickFilter } from './filter.model';\r\nimport { SdFilterService } from './filter.service';\r\nimport { SdSetting, SdSettingService } from '@sd-angular/core/setting';\r\nimport { SdCacheService } from '@sd-angular/core/cache';\r\n\r\n@Component({\r\n  selector: 'sd-filter',\r\n  templateUrl: './filter.component.html',\r\n  styleUrls: ['./filter.component.scss']\r\n})\r\nexport class SdFilter implements AfterViewInit, OnDestroy {\r\n  #prefix = '61d22e8e-eee8-4aad-8e1c-044a532fea91';\r\n  setting: SdSetting<SdFilterInformation>;\r\n  filterOption: SdFilterOption;\r\n  @Input('option') set _filterOption(option: SdFilterOption) {\r\n    console.log(option);\r\n    if (option) {\r\n      this.filterOption = option;\r\n      this.#filterOptionChanges.next(option);\r\n    }\r\n  }\r\n  #filterOptionChanges = new BehaviorSubject<SdFilterOption>(null);\r\n  #subscription = new Subscription();\r\n  @ContentChildren(SdFilterDefDirective) sdFilterDefs = new QueryList<SdFilterDefDirective>();\r\n  isMobileOrTablet = false;\r\n  filterChanges = new BehaviorSubject<FilterObject>({});\r\n  filterInformation: Observable<SdFilterInformation>;\r\n  information: SdFilterInformation;\r\n  constructor(\r\n    private deviceService: DeviceDetectorService,\r\n    private settingService: SdSettingService,\r\n    private filterService: SdFilterService) {\r\n    this.isMobileOrTablet = !this.deviceService.isDesktop();\r\n  }\r\n\r\n  ngOnInit() {\r\n    // if (!this.#key) {\r\n    //   this.setting = this.settingService.create<SdFilterInformation>(uuid.v4(), {\r\n    //     type: 'session',\r\n    //     default: {\r\n    //       filter: {},\r\n    //       visible: {},\r\n    //       quickFilters: [],\r\n    //       selectedQuickFilter: null\r\n    //     }\r\n    //   });\r\n    // } else {\r\n    //   this.setting = this.settingService.create<SdFilterInformation>(this.#key, {\r\n    //     default: {\r\n    //       filter: {},\r\n    //       visible: {},\r\n    //       quickFilters: [],\r\n    //       selectedQuickFilter: null\r\n    //     }\r\n    //   });\r\n    // }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    this.#subscription.add(this.#filterOptionChanges.pipe(startWith(this.filterOption)).subscribe((filterOption) => {\r\n      console.log(filterOption);\r\n      if (!filterOption) {\r\n        return;\r\n      }\r\n      const defaultInformation: SdFilterInformation = {\r\n        filter: {},\r\n        visible: {},\r\n        quickFilters: filterOption?.quickFilter?.defaults || [],\r\n        selectedQuickFilter: filterOption?.quickFilter?.selectedDefault\r\n      };\r\n      if (!filterOption.key) {\r\n        this.setting = this.settingService.create<SdFilterInformation>(uuid.v4(), {\r\n          type: 'session',\r\n          default: defaultInformation\r\n        });\r\n      } else {\r\n        this.setting = this.settingService.create<SdFilterInformation>({\r\n          prefix: this.#prefix,\r\n          key: filterOption.key\r\n        }, {\r\n          default: defaultInformation\r\n        });\r\n      }\r\n      this.information = this.setting.get();\r\n      console.log(this.information);\r\n      this.#subscription.add(this.setting.observer.subscribe(filterInformation => {\r\n        this.information = filterInformation;\r\n        this.#format(filterOption?.filters, this.information);\r\n      }));\r\n    }));\r\n  }\r\n\r\n  onFilter = (filter?: Filter) => {\r\n    this.filterChanges.next({\r\n      filter: { ...this.information.filter },\r\n      filterDef: { ...this.information.filterDef },\r\n    });\r\n    this.setting.set(this.information);\r\n  }\r\n\r\n  onClear = () => {\r\n    this.information.filter = {};\r\n    this.information.filterDef = {};\r\n    this.onFilter();\r\n  }\r\n\r\n  #format = (filters: Filter[], information: SdFilterInformation) => {\r\n    for (const filter of filters) {\r\n      if (filter.type === 'daterange') {\r\n        information.filter[filter.field] = {\r\n          from: information.filter[filter.field]?.from ?? undefined,\r\n          to: information.filter[filter.field]?.to ?? undefined\r\n        };\r\n      } else {\r\n        information.filter[filter.field] = information.filter[filter.field] ?? undefined;\r\n      }\r\n    }\r\n  }\r\n\r\n  #firstLoad = (filters: Filter[], information: SdFilterInformation) => {\r\n    if (information.selectedQuickFilter && information.quickFilters.some(e => e.code === information.selectedQuickFilter)) {\r\n      const selected = information.quickFilters.find(e => e.code === information.selectedQuickFilter);\r\n      information.filter = { ...selected.filter };\r\n      information.filterDef = { ...selected.filterDef };\r\n      this.#format(filters, information);\r\n    } else {\r\n      for (const filter of filters) {\r\n        if (filter.type === 'daterange') {\r\n          information.filter[filter.field] = {\r\n            from: information.filter[filter.field]?.from ?? filter.default?.from ?? undefined,\r\n            to: information.filter[filter.field]?.to ?? filter.default?.to ?? undefined\r\n          };\r\n        } else {\r\n          information.filter[filter.field] = information.filter[filter.field] ?? filter.default ?? undefined;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  ngOnDestroy() {\r\n    this.#subscription.unsubscribe();\r\n  }\r\n\r\n  setFilter = (args: {\r\n    filter: any,\r\n    filterDef: any\r\n  }) => {\r\n    const { filter, filterDef } = args;\r\n    this.information = {\r\n      ...this.information,\r\n      filter: { ...filter },\r\n      filterDef: { ...filterDef }\r\n    };\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { ValuesLocalFilter } from '../filter.model';\r\n\r\n@Pipe({\r\n  name: 'sdValuesLocal'\r\n})\r\nexport class SdValuesLocalPipe implements PipeTransform {\r\n  transform = async (filterValues: ValuesLocalFilter): Promise<any[]> => {\r\n    if(typeof(filterValues?.option?.items) === 'function') {\r\n      return await filterValues?.option?.items();\r\n    }\r\n    return filterValues?.option?.items || [];\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { ValuesLocalFilter, ValuesServerFilter } from '../filter.model';\r\n\r\n@Pipe({\r\n  name: 'sdValuesServer'\r\n})\r\nexport class SdValuesServerPipe implements PipeTransform {\r\n  transform = (filterValues: ValuesServerFilter): any[] | ((searchText: string | string[], isFormValue?: boolean) => Promise<any[]>) => {\r\n    if(typeof(filterValues?.option?.items) === 'function') {\r\n      return filterValues?.option?.items;\r\n    }\r\n    return filterValues?.option?.items || [];\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\nimport { SdFilterDefDirective } from './directives/sd-filter-def.directive';\r\nimport { SdFilter } from './filter.component';\r\nimport { SdFormModule } from '@sd-angular/core/form';\r\nimport { SdValuesLocalPipe } from './pipes/values-local.pipe';\r\nimport { SdValuesServerPipe } from './pipes/values-server.pipe';\r\nimport { SdFilterService } from './filter.service';\r\nimport { MatButtonModule } from '@angular/material/button';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    MatButtonModule,\r\n    SdTranslateModule,\r\n    SdCommonModule,\r\n    SdFormModule\r\n  ],\r\n  declarations: [\r\n    SdFilter,\r\n    SdFilterDefDirective,\r\n    SdValuesLocalPipe,\r\n    SdValuesServerPipe\r\n  ],\r\n  providers: [\r\n    SdFilterService\r\n  ],\r\n  exports: [\r\n    SdCommonModule,\r\n    SdFilterDefDirective,\r\n    SdFilter\r\n  ]\r\n})\r\nexport class SdFilterModule { }\r\n","/*\r\n * Public API Surface of superdev-angular-core\r\n */\r\n\r\nexport * from './lib/filter.module';\r\nexport * from './lib/directives/sd-filter-def.directive';\r\nexport * from './lib/filter.model';\r\nexport * from './lib/filter.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdFilterService as ɵa} from './src/lib/filter.service';\nexport {SdValuesLocalPipe as ɵb} from './src/lib/pipes/values-local.pipe';\nexport {SdValuesServerPipe as ɵc} from './src/lib/pipes/values-server.pipe';"],"names":["_prefix","uuid.v4"],"mappings":"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"}

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();
+                    }
                 }
             };
         }
@@ -2662,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;
             }
@@ -2683,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];
         };
@@ -3113,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 = () => [];