@firestitch/filter 9.9.5 → 9.10.0
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/app/components/filter/filter.component.d.ts +5 -2
- package/app/interfaces/action.interface.d.ts +6 -0
- package/app/models/action.model.d.ts +7 -0
- package/app/services/external-params-controller.service.d.ts +1 -0
- package/bundles/firestitch-filter.umd.js +43 -22
- package/bundles/firestitch-filter.umd.js.map +1 -1
- package/bundles/firestitch-filter.umd.min.js +2 -2
- package/bundles/firestitch-filter.umd.min.js.map +1 -1
- package/esm2015/app/components/action-button/action-button.component.js +2 -2
- package/esm2015/app/components/action-kebab-actions/action-kebab-actions.component.js +2 -2
- package/esm2015/app/components/actions/actions.component.js +2 -2
- package/esm2015/app/components/filter/filter.component.js +17 -6
- package/esm2015/app/interfaces/action.interface.js +1 -1
- package/esm2015/app/models/action.model.js +8 -1
- package/esm2015/app/services/external-params-controller.service.js +16 -13
- package/esm5/app/components/action-button/action-button.component.js +2 -2
- package/esm5/app/components/action-kebab-actions/action-kebab-actions.component.js +2 -2
- package/esm5/app/components/actions/actions.component.js +2 -2
- package/esm5/app/components/filter/filter.component.js +17 -6
- package/esm5/app/interfaces/action.interface.js +1 -1
- package/esm5/app/models/action.model.js +8 -1
- package/esm5/app/services/external-params-controller.service.js +18 -15
- package/fesm2015/firestitch-filter.js +41 -20
- package/fesm2015/firestitch-filter.js.map +1 -1
- package/fesm5/firestitch-filter.js +43 -22
- package/fesm5/firestitch-filter.js.map +1 -1
- package/firestitch-filter.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -2001,6 +2001,21 @@ let ExternalParamsController = class ExternalParamsController {
|
|
|
2001
2001
|
this._initPersistance();
|
|
2002
2002
|
this._initQueryParams();
|
|
2003
2003
|
this._initSavedFilters();
|
|
2004
|
+
this.initItems();
|
|
2005
|
+
}
|
|
2006
|
+
setActiveSavedFilter(savedFilter) {
|
|
2007
|
+
this.savedFiltersController.setActiveFilter(savedFilter);
|
|
2008
|
+
if (savedFilter) {
|
|
2009
|
+
this.reloadFiltersWithValues(savedFilter.filters, false);
|
|
2010
|
+
}
|
|
2011
|
+
}
|
|
2012
|
+
reloadFiltersWithValues(params, shouldResetSavedFilters = true) {
|
|
2013
|
+
this._shouldResetSavedFilters = shouldResetSavedFilters;
|
|
2014
|
+
this._itemsStore.updateItemsWithValues(params);
|
|
2015
|
+
this._saveQueryParams();
|
|
2016
|
+
this._savePersistedParams();
|
|
2017
|
+
}
|
|
2018
|
+
initItems() {
|
|
2004
2019
|
this._pending$.next(true);
|
|
2005
2020
|
if (this._savedFilters.enabled) {
|
|
2006
2021
|
this._savedFilters
|
|
@@ -2019,18 +2034,6 @@ let ExternalParamsController = class ExternalParamsController {
|
|
|
2019
2034
|
}
|
|
2020
2035
|
this._listenItemsChange();
|
|
2021
2036
|
}
|
|
2022
|
-
setActiveSavedFilter(savedFilter) {
|
|
2023
|
-
this.savedFiltersController.setActiveFilter(savedFilter);
|
|
2024
|
-
if (savedFilter) {
|
|
2025
|
-
this.reloadFiltersWithValues(savedFilter.filters, false);
|
|
2026
|
-
}
|
|
2027
|
-
}
|
|
2028
|
-
reloadFiltersWithValues(params, shouldResetSavedFilters = true) {
|
|
2029
|
-
this._shouldResetSavedFilters = shouldResetSavedFilters;
|
|
2030
|
-
this._itemsStore.updateItemsWithValues(params);
|
|
2031
|
-
this._saveQueryParams();
|
|
2032
|
-
this._savePersistedParams();
|
|
2033
|
-
}
|
|
2034
2037
|
_initItemsValues() {
|
|
2035
2038
|
this._itemsStore.initItemValues(this.params);
|
|
2036
2039
|
this._saveQueryParams();
|
|
@@ -2495,6 +2498,7 @@ class Action {
|
|
|
2495
2498
|
this.label = config.label;
|
|
2496
2499
|
this.mode = config.mode;
|
|
2497
2500
|
this.icon = config.icon;
|
|
2501
|
+
this.iconPlacement = config.iconPlacement;
|
|
2498
2502
|
this._showFn = config.show;
|
|
2499
2503
|
this.tabIndex = (_d = config.tabIndex) !== null && _d !== void 0 ? _d : 0;
|
|
2500
2504
|
if (config.multiple !== undefined) {
|
|
@@ -2529,6 +2533,12 @@ class Action {
|
|
|
2529
2533
|
{
|
|
2530
2534
|
this.fileSelected = config.select;
|
|
2531
2535
|
this.fileError = config.error;
|
|
2536
|
+
this.accept = config.accept;
|
|
2537
|
+
this.imageQuality = config.imageQuality;
|
|
2538
|
+
this.minWidth = config.minWidth;
|
|
2539
|
+
this.minHeight = config.minHeight;
|
|
2540
|
+
this.maxWidth = config.maxWidth;
|
|
2541
|
+
this.maxHeight = config.maxHeight;
|
|
2532
2542
|
this.click = (_f = config.click) !== null && _f !== void 0 ? _f : (() => { });
|
|
2533
2543
|
this._disabledFn = config.disabled;
|
|
2534
2544
|
this.updateDisabledState();
|
|
@@ -3033,6 +3043,14 @@ let FilterComponent = class FilterComponent {
|
|
|
3033
3043
|
updateDisabledState() {
|
|
3034
3044
|
this._actions.updateDisabledState();
|
|
3035
3045
|
}
|
|
3046
|
+
setItems(items) {
|
|
3047
|
+
this._filterItems.destroyItems();
|
|
3048
|
+
this.config.items = items;
|
|
3049
|
+
this._filterItems.setConfig(this._config);
|
|
3050
|
+
this._externalParams.initItems();
|
|
3051
|
+
this._syncSearchInputWithKeyword();
|
|
3052
|
+
this._listenKeywordItemClear();
|
|
3053
|
+
}
|
|
3036
3054
|
_initFilterWithConfig(config) {
|
|
3037
3055
|
if (this.config) {
|
|
3038
3056
|
this._filterItems.destroyItems();
|
|
@@ -3042,11 +3060,7 @@ let FilterComponent = class FilterComponent {
|
|
|
3042
3060
|
this._actions.initActions(this._config.actions);
|
|
3043
3061
|
this._filterItems.setConfig(this._config);
|
|
3044
3062
|
this._externalParams.setConfig(this._config);
|
|
3045
|
-
|
|
3046
|
-
if (keywordItem) {
|
|
3047
|
-
this.searchText.setValue(keywordItem.model);
|
|
3048
|
-
this.searchPlaceholder = keywordItem.label || 'Search';
|
|
3049
|
-
}
|
|
3063
|
+
this._syncSearchInputWithKeyword();
|
|
3050
3064
|
if (!!this.config.reloadWhenConfigChanged) {
|
|
3051
3065
|
this.change();
|
|
3052
3066
|
}
|
|
@@ -3116,6 +3130,13 @@ let FilterComponent = class FilterComponent {
|
|
|
3116
3130
|
});
|
|
3117
3131
|
});
|
|
3118
3132
|
}
|
|
3133
|
+
_syncSearchInputWithKeyword() {
|
|
3134
|
+
const keywordItem = this._filterItems.keywordItem;
|
|
3135
|
+
if (keywordItem) {
|
|
3136
|
+
this.searchText.setValue(keywordItem.model);
|
|
3137
|
+
this.searchPlaceholder = keywordItem.label || 'Search';
|
|
3138
|
+
}
|
|
3139
|
+
}
|
|
3119
3140
|
_listenKeywordItemClear() {
|
|
3120
3141
|
var _a;
|
|
3121
3142
|
(_a = this._filterItems
|
|
@@ -4226,7 +4247,7 @@ __decorate([
|
|
|
4226
4247
|
FsFilterActionsComponent = __decorate([
|
|
4227
4248
|
Component({
|
|
4228
4249
|
selector: 'fs-filter-actions',
|
|
4229
|
-
template: "<!-- Buttons -->\n<ng-container *ngFor=\"let action of actions\">\n\n <ng-container [ngSwitch]=\"action.mode\">\n <ng-container *ngSwitchCase=\"'button'\">\n <fs-filter-action-button [action]=\"action\"></fs-filter-action-button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'menu'\">\n <fs-filter-action-button\n [action]=\"action\"\n [fsMenuTriggerFor]=\"someRef\">\n </fs-filter-action-button>\n\n <fs-menu #someRef>\n <ng-container *ngFor=\"let childAction of action.items\">\n <ng-container *ngIf=\"childAction.isGroup else simpleMenuItem\">\n <fs-menu-group [label]=\"childAction.label\">\n <ng-container *ngFor=\"let subAction of childAction.items\">\n <ng-template fs-menu-item\n [link]=\"subAction.routerLink?.link\"\n [queryParams]=\"subAction.routerLink?.queryParams\"\n [hidden]=\"!(subAction.visible$ | async)\"\n (click)=\"subAction.click($event)\">\n <mat-icon *ngIf=\"subAction.icon\">{{subAction.icon}}</mat-icon>\n {{subAction.label}}\n </ng-template>\n </ng-container>\n </fs-menu-group>\n </ng-container>\n <ng-template #simpleMenuItem>\n <ng-template fs-menu-item\n [link]=\"childAction.routerLink?.link\"\n [queryParams]=\"childAction.routerLink?.queryParams\"\n [hidden]=\"!(childAction.visible$ | async)\"\n (click)=\"childAction.click($event);\">\n <mat-icon *ngIf=\"childAction.icon\">{{childAction.icon}}</mat-icon>\n {{childAction.label}}\n </ng-template>\n </ng-template>\n </ng-container>\n </fs-menu>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'file'\">\n <fs-file\n class=\"action-button\"\n [multiple]=\"action.multiple\"\n (select)=\"action.fileSelected($event)\"\n (error)=\"action.fileError($event)\"\n (clicked)=\"action.click($event)\">\n <fs-filter-action-button [action]=\"action\"></fs-filter-action-button>\n </fs-file>\n </ng-container>\n </ng-container>\n</ng-container>\n<!-- /Buttons -->\n\n<!-- menu -->\n<ng-container *ngIf=\"kebabActions?.length\">\n <fs-filter-action-kebab-actions [kebabActions]=\"kebabActions\"></fs-filter-action-kebab-actions>\n</ng-container>\n",
|
|
4250
|
+
template: "<!-- Buttons -->\n<ng-container *ngFor=\"let action of actions\">\n\n <ng-container [ngSwitch]=\"action.mode\">\n <ng-container *ngSwitchCase=\"'button'\">\n <fs-filter-action-button [action]=\"action\"></fs-filter-action-button>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'menu'\">\n <fs-filter-action-button\n [action]=\"action\"\n [fsMenuTriggerFor]=\"someRef\">\n </fs-filter-action-button>\n\n <fs-menu #someRef>\n <ng-container *ngFor=\"let childAction of action.items\">\n <ng-container *ngIf=\"childAction.isGroup else simpleMenuItem\">\n <fs-menu-group [label]=\"childAction.label\">\n <ng-container *ngFor=\"let subAction of childAction.items\">\n <ng-template fs-menu-item\n [link]=\"subAction.routerLink?.link\"\n [queryParams]=\"subAction.routerLink?.queryParams\"\n [hidden]=\"!(subAction.visible$ | async)\"\n (click)=\"subAction.click($event)\">\n <mat-icon *ngIf=\"subAction.icon\">{{subAction.icon}}</mat-icon>\n {{subAction.label}}\n </ng-template>\n </ng-container>\n </fs-menu-group>\n </ng-container>\n <ng-template #simpleMenuItem>\n <ng-template fs-menu-item\n [link]=\"childAction.routerLink?.link\"\n [queryParams]=\"childAction.routerLink?.queryParams\"\n [hidden]=\"!(childAction.visible$ | async)\"\n (click)=\"childAction.click($event);\">\n <mat-icon *ngIf=\"childAction.icon\">{{childAction.icon}}</mat-icon>\n {{childAction.label}}\n </ng-template>\n </ng-template>\n </ng-container>\n </fs-menu>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'file'\">\n <fs-file\n class=\"action-button\"\n [accept]=\"action.accept || '*'\"\n [multiple]=\"action.multiple\"\n [minWidth]=\"action.minWidth\"\n [minHeight]=\"action.minHeight\"\n [imageWidth]=\"action.maxWidth\"\n [imageHeight]=\"action.maxHeight\"\n (select)=\"action.fileSelected($event)\"\n (error)=\"action.fileError($event)\"\n (clicked)=\"action.click($event)\">\n <fs-filter-action-button [action]=\"action\"></fs-filter-action-button>\n </fs-file>\n </ng-container>\n </ng-container>\n</ng-container>\n<!-- /Buttons -->\n\n<!-- menu -->\n<ng-container *ngIf=\"kebabActions?.length\">\n <fs-filter-action-kebab-actions [kebabActions]=\"kebabActions\"></fs-filter-action-kebab-actions>\n</ng-container>\n",
|
|
4230
4251
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4231
4252
|
styles: [":host{display:inline-flex}.action-button{display:block}.action-button+.action-button,fs-menu+.action-button{margin-left:5px}.menu-button{width:36px;height:36px;line-height:36px}"]
|
|
4232
4253
|
})
|
|
@@ -4241,7 +4262,7 @@ __decorate([
|
|
|
4241
4262
|
FsFilterActionButtonComponent = __decorate([
|
|
4242
4263
|
Component({
|
|
4243
4264
|
selector: 'fs-filter-action-button',
|
|
4244
|
-
template: "<ng-container [ngSwitch]=\"action.type\">\n <!-- Basic button -->\n <button type=\"button\"\n *ngSwitchCase=\"'basic'\"\n mat-button\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Raised button -->\n <button type=\"button\"\n *ngSwitchDefault\n mat-raised-button\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Icon button -->\n <button type=\"button\"\n *ngSwitchCase=\"'icon'\"\n mat-icon-button\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Fab button -->\n <button type=\"button\"\n *ngSwitchCase=\"'fab'\"\n mat-fab\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Mini Fab button -->\n <button type=\"button\"\n *ngSwitchCase=\"'mini-fab'\"\n mat-mini-fab\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <ng-template #buttonContent>\n <mat-icon *ngIf=\"action.
|
|
4265
|
+
template: "<ng-container [ngSwitch]=\"action.type\">\n <!-- Basic button -->\n <button type=\"button\"\n *ngSwitchCase=\"'basic'\"\n mat-button\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Raised button -->\n <button type=\"button\"\n *ngSwitchDefault\n mat-raised-button\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Icon button -->\n <button type=\"button\"\n *ngSwitchCase=\"'icon'\"\n mat-icon-button\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Fab button -->\n <button type=\"button\"\n *ngSwitchCase=\"'fab'\"\n mat-fab\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Mini Fab button -->\n <button type=\"button\"\n *ngSwitchCase=\"'mini-fab'\"\n mat-mini-fab\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [ngClass]=\"action.classArray\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\"\n >\n <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <ng-template #buttonContent>\n <ng-container *ngIf=\"!action.icon else withIcon\">\n {{action.label}}\n </ng-container>\n\n <ng-template #withIcon>\n <mat-icon *ngIf=\"!action.iconPlacement || action.iconPlacement === 'left'\">{{action.icon}}</mat-icon>\n {{action.label}}\n <mat-icon *ngIf=\"action.iconPlacement === 'right'\">{{action.icon}}</mat-icon>\n </ng-template>\n </ng-template>\n</ng-container>\n",
|
|
4245
4266
|
host: {
|
|
4246
4267
|
class: 'action-button',
|
|
4247
4268
|
},
|
|
@@ -4258,7 +4279,7 @@ __decorate([
|
|
|
4258
4279
|
FsFilterActionKebabActionsComponent = __decorate([
|
|
4259
4280
|
Component({
|
|
4260
4281
|
selector: 'fs-filter-action-kebab-actions',
|
|
4261
|
-
template: "<button type=\"button\"\n mat-icon-button\n class=\"menu-button\"\n [fsMenuTriggerFor]=\"kebabActionsMenu\">\n <mat-icon>more_vert</mat-icon>\n</button>\n<fs-menu #kebabActionsMenu>\n <ng-container *ngFor=\"let action of kebabActions\">\n <ng-container [ngSwitch]=\"action.mode\">\n <!-- Case when actions was collapsed from action with mode = 'menu'-->\n <ng-container *ngSwitchCase=\"'menu'\">\n <ng-container *ngFor=\"let childAction of action.items\">\n <ng-container *ngIf=\"childAction.isGroup else simpleMenuItem\">\n <fs-menu-group>\n <ng-template fs-group-menu-item-template>\n {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon> {{childAction.label}}\n </ng-template>\n <ng-container *ngFor=\"let subAction of childAction.items\">\n <ng-template fs-menu-item\n [link]=\"subAction.routerLink?.link\"\n [queryParams]=\"subAction.routerLink?.queryParams\"\n [hidden]=\"!(subAction.visible$ | async)\"\n (click)=\"subAction.click($event)\">\n <mat-icon *ngIf=\"subAction.icon\">{{subAction.icon}}</mat-icon>\n {{subAction.label}}\n </ng-template>\n </ng-container>\n </fs-menu-group>\n </ng-container>\n <ng-template #simpleMenuItem>\n <ng-template fs-menu-item\n [link]=\"childAction.routerLink?.link\"\n [queryParams]=\"childAction.routerLink?.queryParams\"\n [hidden]=\"!(childAction.visible$ | async)\"\n (click)=\"childAction.click($event);\">\n <mat-icon *ngIf=\"childAction.icon\">{{childAction.icon}}</mat-icon>\n {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon>{{ childAction.label }}\n </ng-template>\n </ng-template>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'file'\">\n <ng-template fs-menu-item\n [fsClass]=\"action.classArray\"\n >\n <fs-file\n class=\"action-button\"\n [multiple]=\"action.multiple\"\n (select)=\"action.fileSelected($event)\"\n (error)=\"action.fileError($event)\"\n (clicked)=\"action.click($event)\">\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </fs-file>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-template fs-menu-item\n (click)=\"action.click($event)\"\n [fsClass]=\"action.classArray\"\n >\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </ng-template>\n </ng-container>\n\n </ng-container>\n </ng-container>\n</fs-menu>\n",
|
|
4282
|
+
template: "<button type=\"button\"\n mat-icon-button\n class=\"menu-button\"\n [fsMenuTriggerFor]=\"kebabActionsMenu\">\n <mat-icon>more_vert</mat-icon>\n</button>\n<fs-menu #kebabActionsMenu>\n <ng-container *ngFor=\"let action of kebabActions\">\n <ng-container [ngSwitch]=\"action.mode\">\n <!-- Case when actions was collapsed from action with mode = 'menu'-->\n <ng-container *ngSwitchCase=\"'menu'\">\n <ng-container *ngFor=\"let childAction of action.items\">\n <ng-container *ngIf=\"childAction.isGroup else simpleMenuItem\">\n <fs-menu-group>\n <ng-template fs-group-menu-item-template>\n {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon> {{childAction.label}}\n </ng-template>\n <ng-container *ngFor=\"let subAction of childAction.items\">\n <ng-template fs-menu-item\n [link]=\"subAction.routerLink?.link\"\n [queryParams]=\"subAction.routerLink?.queryParams\"\n [hidden]=\"!(subAction.visible$ | async)\"\n (click)=\"subAction.click($event)\">\n <mat-icon *ngIf=\"subAction.icon\">{{subAction.icon}}</mat-icon>\n {{subAction.label}}\n </ng-template>\n </ng-container>\n </fs-menu-group>\n </ng-container>\n <ng-template #simpleMenuItem>\n <ng-template fs-menu-item\n [link]=\"childAction.routerLink?.link\"\n [queryParams]=\"childAction.routerLink?.queryParams\"\n [hidden]=\"!(childAction.visible$ | async)\"\n (click)=\"childAction.click($event);\">\n <mat-icon *ngIf=\"childAction.icon\">{{childAction.icon}}</mat-icon>\n {{ action.label }} <mat-icon style=\"margin: 0;\">arrow_right</mat-icon>{{ childAction.label }}\n </ng-template>\n </ng-template>\n </ng-container>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"'file'\">\n <ng-template fs-menu-item\n [fsClass]=\"action.classArray\"\n >\n <fs-file\n class=\"action-button\"\n [accept]=\"action.accept || '*'\"\n [multiple]=\"action.multiple\"\n [minWidth]=\"action.minWidth\"\n [minHeight]=\"action.minHeight\"\n [imageWidth]=\"action.maxWidth\"\n [imageHeight]=\"action.maxHeight\"\n (select)=\"action.fileSelected($event)\"\n (error)=\"action.fileError($event)\"\n (clicked)=\"action.click($event)\">\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </fs-file>\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-template fs-menu-item\n (click)=\"action.click($event)\"\n [fsClass]=\"action.classArray\"\n >\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </ng-template>\n </ng-container>\n\n </ng-container>\n </ng-container>\n</fs-menu>\n",
|
|
4262
4283
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4263
4284
|
styles: [".menu-button{width:36px;height:36px;line-height:36px}"]
|
|
4264
4285
|
})
|