@sd-angular/core 1.3.156 → 1.3.158
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-group.umd.js +12 -5
- package/bundles/sd-angular-core-group.umd.js.map +1 -1
- package/bundles/sd-angular-core-group.umd.min.js +1 -1
- package/bundles/sd-angular-core-group.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-header-title.umd.js +1 -1
- package/bundles/sd-angular-core-header-title.umd.js.map +1 -1
- package/bundles/sd-angular-core-header-title.umd.min.js +1 -1
- package/bundles/sd-angular-core-header-title.umd.min.js.map +1 -1
- package/bundles/sd-angular-core-table.umd.js +7 -7
- package/bundles/sd-angular-core-table.umd.js.map +1 -1
- package/bundles/sd-angular-core-table.umd.min.js +1 -1
- package/bundles/sd-angular-core-table.umd.min.js.map +1 -1
- package/esm2015/group/src/lib/group.component.js +10 -2
- package/esm2015/header-title/src/lib/header-title.component.js +2 -2
- package/esm2015/table/src/lib/components/desktop-command/desktop-command.component.js +2 -2
- package/esm2015/table/src/lib/pipes/command-filter.pipe.js +3 -3
- package/esm2015/table/src/lib/pipes/command-icon.pipe.js +3 -3
- package/esm2015/table/src/lib/pipes/command-title.pipe.js +3 -3
- package/fesm2015/sd-angular-core-group.js +9 -1
- package/fesm2015/sd-angular-core-group.js.map +1 -1
- package/fesm2015/sd-angular-core-header-title.js +1 -1
- package/fesm2015/sd-angular-core-header-title.js.map +1 -1
- package/fesm2015/sd-angular-core-table.js +7 -7
- package/fesm2015/sd-angular-core-table.js.map +1 -1
- package/group/sd-angular-core-group.metadata.json +1 -1
- package/header-title/sd-angular-core-header-title.metadata.json +1 -1
- package/package.json +1 -1
- package/{sd-angular-core-1.3.156.tgz → sd-angular-core-1.3.158.tgz} +0 -0
- package/table/sd-angular-core-table.metadata.json +1 -1
- package/table/src/lib/pipes/command-icon.pipe.d.ts +2 -1
- package/table/src/lib/pipes/command-title.pipe.d.ts +2 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
1
2
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
3
|
export class SdGroupComponent {
|
|
3
4
|
constructor() {
|
|
@@ -32,7 +33,14 @@ export class SdGroupComponent {
|
|
|
32
33
|
SdGroupComponent.decorators = [
|
|
33
34
|
{ type: Component, args: [{
|
|
34
35
|
selector: 'sd-group',
|
|
35
|
-
template: "<div class=\"c-sd-group\">\r\n <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n <div #headerTitle>\r\n <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n </div>\r\n <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"
|
|
36
|
+
template: "<div class=\"c-sd-group\">\r\n <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n <div #headerTitle>\r\n <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n </div>\r\n <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\" [tooltip]=\"tooltip\"\r\n [description]=\"description\" [icon]=\"icon || (isExpanded ? 'keyboard_arrow_down':'chevron_right')\">\r\n <div sdHeaderRight>\r\n <ng-content select=\"[sdGroupHeaderRight]\"></ng-content>\r\n </div>\r\n </sd-header-title>\r\n </div>\r\n <div [@expand]=\"isExpanded ? 'expanded' : 'collapsed'\">\r\n <ng-container *ngIf=\"isExpanded\">\r\n <div [style.height]=\"height\" class=\"c-sd-group-body\">\r\n <ng-content select=\"[sdGroupBody]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n <ng-content select=\"[sdGroupFooter]\"></ng-content>\r\n </div>\r\n</div>",
|
|
37
|
+
animations: [
|
|
38
|
+
trigger('expand', [
|
|
39
|
+
state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),
|
|
40
|
+
state('expanded', style({ height: '*', visibility: 'visible' })),
|
|
41
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
|
|
42
|
+
]),
|
|
43
|
+
],
|
|
36
44
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
37
45
|
styles: [".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]
|
|
38
46
|
},] }
|
|
@@ -47,4 +55,4 @@ SdGroupComponent.propDecorators = {
|
|
|
47
55
|
_isExpanded: [{ type: Input, args: ['isExpanded',] }],
|
|
48
56
|
_expandable: [{ type: Input, args: ['expandable',] }]
|
|
49
57
|
};
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvZ3JvdXAvIiwic291cmNlcyI6WyJzcmMvbGliL2dyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBZWxGLE1BQU0sT0FBTyxnQkFBZ0I7SUFpQjNCO1FBWlMsV0FBTSxHQUFHLE1BQU0sQ0FBQztRQUV6QixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBS2xCLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFhbkIsYUFBUSxHQUFHLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFO2dCQUNwQixPQUFPO2FBQ1I7WUFDRCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNyQyxDQUFDLENBQUE7UUFFRCxTQUFJLEdBQUcsR0FBRyxFQUFFO1lBQ1YsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDekIsQ0FBQyxDQUFBO1FBRUQsVUFBSyxHQUFHLEdBQUcsRUFBRTtZQUNYLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQzFCLENBQUMsQ0FBQTtJQXJCZSxDQUFDO0lBVGpCLElBQXlCLFdBQVcsQ0FBQyxHQUFpQjtRQUNwRCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsR0FBRyxLQUFLLEVBQUUsQ0FBQyxJQUFJLEdBQUcsQ0FBQztJQUN4QyxDQUFDO0lBR0QsSUFBeUIsV0FBVyxDQUFDLEdBQWlCO1FBQ3BELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxHQUFHLEtBQUssRUFBRSxDQUFDLElBQUksR0FBRyxDQUFDO0lBQ3hDLENBQUM7SUFJRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1NBQ3hCO0lBQ0gsQ0FBQzs7O1lBcENGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsVUFBVTtnQkFDcEIsODVCQUFxQztnQkFFckMsVUFBVSxFQUFFO29CQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7d0JBQ2hCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO3dCQUNoRixLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7d0JBQ2hFLFVBQVUsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLENBQUMsc0NBQXNDLENBQUMsQ0FBQztxQkFDdEYsQ0FBQztpQkFDSDtnQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7Ozs7b0JBRUUsS0FBSzswQkFDTCxLQUFLO21CQUNMLEtBQUs7c0JBQ0wsS0FBSztxQkFDTCxLQUFLOzBCQUdMLEtBQUssU0FBQyxZQUFZOzBCQUtsQixLQUFLLFNBQUMsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NkLWdyb3VwJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2dyb3VwLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcignZXhwYW5kJywgW1xyXG4gICAgICBzdGF0ZSgnY29sbGFwc2VkJywgc3R5bGUoeyBoZWlnaHQ6ICcwJywgbWluSGVpZ2h0OiAnMCcsIHZpc2liaWxpdHk6ICdoaWRkZW4nIH0pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJywgdmlzaWJpbGl0eTogJ3Zpc2libGUnIH0pKSxcclxuICAgICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsIGFuaW1hdGUoJzIyNW1zIGN1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKScpKSxcclxuICAgIF0pLFxyXG4gIF0sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkR3JvdXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdG9vbHRpcDogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGhlaWdodCA9ICdhdXRvJztcclxuXHJcbiAgaXNFeHBhbmRlZCA9IHRydWU7XHJcbiAgQElucHV0KCdpc0V4cGFuZGVkJykgc2V0IF9pc0V4cGFuZGVkKHZhbDogYm9vbGVhbiB8ICcnKSB7XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSAodmFsID09PSAnJykgfHwgdmFsO1xyXG4gIH1cclxuXHJcbiAgZXhwYW5kYWJsZSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnZXhwYW5kYWJsZScpIHNldCBfZXhwYW5kYWJsZSh2YWw6IGJvb2xlYW4gfCAnJykge1xyXG4gICAgdGhpcy5leHBhbmRhYmxlID0gKHZhbCA9PT0gJycpIHx8IHZhbDtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZXhwYW5kYWJsZSkge1xyXG4gICAgICB0aGlzLmlzRXhwYW5kZWQgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25FeHBhbmQgPSAoKSA9PiB7XHJcbiAgICBpZiAoIXRoaXMuZXhwYW5kYWJsZSkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSAhdGhpcy5pc0V4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgb3BlbiA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBjbG9zZSA9ICgpID0+IHtcclxuICAgIHRoaXMuaXNFeHBhbmRlZCA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -7,7 +7,7 @@ export class SdHeaderTitleComponent {
|
|
|
7
7
|
SdHeaderTitleComponent.decorators = [
|
|
8
8
|
{ type: Component, args: [{
|
|
9
9
|
selector: 'sd-header-title',
|
|
10
|
-
template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex\">\r\n <span class=\"T16M\">{{title}}</span>\r\n <ng-container *ngIf=\"tooltip\">\r\n <mat-icon\r\n [matTooltip]=\"tooltip\"\r\n class=\"material-icons-outlined c-header-icon-tooltip\"> info </mat-icon>\r\n </ng-container>\r\n </div>\r\n <span *ngIf=\"description\" class=\"c-header-description\">{{description}}</span>\r\n </div>\r\n <div class=\"flex-shrink-1\">\r\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
10
|
+
template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex align-items-center\">\r\n <span class=\"T16M\">{{title}}</span>\r\n <ng-container *ngIf=\"tooltip\">\r\n <mat-icon\r\n [matTooltip]=\"tooltip\"\r\n class=\"material-icons-outlined c-header-icon-tooltip\"> info </mat-icon>\r\n </ng-container>\r\n </div>\r\n <span *ngIf=\"description\" class=\"c-header-description\">{{description}}</span>\r\n </div>\r\n <div class=\"flex-shrink-1\">\r\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
11
11
|
styles: [".c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}.c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}.c-header-description{font-size:14px;line-height:20px}"]
|
|
12
12
|
},] }
|
|
13
13
|
];
|
|
@@ -18,4 +18,4 @@ SdHeaderTitleComponent.propDecorators = {
|
|
|
18
18
|
description: [{ type: Input }],
|
|
19
19
|
tooltip: [{ type: Input }]
|
|
20
20
|
};
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL2hlYWRlci10aXRsZS8iLCJzb3VyY2VzIjpbInNyYy9saWIvaGVhZGVyLXRpdGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU96RCxNQUFNLE9BQU8sc0JBQXNCO0lBT2pDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFmRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IsZ3lCQUE0Qzs7YUFFN0M7Ozs7b0JBR0UsS0FBSzttQkFDTCxLQUFLOzBCQUNMLEtBQUs7c0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZC1oZWFkZXItdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci10aXRsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZEhlYWRlclRpdGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuICBASW5wdXQoKSB0b29sdGlwOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -7,7 +7,7 @@ export class SdDesktopCommand {
|
|
|
7
7
|
SdDesktopCommand.decorators = [
|
|
8
8
|
{ type: Component, args: [{
|
|
9
9
|
selector: 'sd-desktop-command',
|
|
10
|
-
template: "<ng-container *ngIf=\"item | commandFilter:commands | async; $implicit as filteredCommands\">\r\n <ng-container *ngFor=\"let command of filteredCommands\">\r\n <ng-container *ngIf=\"command?.click; else elseChildren\">\r\n <button (click)=\"command.click(item)\" [matTooltip]=\"command | commandTitle:item\" aria-hidden=\"true\"\r\n [disabled]=\"item | commandDisable:command\" mat-icon-button>\r\n <mat-icon class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n <ng-template #elseChildren>\r\n <button [matMenuTriggerFor]=\"menu\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon *ngIf=\"command?.icon\" class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}\r\n </mat-icon>\r\n <mat-icon *ngIf=\"!command?.icon\" class=\"c-icon\">more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <span>\r\n <button *ngFor=\"let childCommand of command.children\" mat-menu-item (click)=\"childCommand.click(item)\"\r\n [disabled]=\"item | commandDisable:childCommand\">\r\n <ng-container *ngIf=\"!childCommand.htmlTemplate\">\r\n <mat-icon [fontSet]=\"command.fontSet\" class=\"c-icon\">{{childCommand | commandIcon:item}}\r\n </mat-icon>\r\n <span> {{childCommand | commandTitle:item}}</span>\r\n </ng-container>\r\n <ng-container *ngIf=\"childCommand.htmlTemplate\">\r\n <div [innerHTML]=\"childCommand.htmlTemplate(item)\"></div>\r\n </ng-container>\r\n </button>\r\n </span>\r\n </mat-menu>\r\n </ng-template>\r\n </ng-container>\r\n</ng-container>\r\n",
|
|
10
|
+
template: "<ng-container *ngIf=\"item | commandFilter:commands | async; $implicit as filteredCommands\">\r\n <ng-container *ngFor=\"let command of filteredCommands\">\r\n <ng-container *ngIf=\"command?.click; else elseChildren\">\r\n <button (click)=\"command.click(item.data)\" [matTooltip]=\"command | commandTitle:item\" aria-hidden=\"true\"\r\n [disabled]=\"item | commandDisable:command\" mat-icon-button>\r\n <mat-icon class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n <ng-template #elseChildren>\r\n <button [matMenuTriggerFor]=\"menu\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon *ngIf=\"command?.icon\" class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}\r\n </mat-icon>\r\n <mat-icon *ngIf=\"!command?.icon\" class=\"c-icon\">more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <span>\r\n <button *ngFor=\"let childCommand of command.children\" mat-menu-item (click)=\"childCommand.click(item.data)\"\r\n [disabled]=\"item | commandDisable:childCommand\">\r\n <ng-container *ngIf=\"!childCommand.htmlTemplate\">\r\n <mat-icon [fontSet]=\"command.fontSet\" class=\"c-icon\">{{childCommand | commandIcon:item}}\r\n </mat-icon>\r\n <span> {{childCommand | commandTitle:item}}</span>\r\n </ng-container>\r\n <ng-container *ngIf=\"childCommand.htmlTemplate\">\r\n <div [innerHTML]=\"childCommand.htmlTemplate(item.data)\"></div>\r\n </ng-container>\r\n </button>\r\n </span>\r\n </mat-menu>\r\n </ng-template>\r\n </ng-container>\r\n</ng-container>\r\n",
|
|
11
11
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12
12
|
styles: [":host{align-items:center;display:flex}mat-icon.c-icon{color:rgba(0,0,0,.54)!important}"]
|
|
13
13
|
},] }
|
|
@@ -17,4 +17,4 @@ SdDesktopCommand.propDecorators = {
|
|
|
17
17
|
item: [{ type: Input }],
|
|
18
18
|
commands: [{ type: Input }]
|
|
19
19
|
};
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVza3RvcC1jb21tYW5kLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL3RhYmxlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9jb21wb25lbnRzL2Rlc2t0b3AtY29tbWFuZC9kZXNrdG9wLWNvbW1hbmQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBVTFFLE1BQU0sT0FBTyxnQkFBZ0I7SUFHM0I7UUFEUyxhQUFRLEdBQXFCLEVBQUUsQ0FBQztJQUV6QyxDQUFDOzs7WUFWRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtnQkFDOUIsK3dEQUErQztnQkFFL0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7O21CQUVFLEtBQUs7dUJBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNkVGFibGVDb21tYW5kIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3RhYmxlLWNvbW1hbmQubW9kZWwnO1xyXG5pbXBvcnQgeyBTZFRhYmxlSXRlbSB9IGZyb20gJy4uLy4uL21vZGVscy90YWJsZS1pdGVtLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2QtZGVza3RvcC1jb21tYW5kJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGVza3RvcC1jb21tYW5kLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kZXNrdG9wLWNvbW1hbmQuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2REZXNrdG9wQ29tbWFuZCB7XHJcbiAgQElucHV0KCkgaXRlbTogU2RUYWJsZUl0ZW07XHJcbiAgQElucHV0KCkgY29tbWFuZHM6IFNkVGFibGVDb21tYW5kW10gPSBbXTtcclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -19,7 +19,7 @@ export class SdCommandFilterPipe {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
else {
|
|
22
|
-
const isHidden = hidden(item);
|
|
22
|
+
const isHidden = hidden(item.data);
|
|
23
23
|
if (isHidden instanceof Promise) {
|
|
24
24
|
if (!(yield isHidden)) {
|
|
25
25
|
flag = true;
|
|
@@ -45,7 +45,7 @@ export class SdCommandFilterPipe {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
else {
|
|
48
|
-
const isHidden = hidden(item);
|
|
48
|
+
const isHidden = hidden(item.data);
|
|
49
49
|
if (isHidden instanceof Promise) {
|
|
50
50
|
if (!(yield isHidden)) {
|
|
51
51
|
children.push(childCommand);
|
|
@@ -76,4 +76,4 @@ SdCommandFilterPipe.decorators = [
|
|
|
76
76
|
name: 'commandFilter'
|
|
77
77
|
},] }
|
|
78
78
|
];
|
|
79
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC1maWx0ZXIucGlwZS5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy91c2VyL0RvY3VtZW50cy9saWItY29yZS11aS9wcm9qZWN0cy9zZC1jb3JlL3RhYmxlLyIsInNvdXJjZXMiOlsic3JjL2xpYi9waXBlcy9jb21tYW5kLWZpbHRlci5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQU1wRCxNQUFNLE9BQU8sbUJBQW1CO0lBQ3hCLFNBQVMsQ0FBQyxJQUFpQixFQUFFLFFBQTBCOztZQUMzRCxNQUFNLE9BQU8sR0FBcUIsRUFBRSxDQUFDO1lBQ3JDLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQ2IsT0FBTyxPQUFPLENBQUM7YUFDaEI7WUFDRCxLQUFLLE1BQU0sT0FBTyxJQUFJLFFBQVEsRUFBRTtnQkFDOUIsSUFBSSxJQUFJLEdBQUcsS0FBSyxDQUFDO2dCQUNqQixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDO2dCQUMzQixJQUFJLE1BQU0sS0FBSyxTQUFTLEVBQUU7b0JBQ3hCLElBQUksR0FBRyxJQUFJLENBQUM7aUJBQ2I7cUJBQU0sSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssU0FBUyxFQUFFO29CQUN4QyxJQUFJLENBQUMsTUFBTSxFQUFFO3dCQUNYLElBQUksR0FBRyxJQUFJLENBQUM7cUJBQ2I7aUJBQ0Y7cUJBQU07b0JBQ0wsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztvQkFDbkMsSUFBSSxRQUFRLFlBQVksT0FBTyxFQUFFO3dCQUMvQixJQUFJLENBQUMsQ0FBQSxNQUFNLFFBQVEsQ0FBQSxFQUFFOzRCQUNuQixJQUFJLEdBQUcsSUFBSSxDQUFDO3lCQUNiO3FCQUNGO3lCQUFNO3dCQUNMLElBQUksQ0FBQyxRQUFRLEVBQUU7NEJBQ2IsSUFBSSxHQUFHLElBQUksQ0FBQzt5QkFDYjtxQkFDRjtpQkFDRjtnQkFDRCxJQUFJLElBQUksRUFBRTtvQkFDUixJQUFJLFVBQVUsSUFBSSxPQUFPLEVBQUU7d0JBQ3pCLE1BQU0sUUFBUSxHQUEyQixFQUFFLENBQUM7d0JBQzVDLEtBQUssTUFBTSxZQUFZLElBQUksT0FBTyxDQUFDLFFBQVEsRUFBRTs0QkFDM0MsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLFlBQVksQ0FBQzs0QkFDaEMsSUFBSSxNQUFNLEtBQUssU0FBUyxFQUFFO2dDQUN4QixRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDOzZCQUM3QjtpQ0FBTSxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxTQUFTLEVBQUU7Z0NBQ3hDLElBQUksQ0FBQyxNQUFNLEVBQUU7b0NBQ1gsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztpQ0FDN0I7NkJBQ0Y7aUNBQU07Z0NBQ0wsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQ0FDbkMsSUFBSSxRQUFRLFlBQVksT0FBTyxFQUFFO29DQUMvQixJQUFJLENBQUMsQ0FBQSxNQUFNLFFBQVEsQ0FBQSxFQUFFO3dDQUNuQixRQUFRLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO3FDQUM3QjtpQ0FDRjtxQ0FBTTtvQ0FDTCxJQUFJLENBQUMsUUFBUSxFQUFFO3dDQUNiLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7cUNBQzdCO2lDQUNGOzZCQUNGO3lCQUNGO3dCQUNELElBQUksUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7NEJBQ3ZCLE9BQU8sQ0FBQyxJQUFJLGlDQUFNLE9BQU8sS0FBRSxRQUFRLElBQUcsQ0FBQzt5QkFDeEM7cUJBQ0Y7eUJBQU07d0JBQ0wsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztxQkFDdkI7aUJBQ0Y7YUFDRjtZQUNELE9BQU8sT0FBTyxDQUFDO1FBQ2pCLENBQUM7S0FBQTs7O1lBL0RGLElBQUksU0FBQztnQkFDSixJQUFJLEVBQUUsZUFBZTthQUN0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2RUYWJsZUNvbW1hbmQsIFNkVGFibGVDb21tYW5kTm9ybWFsIH0gZnJvbSAnLi4vbW9kZWxzL3RhYmxlLWNvbW1hbmQubW9kZWwnO1xyXG5pbXBvcnQgeyBTZFRhYmxlSXRlbSB9IGZyb20gJy4uL21vZGVscy90YWJsZS1pdGVtLm1vZGVsJztcclxuQFBpcGUoe1xyXG4gIG5hbWU6ICdjb21tYW5kRmlsdGVyJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RDb21tYW5kRmlsdGVyUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG4gIGFzeW5jIHRyYW5zZm9ybShpdGVtOiBTZFRhYmxlSXRlbSwgY29tbWFuZHM6IFNkVGFibGVDb21tYW5kW10pOiBQcm9taXNlPFNkVGFibGVDb21tYW5kW10+IHtcclxuICAgIGNvbnN0IHJlc3VsdHM6IFNkVGFibGVDb21tYW5kW10gPSBbXTtcclxuICAgIGlmICghY29tbWFuZHMpIHtcclxuICAgICAgcmV0dXJuIHJlc3VsdHM7XHJcbiAgICB9XHJcbiAgICBmb3IgKGNvbnN0IGNvbW1hbmQgb2YgY29tbWFuZHMpIHtcclxuICAgICAgbGV0IGZsYWcgPSBmYWxzZTtcclxuICAgICAgY29uc3QgeyBoaWRkZW4gfSA9IGNvbW1hbmQ7XHJcbiAgICAgIGlmIChoaWRkZW4gPT09IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIGZsYWcgPSB0cnVlO1xyXG4gICAgICB9IGVsc2UgaWYgKHR5cGVvZiAoaGlkZGVuKSA9PT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgaWYgKCFoaWRkZW4pIHtcclxuICAgICAgICAgIGZsYWcgPSB0cnVlO1xyXG4gICAgICAgIH1cclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICBjb25zdCBpc0hpZGRlbiA9IGhpZGRlbihpdGVtLmRhdGEpO1xyXG4gICAgICAgIGlmIChpc0hpZGRlbiBpbnN0YW5jZW9mIFByb21pc2UpIHtcclxuICAgICAgICAgIGlmICghYXdhaXQgaXNIaWRkZW4pIHtcclxuICAgICAgICAgICAgZmxhZyA9IHRydWU7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgIGlmICghaXNIaWRkZW4pIHtcclxuICAgICAgICAgICAgZmxhZyA9IHRydWU7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIGlmIChmbGFnKSB7XHJcbiAgICAgICAgaWYgKCdjaGlsZHJlbicgaW4gY29tbWFuZCkge1xyXG4gICAgICAgICAgY29uc3QgY2hpbGRyZW46IFNkVGFibGVDb21tYW5kTm9ybWFsW10gPSBbXTtcclxuICAgICAgICAgIGZvciAoY29uc3QgY2hpbGRDb21tYW5kIG9mIGNvbW1hbmQuY2hpbGRyZW4pIHtcclxuICAgICAgICAgICAgY29uc3QgeyBoaWRkZW4gfSA9IGNoaWxkQ29tbWFuZDtcclxuICAgICAgICAgICAgaWYgKGhpZGRlbiA9PT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgICAgICAgICAgY2hpbGRyZW4ucHVzaChjaGlsZENvbW1hbmQpO1xyXG4gICAgICAgICAgICB9IGVsc2UgaWYgKHR5cGVvZiAoaGlkZGVuKSA9PT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgaWYgKCFoaWRkZW4pIHtcclxuICAgICAgICAgICAgICAgIGNoaWxkcmVuLnB1c2goY2hpbGRDb21tYW5kKTtcclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgICAgY29uc3QgaXNIaWRkZW4gPSBoaWRkZW4oaXRlbS5kYXRhKTtcclxuICAgICAgICAgICAgICBpZiAoaXNIaWRkZW4gaW5zdGFuY2VvZiBQcm9taXNlKSB7XHJcbiAgICAgICAgICAgICAgICBpZiAoIWF3YWl0IGlzSGlkZGVuKSB7XHJcbiAgICAgICAgICAgICAgICAgIGNoaWxkcmVuLnB1c2goY2hpbGRDb21tYW5kKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgaWYgKCFpc0hpZGRlbikge1xyXG4gICAgICAgICAgICAgICAgICBjaGlsZHJlbi5wdXNoKGNoaWxkQ29tbWFuZCk7XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICBpZiAoY2hpbGRyZW4ubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICByZXN1bHRzLnB1c2goeyAuLi5jb21tYW5kLCBjaGlsZHJlbiB9KTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgcmVzdWx0cy5wdXNoKGNvbW1hbmQpO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIHJlc3VsdHM7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -2,12 +2,12 @@ import { Pipe } from '@angular/core';
|
|
|
2
2
|
export class SdCommandIconPipe {
|
|
3
3
|
transform(command, item) {
|
|
4
4
|
if (!(command === null || command === void 0 ? void 0 : command.icon)) {
|
|
5
|
-
return
|
|
5
|
+
return undefined;
|
|
6
6
|
}
|
|
7
7
|
if (typeof (command.icon) === 'string') {
|
|
8
8
|
return command.icon;
|
|
9
9
|
}
|
|
10
|
-
return command.icon(item);
|
|
10
|
+
return command.icon(item.data);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
SdCommandIconPipe.decorators = [
|
|
@@ -15,4 +15,4 @@ SdCommandIconPipe.decorators = [
|
|
|
15
15
|
name: 'commandIcon'
|
|
16
16
|
},] }
|
|
17
17
|
];
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC1pY29uLnBpcGUuanMiLCJzb3VyY2VSb290IjoiQzovVXNlcnMvdXNlci9Eb2N1bWVudHMvbGliLWNvcmUtdWkvcHJvamVjdHMvc2QtY29yZS90YWJsZS8iLCJzb3VyY2VzIjpbInNyYy9saWIvcGlwZXMvY29tbWFuZC1pY29uLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFNcEQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1QixTQUFTLENBQUMsT0FBdUIsRUFBRSxJQUFpQjtRQUNsRCxJQUFJLEVBQUMsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLElBQUksQ0FBQSxFQUFFO1lBQ2xCLE9BQU8sU0FBUyxDQUFDO1NBQ2xCO1FBQ0QsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLFFBQVEsRUFBRTtZQUN0QyxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUM7U0FDckI7UUFDRCxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7OztZQVpGLElBQUksU0FBQztnQkFDSixJQUFJLEVBQUUsYUFBYTthQUNwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2RUYWJsZUNvbW1hbmQgfSBmcm9tICcuLi9tb2RlbHMvdGFibGUtY29tbWFuZC5tb2RlbCc7XHJcbmltcG9ydCB7IFNkVGFibGVJdGVtIH0gZnJvbSAnLi4vbW9kZWxzL3RhYmxlLWl0ZW0ubW9kZWwnO1xyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ2NvbW1hbmRJY29uJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RDb21tYW5kSWNvblBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuICB0cmFuc2Zvcm0oY29tbWFuZDogU2RUYWJsZUNvbW1hbmQsIGl0ZW06IFNkVGFibGVJdGVtKTogc3RyaW5nIHtcclxuICAgIGlmICghY29tbWFuZD8uaWNvbikge1xyXG4gICAgICByZXR1cm4gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG4gICAgaWYgKHR5cGVvZiAoY29tbWFuZC5pY29uKSA9PT0gJ3N0cmluZycpIHtcclxuICAgICAgcmV0dXJuIGNvbW1hbmQuaWNvbjtcclxuICAgIH1cclxuICAgIHJldHVybiBjb21tYW5kLmljb24oaXRlbS5kYXRhKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -2,12 +2,12 @@ import { Pipe } from '@angular/core';
|
|
|
2
2
|
export class SdCommandTitlePipe {
|
|
3
3
|
transform(command, item) {
|
|
4
4
|
if (!(command === null || command === void 0 ? void 0 : command.title)) {
|
|
5
|
-
return
|
|
5
|
+
return undefined;
|
|
6
6
|
}
|
|
7
7
|
if (typeof (command.title) === 'string') {
|
|
8
8
|
return command.title;
|
|
9
9
|
}
|
|
10
|
-
return command.title(item);
|
|
10
|
+
return command.title(item.data);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
SdCommandTitlePipe.decorators = [
|
|
@@ -15,4 +15,4 @@ SdCommandTitlePipe.decorators = [
|
|
|
15
15
|
name: 'commandTitle'
|
|
16
16
|
},] }
|
|
17
17
|
];
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC10aXRsZS5waXBlLmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL3VzZXIvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvdGFibGUvIiwic291cmNlcyI6WyJzcmMvbGliL3BpcGVzL2NvbW1hbmQtdGl0bGUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQU1wRCxNQUFNLE9BQU8sa0JBQWtCO0lBQzdCLFNBQVMsQ0FBQyxPQUF1QixFQUFFLElBQWlCO1FBQ2xELElBQUksRUFBQyxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsS0FBSyxDQUFBLEVBQUU7WUFDbkIsT0FBTyxTQUFTLENBQUM7U0FDbEI7UUFDRCxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssUUFBUSxFQUFFO1lBQ3ZDLE9BQU8sT0FBTyxDQUFDLEtBQUssQ0FBQztTQUN0QjtRQUNELE9BQU8sT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7O1lBWkYsSUFBSSxTQUFDO2dCQUNKLElBQUksRUFBRSxjQUFjO2FBQ3JCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTZFRhYmxlQ29tbWFuZCB9IGZyb20gJy4uL21vZGVscy90YWJsZS1jb21tYW5kLm1vZGVsJztcclxuaW1wb3J0IHsgU2RUYWJsZUl0ZW0gfSBmcm9tICcuLi9tb2RlbHMvdGFibGUtaXRlbS5tb2RlbCc7XHJcbkBQaXBlKHtcclxuICBuYW1lOiAnY29tbWFuZFRpdGxlJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RDb21tYW5kVGl0bGVQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcbiAgdHJhbnNmb3JtKGNvbW1hbmQ6IFNkVGFibGVDb21tYW5kLCBpdGVtOiBTZFRhYmxlSXRlbSk6IHN0cmluZyB7XHJcbiAgICBpZiAoIWNvbW1hbmQ/LnRpdGxlKSB7XHJcbiAgICAgIHJldHVybiB1bmRlZmluZWQ7XHJcbiAgICB9XHJcbiAgICBpZiAodHlwZW9mIChjb21tYW5kLnRpdGxlKSA9PT0gJ3N0cmluZycpIHtcclxuICAgICAgcmV0dXJuIGNvbW1hbmQudGl0bGU7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gY29tbWFuZC50aXRsZShpdGVtLmRhdGEpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -2,6 +2,7 @@ import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/co
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { MatIconModule } from '@angular/material/icon';
|
|
4
4
|
import { SdHeaderTitleModule } from '@sd-angular/core/header-title';
|
|
5
|
+
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
5
6
|
|
|
6
7
|
class SdGroupComponent {
|
|
7
8
|
constructor() {
|
|
@@ -36,7 +37,14 @@ class SdGroupComponent {
|
|
|
36
37
|
SdGroupComponent.decorators = [
|
|
37
38
|
{ type: Component, args: [{
|
|
38
39
|
selector: 'sd-group',
|
|
39
|
-
template: "<div class=\"c-sd-group\">\r\n <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n <div #headerTitle>\r\n <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n </div>\r\n <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\"
|
|
40
|
+
template: "<div class=\"c-sd-group\">\r\n <div (click)=\"onExpand()\" class=\"c-sd-group-header\">\r\n <div #headerTitle>\r\n <ng-content select=\"[sdGroupTitle]\"></ng-content>\r\n </div>\r\n <sd-header-title *ngIf=\"!headerTitle?.children?.length\" [title]=\"title\" [tooltip]=\"tooltip\"\r\n [description]=\"description\" [icon]=\"icon || (isExpanded ? 'keyboard_arrow_down':'chevron_right')\">\r\n <div sdHeaderRight>\r\n <ng-content select=\"[sdGroupHeaderRight]\"></ng-content>\r\n </div>\r\n </sd-header-title>\r\n </div>\r\n <div [@expand]=\"isExpanded ? 'expanded' : 'collapsed'\">\r\n <ng-container *ngIf=\"isExpanded\">\r\n <div [style.height]=\"height\" class=\"c-sd-group-body\">\r\n <ng-content select=\"[sdGroupBody]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n <ng-content select=\"[sdGroupFooter]\"></ng-content>\r\n </div>\r\n</div>",
|
|
41
|
+
animations: [
|
|
42
|
+
trigger('expand', [
|
|
43
|
+
state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),
|
|
44
|
+
state('expanded', style({ height: '*', visibility: 'visible' })),
|
|
45
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
|
|
46
|
+
]),
|
|
47
|
+
],
|
|
40
48
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
41
49
|
styles: [".c-sd-group{background:#fff;border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}.c-sd-group .c-sd-group-header{align-items:center;background:#fff;cursor:pointer;display:flex;padding:12px}.c-sd-group .c-sd-group-header:hover{background:#f5f5f5}.c-sd-group .c-sd-group-body{display:flex;flex-direction:column;padding:8px 12px}"]
|
|
42
50
|
},] }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-group.js","sources":["../../../../projects/sd-core/group/src/lib/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts","../../../../projects/sd-core/group/sd-angular-core-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-group',\r\n templateUrl: './group.component.html',\r\n styleUrls: ['./group.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() tooltip: string;\r\n @Input() height = 'auto';\r\n\r\n isExpanded = true;\r\n @Input('isExpanded') set _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') set _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n if (this.expandable) {\r\n this.isExpanded = true;\r\n }\r\n }\r\n\r\n onExpand = () => {\r\n if (!this.expandable) {\r\n return;\r\n }\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\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 { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\nimport { SdGroupComponent } from './group.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n SdHeaderTitleModule\r\n ],\r\n declarations: [SdGroupComponent],\r\n exports: [SdGroupComponent]\r\n})\r\nexport class SdGroupModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdGroupComponent as ɵa} from './src/lib/group.component';"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"sd-angular-core-group.js","sources":["../../../../projects/sd-core/group/src/lib/group.component.ts","../../../../projects/sd-core/group/src/lib/group.module.ts","../../../../projects/sd-core/group/sd-angular-core-group.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-group',\r\n templateUrl: './group.component.html',\r\n styleUrls: ['./group.component.scss'],\r\n animations: [\r\n trigger('expand', [\r\n state('collapsed', style({ height: '0', minHeight: '0', visibility: 'hidden' })),\r\n state('expanded', style({ height: '*', visibility: 'visible' })),\r\n transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),\r\n ]),\r\n ],\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdGroupComponent implements OnInit {\r\n @Input() title: string;\r\n @Input() description: string;\r\n @Input() icon: string;\r\n @Input() tooltip: string;\r\n @Input() height = 'auto';\r\n\r\n isExpanded = true;\r\n @Input('isExpanded') set _isExpanded(val: boolean | '') {\r\n this.isExpanded = (val === '') || val;\r\n }\r\n\r\n expandable = false;\r\n @Input('expandable') set _expandable(val: boolean | '') {\r\n this.expandable = (val === '') || val;\r\n }\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n if (this.expandable) {\r\n this.isExpanded = true;\r\n }\r\n }\r\n\r\n onExpand = () => {\r\n if (!this.expandable) {\r\n return;\r\n }\r\n this.isExpanded = !this.isExpanded;\r\n }\r\n\r\n open = () => {\r\n this.isExpanded = true;\r\n }\r\n\r\n close = () => {\r\n this.isExpanded = false;\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 { SdHeaderTitleModule } from '@sd-angular/core/header-title';\r\nimport { SdGroupComponent } from './group.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n SdHeaderTitleModule\r\n ],\r\n declarations: [SdGroupComponent],\r\n exports: [SdGroupComponent]\r\n})\r\nexport class SdGroupModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdGroupComponent as ɵa} from './src/lib/group.component';"],"names":[],"mappings":";;;;;;MAgBa,gBAAgB;IAiB3B;QAZS,WAAM,GAAG,MAAM,CAAC;QAEzB,eAAU,GAAG,IAAI,CAAC;QAKlB,eAAU,GAAG,KAAK,CAAC;QAanB,aAAQ,GAAG;YACT,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;gBACpB,OAAO;aACR;YACD,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;SACpC,CAAA;QAED,SAAI,GAAG;YACL,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB,CAAA;QAED,UAAK,GAAG;YACN,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;SACzB,CAAA;KArBgB;IATjB,IAAyB,WAAW,CAAC,GAAiB;QACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;KACvC;IAGD,IAAyB,WAAW,CAAC,GAAiB;QACpD,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,EAAE,KAAK,GAAG,CAAC;KACvC;IAID,QAAQ;QACN,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SACxB;KACF;;;YApCF,SAAS,SAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,85BAAqC;gBAErC,UAAU,EAAE;oBACV,OAAO,CAAC,QAAQ,EAAE;wBAChB,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;wBAChF,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;wBAChE,UAAU,CAAC,wBAAwB,EAAE,OAAO,CAAC,sCAAsC,CAAC,CAAC;qBACtF,CAAC;iBACH;gBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;aAChD;;;;oBAEE,KAAK;0BACL,KAAK;mBACL,KAAK;sBACL,KAAK;qBACL,KAAK;0BAGL,KAAK,SAAC,YAAY;0BAKlB,KAAK,SAAC,YAAY;;;MCdR,aAAa;;;YATzB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,mBAAmB;iBACpB;gBACD,YAAY,EAAE,CAAC,gBAAgB,CAAC;gBAChC,OAAO,EAAE,CAAC,gBAAgB,CAAC;aAC5B;;;ACdD;;;;;;"}
|
|
@@ -11,7 +11,7 @@ class SdHeaderTitleComponent {
|
|
|
11
11
|
SdHeaderTitleComponent.decorators = [
|
|
12
12
|
{ type: Component, args: [{
|
|
13
13
|
selector: 'sd-header-title',
|
|
14
|
-
template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex\">\r\n <span class=\"T16M\">{{title}}</span>\r\n <ng-container *ngIf=\"tooltip\">\r\n <mat-icon\r\n [matTooltip]=\"tooltip\"\r\n class=\"material-icons-outlined c-header-icon-tooltip\"> info </mat-icon>\r\n </ng-container>\r\n </div>\r\n <span *ngIf=\"description\" class=\"c-header-description\">{{description}}</span>\r\n </div>\r\n <div class=\"flex-shrink-1\">\r\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
14
|
+
template: "<div class=\"d-flex\">\r\n <div *ngIf=\"icon\" class=\"flex-shrink-1 c-header-icon\">\r\n <mat-icon class=\"material-symbols-outlined text-grey\">{{icon}}</mat-icon>\r\n </div>\r\n <div class=\"d-flex flex-column w-100 overflow-hidden\">\r\n <div class=\"d-flex align-items-center\">\r\n <span class=\"T16M\">{{title}}</span>\r\n <ng-container *ngIf=\"tooltip\">\r\n <mat-icon\r\n [matTooltip]=\"tooltip\"\r\n class=\"material-icons-outlined c-header-icon-tooltip\"> info </mat-icon>\r\n </ng-container>\r\n </div>\r\n <span *ngIf=\"description\" class=\"c-header-description\">{{description}}</span>\r\n </div>\r\n <div class=\"flex-shrink-1\">\r\n <ng-content select=\"[sdHeaderRight]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
15
15
|
styles: [".c-header-icon{align-items:center;display:flex;height:28px;margin-right:8px;width:28px}.c-header-icon-tooltip{align-items:center;color:#757575;display:flex;font-size:20px;height:28px!important;margin-left:10px}.c-header-description{font-size:14px;line-height:20px}"]
|
|
16
16
|
},] }
|
|
17
17
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-header-title.js","sources":["../../../../projects/sd-core/header-title/src/lib/header-title.component.ts","../../../../projects/sd-core/header-title/src/lib/header-title.module.ts","../../../../projects/sd-core/header-title/sd-angular-core-header-title.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-header-title',\r\n templateUrl: './header-title.component.html',\r\n styleUrls: ['./header-title.component.scss']\r\n})\r\nexport class SdHeaderTitleComponent implements OnInit {\r\n\r\n @Input() title: string;\r\n @Input() icon: string;\r\n @Input() description: string;\r\n @Input() tooltip: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\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 { SdHeaderTitleComponent } from './header-title.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule\r\n ],\r\n declarations: [SdHeaderTitleComponent],\r\n exports: [SdHeaderTitleComponent]\r\n})\r\nexport class SdHeaderTitleModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdHeaderTitleComponent as ɵa} from './src/lib/header-title.component';"],"names":[],"mappings":";;;;;MAOa,sBAAsB;IAOjC,iBAAiB;IAEjB,QAAQ;KACP;;;YAfF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,
|
|
1
|
+
{"version":3,"file":"sd-angular-core-header-title.js","sources":["../../../../projects/sd-core/header-title/src/lib/header-title.component.ts","../../../../projects/sd-core/header-title/src/lib/header-title.module.ts","../../../../projects/sd-core/header-title/sd-angular-core-header-title.ts"],"sourcesContent":["import { Component, OnInit, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'sd-header-title',\r\n templateUrl: './header-title.component.html',\r\n styleUrls: ['./header-title.component.scss']\r\n})\r\nexport class SdHeaderTitleComponent implements OnInit {\r\n\r\n @Input() title: string;\r\n @Input() icon: string;\r\n @Input() description: string;\r\n @Input() tooltip: string;\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\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 { SdHeaderTitleComponent } from './header-title.component';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatIconModule,\r\n MatTooltipModule\r\n ],\r\n declarations: [SdHeaderTitleComponent],\r\n exports: [SdHeaderTitleComponent]\r\n})\r\nexport class SdHeaderTitleModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {SdHeaderTitleComponent as ɵa} from './src/lib/header-title.component';"],"names":[],"mappings":";;;;;MAOa,sBAAsB;IAOjC,iBAAiB;IAEjB,QAAQ;KACP;;;YAfF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,gyBAA4C;;aAE7C;;;;oBAGE,KAAK;mBACL,KAAK;0BACL,KAAK;sBACL,KAAK;;;MCEK,mBAAmB;;;YAT/B,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,gBAAgB;iBACjB;gBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;gBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;aAClC;;;ACbD;;;;;;"}
|
|
@@ -1664,7 +1664,7 @@ class SdCommandFilterPipe {
|
|
|
1664
1664
|
}
|
|
1665
1665
|
}
|
|
1666
1666
|
else {
|
|
1667
|
-
const isHidden = hidden(item);
|
|
1667
|
+
const isHidden = hidden(item.data);
|
|
1668
1668
|
if (isHidden instanceof Promise) {
|
|
1669
1669
|
if (!(yield isHidden)) {
|
|
1670
1670
|
flag = true;
|
|
@@ -1690,7 +1690,7 @@ class SdCommandFilterPipe {
|
|
|
1690
1690
|
}
|
|
1691
1691
|
}
|
|
1692
1692
|
else {
|
|
1693
|
-
const isHidden = hidden(item);
|
|
1693
|
+
const isHidden = hidden(item.data);
|
|
1694
1694
|
if (isHidden instanceof Promise) {
|
|
1695
1695
|
if (!(yield isHidden)) {
|
|
1696
1696
|
children.push(childCommand);
|
|
@@ -1742,12 +1742,12 @@ SdCommandDisablePipe.decorators = [
|
|
|
1742
1742
|
class SdCommandIconPipe {
|
|
1743
1743
|
transform(command, item) {
|
|
1744
1744
|
if (!(command === null || command === void 0 ? void 0 : command.icon)) {
|
|
1745
|
-
return
|
|
1745
|
+
return undefined;
|
|
1746
1746
|
}
|
|
1747
1747
|
if (typeof (command.icon) === 'string') {
|
|
1748
1748
|
return command.icon;
|
|
1749
1749
|
}
|
|
1750
|
-
return command.icon(item);
|
|
1750
|
+
return command.icon(item.data);
|
|
1751
1751
|
}
|
|
1752
1752
|
}
|
|
1753
1753
|
SdCommandIconPipe.decorators = [
|
|
@@ -1759,12 +1759,12 @@ SdCommandIconPipe.decorators = [
|
|
|
1759
1759
|
class SdCommandTitlePipe {
|
|
1760
1760
|
transform(command, item) {
|
|
1761
1761
|
if (!(command === null || command === void 0 ? void 0 : command.title)) {
|
|
1762
|
-
return
|
|
1762
|
+
return undefined;
|
|
1763
1763
|
}
|
|
1764
1764
|
if (typeof (command.title) === 'string') {
|
|
1765
1765
|
return command.title;
|
|
1766
1766
|
}
|
|
1767
|
-
return command.title(item);
|
|
1767
|
+
return command.title(item.data);
|
|
1768
1768
|
}
|
|
1769
1769
|
}
|
|
1770
1770
|
SdCommandTitlePipe.decorators = [
|
|
@@ -1848,7 +1848,7 @@ class SdDesktopCommand {
|
|
|
1848
1848
|
SdDesktopCommand.decorators = [
|
|
1849
1849
|
{ type: Component, args: [{
|
|
1850
1850
|
selector: 'sd-desktop-command',
|
|
1851
|
-
template: "<ng-container *ngIf=\"item | commandFilter:commands | async; $implicit as filteredCommands\">\r\n <ng-container *ngFor=\"let command of filteredCommands\">\r\n <ng-container *ngIf=\"command?.click; else elseChildren\">\r\n <button (click)=\"command.click(item)\" [matTooltip]=\"command | commandTitle:item\" aria-hidden=\"true\"\r\n [disabled]=\"item | commandDisable:command\" mat-icon-button>\r\n <mat-icon class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n <ng-template #elseChildren>\r\n <button [matMenuTriggerFor]=\"menu\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon *ngIf=\"command?.icon\" class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}\r\n </mat-icon>\r\n <mat-icon *ngIf=\"!command?.icon\" class=\"c-icon\">more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <span>\r\n <button *ngFor=\"let childCommand of command.children\" mat-menu-item (click)=\"childCommand.click(item)\"\r\n [disabled]=\"item | commandDisable:childCommand\">\r\n <ng-container *ngIf=\"!childCommand.htmlTemplate\">\r\n <mat-icon [fontSet]=\"command.fontSet\" class=\"c-icon\">{{childCommand | commandIcon:item}}\r\n </mat-icon>\r\n <span> {{childCommand | commandTitle:item}}</span>\r\n </ng-container>\r\n <ng-container *ngIf=\"childCommand.htmlTemplate\">\r\n <div [innerHTML]=\"childCommand.htmlTemplate(item)\"></div>\r\n </ng-container>\r\n </button>\r\n </span>\r\n </mat-menu>\r\n </ng-template>\r\n </ng-container>\r\n</ng-container>\r\n",
|
|
1851
|
+
template: "<ng-container *ngIf=\"item | commandFilter:commands | async; $implicit as filteredCommands\">\r\n <ng-container *ngFor=\"let command of filteredCommands\">\r\n <ng-container *ngIf=\"command?.click; else elseChildren\">\r\n <button (click)=\"command.click(item.data)\" [matTooltip]=\"command | commandTitle:item\" aria-hidden=\"true\"\r\n [disabled]=\"item | commandDisable:command\" mat-icon-button>\r\n <mat-icon class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}</mat-icon>\r\n </button>\r\n </ng-container>\r\n <ng-template #elseChildren>\r\n <button [matMenuTriggerFor]=\"menu\" aria-hidden=\"true\" mat-icon-button>\r\n <mat-icon *ngIf=\"command?.icon\" class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}\r\n </mat-icon>\r\n <mat-icon *ngIf=\"!command?.icon\" class=\"c-icon\">more_vert</mat-icon>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n <span>\r\n <button *ngFor=\"let childCommand of command.children\" mat-menu-item (click)=\"childCommand.click(item.data)\"\r\n [disabled]=\"item | commandDisable:childCommand\">\r\n <ng-container *ngIf=\"!childCommand.htmlTemplate\">\r\n <mat-icon [fontSet]=\"command.fontSet\" class=\"c-icon\">{{childCommand | commandIcon:item}}\r\n </mat-icon>\r\n <span> {{childCommand | commandTitle:item}}</span>\r\n </ng-container>\r\n <ng-container *ngIf=\"childCommand.htmlTemplate\">\r\n <div [innerHTML]=\"childCommand.htmlTemplate(item.data)\"></div>\r\n </ng-container>\r\n </button>\r\n </span>\r\n </mat-menu>\r\n </ng-template>\r\n </ng-container>\r\n</ng-container>\r\n",
|
|
1852
1852
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1853
1853
|
styles: [":host{align-items:center;display:flex}mat-icon.c-icon{color:rgba(0,0,0,.54)!important}"]
|
|
1854
1854
|
},] }
|