@sd-angular/core 1.3.117 → 1.3.119

package/grid-material/src/lib/components/column-inline-filter/column-inline-filter.component.d.ts

@@ -1,12 +1,19 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { SdGridMaterialColumn } from '../../models/grid-column.model';
+import { SdFilterOperator, SdGridMaterialColumn } from '../../models/grid-column.model';
 export declare class SdColumnInlineFilter implements OnInit {
     #private;
     value: any;
     _value(value: any): void;
+    columnOperator: Record<string, SdFilterOperator>;
+    set _columnOperator(columnOperator: Record<string, SdFilterOperator>);
     columnFilter: Record<string, any>;
     set _columnFilter(columnFilter: Record<string, any>);
+    operators: {
+        value: SdFilterOperator;
+        display: string;
+    }[];
     column: SdGridMaterialColumn;
+    set _column(column: SdGridMaterialColumn);
     filterChange: EventEmitter<any>;
     constructor();
     ngOnInit(): void;

package/grid-material/src/lib/grid-material.component.d.ts

@@ -7,6 +7,7 @@ import { ISdGridMaterialConfiguration } from './models/grid-configuration.model'
 import { Observable } from 'rxjs';
 import { SdNotifyService } from '@sd-angular/core/notify';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { SdFilterOperator } from './models/grid-column.model';
 import { SdMaterialCellDefDirective } from './directives/sd-material-cell-def.directive';
 import { SdGridFilter } from './components/grid-filter/grid-filter.component';
 import { SdMaterialFilterDefDirective } from './directives/sd-material-filter-def.directive';
@@ -63,6 +64,7 @@ export declare class SdGridMaterial<T = any> implements OnInit, AfterViewInit, O
     hasFooter: boolean;
     sdFilterDefs: QueryList<SdMaterialFilterDefDirective>;
     filterDefs: SdMaterialFilterDefDirective[];
+    columnOperator: Record<string, SdFilterOperator>;
     columnFilter: Record<string, any>;
     isExporting: boolean;
     isSelectAll: boolean;

package/grid-material/src/lib/models/grid-column.model.d.ts

@@ -1,5 +1,10 @@
 import { SdBadgeColor } from '@sd-angular/core/badge';
 export declare type SdGridMaterialColumn<T = any> = SdGridMaterialColumnText<T> | SdGridMaterialColumnNumber<T> | SdGridMaterialBool<T> | SdGridMaterialColumnDate<T> | SdGridMaterialColumnValues<T> | SdGridMaterialColumnImage<T> | SdGridMaterialColumnChildren<T> | SdGridMaterialColumnChildrenCol<T>;
+export declare type SdFilterOperator = 'EQUAL' | 'NOT_EQUAL' | 'CONTAIN' | 'START_WITH' | 'END_WITH' | 'GREATER_THAN' | 'LESS_THAN' | 'GREATER_OR_EQUAL' | 'LESS_OR_EQUAL';
+export declare const SdFilterOperators: {
+    value: SdFilterOperator;
+    display: string;
+}[];
 export declare type TransformFunc<T = any> = (value: any, rowData: T, args?: {
     isExport?: boolean;
 }) => string | Promise<string>;
@@ -22,6 +27,10 @@ interface SdGridMaterialBaseColumn<T = any> {
         disabled?: boolean;
         defaultShowing?: boolean;
         default?: any;
+        operator?: {
+            enable?: boolean;
+            list?: SdFilterOperator[];
+        };
     };
     export?: {
         disabled?: boolean;
@@ -121,10 +130,10 @@ interface SdGridMaterialColumnImage<T = any> extends SdGridMaterialBaseColumn<T>
     };
 }
 declare type SdGridMaterialNormalColumn<T> = Exclude<Exclude<SdGridMaterialColumn<T>, SdGridMaterialColumnChildren<T>>, SdGridMaterialColumnChildrenCol<T>>;
-export declare type SdGridMaterialChildColumn<T = any> = (SdGridMaterialNormalColumn<T> & {
+export declare type SdGridMaterialChildColumn<T = any> = SdGridMaterialNormalColumn<T> & {
     dynamicTitle?: (rowData: T) => string | Promise<string>;
     colSpan: 1 | 2;
-});
+};
 export interface SdGridMaterialColumnChildren<T = any> extends SdGridMaterialBaseColumn<T> {
     type: 'children';
     children: SdGridMaterialChildColumn<T>[];

package/grid-material/src/lib/services/grid-filter/grid-filter.model.d.ts

@@ -1,4 +1,5 @@
 import { Observable } from 'rxjs';
+import { SdFilterOperator } from '../../models/grid-column.model';
 export declare class SdGridMaterialQuickFilter {
     code: string;
     columnFilter: {
@@ -17,21 +18,17 @@ export interface SdGridMaterialFilterConfiguration {
     inlineFilterDef: Record<string, boolean>;
 }
 export interface SdGridMaterialFilterValue {
+    columnOperator?: Record<string, SdFilterOperator>;
     columnFilter?: Record<string, any>;
     externalFilter?: Record<string, any>;
     filterDef?: Record<string, any>;
     notReload?: boolean;
 }
 export interface SdGridMaterialFilterRequest {
-    rawColumnFilter: {
-        [key: string]: any;
-    };
-    rawExternalFilter: {
-        [key: string]: any;
-    };
-    rawFilterDef: {
-        [key: string]: any;
-    };
+    columnOperator: Record<string, SdFilterOperator>;
+    rawColumnFilter: Record<string, any>;
+    rawExternalFilter: Record<string, any>;
+    rawFilterDef: Record<string, any>;
     pageNumber: number;
     pageSize: number;
     orderBy: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sd-angular/core",
-  "version": "1.3.117",
+  "version": "1.3.119",
   "homepage": "https://www.facebook.com/DarkP3ter",
   "author": {
     "name": "darkpeter",

package/side-drawer/sd-angular-core-side-drawer.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"SdSideDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"sd-side-drawer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"template":"<ng-template cdkPortal>\r\n  <div [id]=\"id\" class=\"side-drawer\" [ngStyle]=\"{'width': width}\" [ngClass]=\"{'side-drawer--active': isOpened,'side-drawer--loading': isLoading}\"\r\n    (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n    <ng-container *ngIf=\"isOpened\">\r\n      <div class=\"side-drawer__header media align-items-center\">\r\n        <div class=\"side-drawer__title media-body\">\r\n          <ng-content select=\"[sdTitle]\"></ng-content>\r\n        </div>\r\n        <button type=\"button\" class=\"c-action\" (click)=\"toggleEditable()\" *ngIf=\"editable\" mat-icon-button>\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button type=\"button\" class=\"c-action\" (click)=\"close()\" mat-icon-button>\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div *ngIf=\"isOpened\" class=\"side-drawer__body\">\r\n        <div class=\"side-drawer__content\">\r\n          <ng-content select=\"[sdBody]\"></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"side-drawer__footer\">\r\n        <ng-content select=\"[sdFooter]\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <button *ngIf=\"isOpened\" type=\"button\" class=\"side-drawer-backdrop\" (click)=\"close()\"\r\n    [ngClass]=\"{ 'side-drawer-backdrop--active': isHover }\"></button>\r\n</ng-template>","styles":[".text-black400{color:#757575}.side-drawer{background-color:#fff;bottom:0;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translate3d(100%,0,0);transition:all .3s ease-in-out;visibility:hidden;z-index:999}.c-action{color:#212121}.c-action:focus{outline:none}.side-drawer__icon{background:transparent;border:0;color:#212121;outline:none;overflow:hidden}.side-drawer__icon .mat-icon{float:left}.side-drawer__header{min-height:64px;padding:12px 16px}.side-drawer__body{flex:1;position:relative}.side-drawer__content{bottom:0;left:0;overflow:auto;padding:0 16px 16px;position:absolute;right:0;top:0}.side-drawer__footer{border-top:1px solid #dde0e5;padding:8px 0}.side-drawer-backdrop{background:none;border:0;bottom:0;height:100%;left:0;outline:none!important;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.side-drawer-backdrop--active{background-color:rgba(0,0,0,.4)}.side-drawer--active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}.side-drawer__title{font-size:20px;font-weight:500;line-height:28px}"]}]}],"members":{"portal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortal","line":27,"character":13}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"editingChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":40,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":41,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":42,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":43,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":44,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleEditable":[{"__symbolic":"method"}]}},"SdSideDrawerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdSideDrawer"}],"exports":[{"__symbolic":"reference","name":"SdSideDrawer"}],"providers":[]}]}],"members":{}}},"origins":{"SdSideDrawer":"./src/lib/side-drawer/side-drawer.component","SdSideDrawerModule":"./src/lib/side-drawer.module"},"importAs":"@sd-angular/core/side-drawer"}
+{"__symbolic":"module","version":4,"metadata":{"SdSideDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"sd-side-drawer","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"template":"<ng-template cdkPortal>\r\n  <div [id]=\"id\" class=\"side-drawer\" [ngStyle]=\"{'width': width}\" [ngClass]=\"{'side-drawer--active': isOpened,'side-drawer--loading': isLoading}\"\r\n    (mouseover)=\"isHover = true\" (mouseout)=\"isHover = false\">\r\n    <ng-container *ngIf=\"isOpened\">\r\n      <div class=\"side-drawer__header media align-items-center\">\r\n        <div class=\"side-drawer__title media-body\">\r\n          <ng-content select=\"[sdTitle]\"></ng-content>\r\n        </div>\r\n        <button type=\"button\" class=\"c-action\" (click)=\"toggleEditable()\" *ngIf=\"editable\" mat-icon-button>\r\n          <mat-icon>edit</mat-icon>\r\n        </button>\r\n        <button *ngIf=\"!noCloseButton\" type=\"button\" class=\"c-action\" (click)=\"close()\" mat-icon-button>\r\n          <mat-icon>close</mat-icon>\r\n        </button>\r\n      </div>\r\n      <div *ngIf=\"isOpened\" class=\"side-drawer__body\">\r\n        <div class=\"side-drawer__content\">\r\n          <ng-content select=\"[sdBody]\"></ng-content>\r\n        </div>\r\n      </div>\r\n      <div class=\"side-drawer__footer\">\r\n        <ng-content select=\"[sdFooter]\"></ng-content>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <button *ngIf=\"isOpened\" type=\"button\" class=\"side-drawer-backdrop\" (click)=\"noCloseClickOutSide? null: close()\"\r\n    [ngClass]=\"{ 'side-drawer-backdrop--active': isHover }\"></button>\r\n</ng-template>\r\n","styles":[".text-black400{color:#757575}.side-drawer{background-color:#fff;bottom:0;box-shadow:0 .4px .8px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translate3d(100%,0,0);transition:all .3s ease-in-out;visibility:hidden;z-index:999}.c-action{color:#212121}.c-action:focus{outline:none}.side-drawer__icon{background:transparent;border:0;color:#212121;outline:none;overflow:hidden}.side-drawer__icon .mat-icon{float:left}.side-drawer__header{min-height:64px;padding:12px 16px}.side-drawer__body{flex:1;position:relative}.side-drawer__content{bottom:0;left:0;overflow:auto;padding:0 16px 16px;position:absolute;right:0;top:0}.side-drawer__footer{border-top:1px solid #dde0e5;padding:8px 0}.side-drawer-backdrop{background:none;border:0;bottom:0;height:100%;left:0;outline:none!important;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:100%;z-index:99}.side-drawer-backdrop--active{background-color:rgba(0,0,0,.4)}.side-drawer--active{opacity:1;pointer-events:all;transform:translateZ(0);visibility:visible}.side-drawer__title{font-size:20px;font-weight:500;line-height:28px}"]}]}],"members":{"portal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/cdk/portal","name":"CdkPortal","line":27,"character":13}]}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"_noCloseButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3},"arguments":["noCloseButton"]}]}],"_noCloseClickOutSide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["noCloseClickOutSide"]}]}],"editingChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":50,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":51,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":52,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":53,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":54,"character":28}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleEditable":[{"__symbolic":"method"}]}},"SdSideDrawerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":10,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":15,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":17,"character":4}],"declarations":[{"__symbolic":"reference","name":"SdSideDrawer"}],"exports":[{"__symbolic":"reference","name":"SdSideDrawer"}],"providers":[]}]}],"members":{}}},"origins":{"SdSideDrawer":"./src/lib/side-drawer/side-drawer.component","SdSideDrawerModule":"./src/lib/side-drawer.module"},"importAs":"@sd-angular/core/side-drawer"}

package/side-drawer/src/lib/side-drawer/side-drawer.component.d.ts

@@ -13,6 +13,10 @@ export declare class SdSideDrawer implements AfterViewInit, OnDestroy {
     title: string;
     editable: boolean;
     width: string;
+    noCloseButton: boolean;
+    set _noCloseButton(val: boolean | '');
+    noCloseClickOutSide: boolean;
+    set _noCloseClickOutSide(val: boolean | '');
     editingChanged: EventEmitter<boolean>;
     isEditing: boolean;
     isOpened: boolean;