@sd-angular/core 0.0.963 → 0.0.964
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/sd-angular-core-grid-material.umd.js +230 -87
- package/bundles/sd-angular-core-grid-material.umd.js.map +1 -1
- package/bundles/sd-angular-core-grid-material.umd.min.js +2 -2
- package/bundles/sd-angular-core-grid-material.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-side-drawer.umd.js +5 -1
- package/bundles/sd-angular-core-side-drawer.umd.js.map +1 -1
- package/bundles/sd-angular-core-side-drawer.umd.min.js +1 -1
- package/bundles/sd-angular-core-side-drawer.umd.min.js.map +1 -1
- package/esm2015/grid-material/sd-angular-core-grid-material.js +8 -7
- package/esm2015/grid-material/src/lib/grid-material.component.js +2 -2
- package/esm2015/grid-material/src/lib/grid-material.module.js +3 -1
- package/esm2015/grid-material/src/lib/models/grid-action.model.js +1 -1
- package/esm2015/grid-material/src/lib/models/grid-selection.model.js +1 -1
- package/esm2015/grid-material/src/lib/models/grid.model.js +1 -1
- package/esm2015/grid-material/src/lib/pipes/selection-action-filter.pipe.js +16 -44
- package/esm2015/grid-material/src/lib/pipes/selection-disable-select-all.pipe.js +16 -7
- package/esm2015/grid-material/src/lib/pipes/selection-disable.pipe.js +35 -15
- package/esm2015/grid-material/src/lib/pipes/selection-visible.pipe.js +54 -0
- package/esm2015/side-drawer/src/lib/side-drawer/side-drawer.component.js +7 -3
- package/fesm2015/sd-angular-core-grid-material.js +116 -65
- package/fesm2015/sd-angular-core-grid-material.js.map +1 -1
- package/fesm2015/sd-angular-core-side-drawer.js +6 -2
- package/fesm2015/sd-angular-core-side-drawer.js.map +1 -1
- package/grid-material/sd-angular-core-grid-material.d.ts +7 -6
- package/grid-material/sd-angular-core-grid-material.metadata.json +1 -1
- package/grid-material/src/lib/models/grid-action.model.d.ts +1 -6
- package/grid-material/src/lib/models/grid-selection.model.d.ts +0 -2
- package/grid-material/src/lib/models/grid.model.d.ts +1 -0
- package/grid-material/src/lib/pipes/selection-action-filter.pipe.d.ts +2 -1
- package/grid-material/src/lib/pipes/selection-disable-select-all.pipe.d.ts +2 -1
- package/grid-material/src/lib/pipes/selection-disable.pipe.d.ts +2 -1
- package/grid-material/src/lib/pipes/selection-visible.pipe.d.ts +6 -0
- package/package.json +1 -1
- package/{sd-angular-core-0.0.963.tgz → sd-angular-core-0.0.964.tgz} +0 -0
- package/side-drawer/sd-angular-core-side-drawer.metadata.json +1 -1
- package/side-drawer/src/lib/side-drawer/side-drawer.component.d.ts +3 -2
|
@@ -6,8 +6,7 @@ export interface SdGridMaterialActionNormal<T = any> {
|
|
|
6
6
|
title?: string;
|
|
7
7
|
color?: 'primary' | 'accent' | 'warn' | 'info' | 'success' | 'warning' | 'danger' | 'secondary';
|
|
8
8
|
type?: 'fill' | 'light' | 'outline' | 'link';
|
|
9
|
-
|
|
10
|
-
hidden?: boolean | ((selectedItems?: T[]) => boolean);
|
|
9
|
+
hidden?: boolean | ((rowData?: T) => boolean);
|
|
11
10
|
click: (selectedItems?: T[]) => void;
|
|
12
11
|
}
|
|
13
12
|
interface SdGridMaterialActionChildren<T = any> {
|
|
@@ -17,8 +16,6 @@ interface SdGridMaterialActionChildren<T = any> {
|
|
|
17
16
|
title?: string;
|
|
18
17
|
color?: 'primary' | 'accent' | 'warn' | 'info' | 'success' | 'warning' | 'danger' | 'secondary';
|
|
19
18
|
type?: 'fill' | 'light' | 'outline' | 'link';
|
|
20
|
-
disabled?: boolean | ((selectedItems?: T[]) => boolean);
|
|
21
|
-
hidden?: boolean | ((selectedItems?: T[]) => boolean);
|
|
22
19
|
children: SdGridMaterialActionNormal<T>[];
|
|
23
20
|
}
|
|
24
21
|
export declare type SdGridMaterialActionSimple<T = any> = SdGridMaterialActionSimpleNormal<T> | SdGridMaterialActionSimpleChildren<T>;
|
|
@@ -29,7 +26,6 @@ interface SdGridMaterialActionSimpleNormal<T = any> {
|
|
|
29
26
|
title?: string;
|
|
30
27
|
color?: 'primary' | 'accent' | 'warn' | 'info' | 'success' | 'warning' | 'danger' | 'secondary';
|
|
31
28
|
type?: 'fill' | 'light' | 'outline' | 'link';
|
|
32
|
-
disabled?: boolean;
|
|
33
29
|
click: (selectedItems?: T[]) => void;
|
|
34
30
|
}
|
|
35
31
|
interface SdGridMaterialActionSimpleChildren<T = any> {
|
|
@@ -39,7 +35,6 @@ interface SdGridMaterialActionSimpleChildren<T = any> {
|
|
|
39
35
|
title?: string;
|
|
40
36
|
color?: 'primary' | 'accent' | 'warn' | 'info' | 'success' | 'warning' | 'danger' | 'secondary';
|
|
41
37
|
type?: 'fill' | 'light' | 'outline' | 'link';
|
|
42
|
-
disabled?: boolean;
|
|
43
38
|
children: SdGridMaterialActionSimpleNormal<T>[];
|
|
44
39
|
}
|
|
45
40
|
export {};
|
|
@@ -5,8 +5,6 @@ export interface SdGridMaterialSelection<T = any> {
|
|
|
5
5
|
single?: boolean;
|
|
6
6
|
onSelect?: (rowData?: (T & SdGridMaterialItem), selectedItems?: (T & SdGridMaterialItem)[]) => void;
|
|
7
7
|
onSelectAll?: (selectedItems: (T & SdGridMaterialItem)[]) => void;
|
|
8
|
-
disabled?: (rowData?: (T & SdGridMaterialItem), selectedItems?: (T & SdGridMaterialItem)[]) => boolean;
|
|
9
|
-
disabledSelectAll?: (items: (T & SdGridMaterialItem)[]) => boolean;
|
|
10
8
|
actions?: SdGridMaterialAction<T>[];
|
|
11
9
|
message?: string;
|
|
12
10
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { PipeTransform } from '@angular/core';
|
|
2
2
|
import { SdGridMaterialAction, SdGridMaterialActionSimple } from '../models/grid-action.model';
|
|
3
|
+
import { SdItem } from '../models/grid.model';
|
|
3
4
|
export declare class SdSelectionActionFilterPipe implements PipeTransform {
|
|
4
5
|
#private;
|
|
5
|
-
transform: (selectedItems:
|
|
6
|
+
transform: (selectedItems: SdItem[], actions: SdGridMaterialAction[]) => SdGridMaterialActionSimple[];
|
|
6
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PipeTransform } from '@angular/core';
|
|
2
2
|
import { SdGridMaterialSelection } from '../models/grid-selection.model';
|
|
3
|
+
import { SdItem } from '../models/grid.model';
|
|
3
4
|
export declare class SdSelectionDisableSelectAllPipe implements PipeTransform {
|
|
4
|
-
transform: (items:
|
|
5
|
+
transform: (items: SdItem[], selection: SdGridMaterialSelection) => Promise<boolean>;
|
|
5
6
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { PipeTransform } from '@angular/core';
|
|
2
2
|
import { SdGridMaterialSelection } from '../models/grid-selection.model';
|
|
3
|
+
import { SdItem } from '../models/grid.model';
|
|
3
4
|
export declare class SdSelectionDisablePipe implements PipeTransform {
|
|
4
|
-
transform: (selectedItems:
|
|
5
|
+
transform: (selectedItems: SdItem[], rowData: SdItem, selection: SdGridMaterialSelection) => boolean;
|
|
5
6
|
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { SdGridMaterialSelection } from '../models/grid-selection.model';
|
|
3
|
+
import { SdItem } from '../models/grid.model';
|
|
4
|
+
export declare class SdSelectionVisiblePipe implements PipeTransform {
|
|
5
|
+
transform: (rowData: SdItem, selection: SdGridMaterialSelection) => boolean;
|
|
6
|
+
}
|
package/package.json
CHANGED
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"SdSideDrawer":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":
|
|
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=\"side-drawer__icon\" (click)=\"toggleEditable()\" *ngIf=\"editable\">\r\n <mat-icon>edit</mat-icon>\r\n </button>\r\n <button type=\"button\" class=\"side-drawer__icon\" (click)=\"close()\">\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":[".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}::ng-deep .side-drawer>div{max-height:100%!important;max-width:100%!important}::ng-deep .side-drawer>div .fa-spinner{font-size:48px!important;left:50%!important;margin-left:-24px!important;margin-top:-48px!important;position:absolute!important;top:50%!important}::ng-deep .side-drawer .mat-button-wrapper .mat-progress-spinner,::ng-deep .side-drawer .mat-button-wrapper .mat-spinner{margin-right:4px!important}::ng-deep .side-drawer .mat-info .mat-progress-spinner circle,::ng-deep .side-drawer .mat-info .mat-spinner circle{stroke:#fff!important}::ng-deep .side-drawer .mat-danger .mat-progress-spinner circle,::ng-deep .side-drawer .mat-danger .mat-spinner circle{stroke:#f82c13!important}.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:5px 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":39,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ApplicationRef","line":40,"character":16},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":41,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":17},{"__symbolic":"reference","module":"@sd-angular/core/loading","name":"SdLoadingService","line":43,"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":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":16,"character":4},{"__symbolic":"reference","module":"@sd-angular/core/button","name":"SdButtonModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":18,"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentFactoryResolver, ApplicationRef, Injector, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
|
|
1
|
+
import { ComponentFactoryResolver, ApplicationRef, Injector, AfterViewInit, OnDestroy, EventEmitter, ChangeDetectorRef } from '@angular/core';
|
|
2
2
|
import { CdkPortal } from '@angular/cdk/portal';
|
|
3
3
|
import { SdLoadingService } from '@sd-angular/core/loading';
|
|
4
4
|
export declare class SdSideDrawer implements AfterViewInit, OnDestroy {
|
|
@@ -6,6 +6,7 @@ export declare class SdSideDrawer implements AfterViewInit, OnDestroy {
|
|
|
6
6
|
private cfr;
|
|
7
7
|
private ar;
|
|
8
8
|
private injector;
|
|
9
|
+
private ref;
|
|
9
10
|
private loadingService;
|
|
10
11
|
id: string;
|
|
11
12
|
portal: CdkPortal;
|
|
@@ -17,7 +18,7 @@ export declare class SdSideDrawer implements AfterViewInit, OnDestroy {
|
|
|
17
18
|
isOpened: boolean;
|
|
18
19
|
isHover: boolean;
|
|
19
20
|
isLoading: boolean;
|
|
20
|
-
constructor(cfr: ComponentFactoryResolver, ar: ApplicationRef, injector: Injector, loadingService: SdLoadingService);
|
|
21
|
+
constructor(cfr: ComponentFactoryResolver, ar: ApplicationRef, injector: Injector, ref: ChangeDetectorRef, loadingService: SdLoadingService);
|
|
21
22
|
ngAfterViewInit(): void;
|
|
22
23
|
open: () => void;
|
|
23
24
|
close: () => void;
|