@firestitch/filter 13.3.1 → 13.4.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/saved-filter/index.d.ts +3 -0
- package/app/components/saved-filter/saved-filter-edit/index.d.ts +1 -0
- package/app/components/{saved-filter-edit → saved-filter/saved-filter-edit}/saved-filter-edit.component.d.ts +2 -2
- package/app/components/saved-filter/saved-filter-manage/index.d.ts +1 -0
- package/app/components/saved-filter/saved-filter-manage/saved-filter-manage.component.d.ts +16 -0
- package/app/components/saved-filter/saved-filters-menu/index.d.ts +1 -0
- package/app/components/{saved-filters-menu → saved-filter/saved-filters-menu}/saved-filters-menu.component.d.ts +7 -5
- package/app/fs-filter.module.d.ts +37 -35
- package/esm2020/app/components/saved-filter/index.mjs +4 -0
- package/esm2020/app/components/saved-filter/saved-filter-edit/index.mjs +2 -0
- package/esm2020/app/components/{saved-filter-edit → saved-filter/saved-filter-edit}/saved-filter-edit.component.mjs +1 -1
- package/esm2020/app/components/saved-filter/saved-filter-manage/index.mjs +2 -0
- package/esm2020/app/components/saved-filter/saved-filter-manage/saved-filter-manage.component.mjs +40 -0
- package/esm2020/app/components/saved-filter/saved-filters-menu/index.mjs +2 -0
- package/esm2020/app/components/saved-filter/saved-filters-menu/saved-filters-menu.component.mjs +52 -0
- package/esm2020/app/fs-filter.module.mjs +10 -3
- package/esm2020/app/services/external-params/saved-filters-controller.service.mjs +6 -6
- package/esm2020/public_api.mjs +2 -2
- package/fesm2015/firestitch-filter.mjs +54 -10
- package/fesm2015/firestitch-filter.mjs.map +1 -1
- package/fesm2020/firestitch-filter.mjs +52 -10
- package/fesm2020/firestitch-filter.mjs.map +1 -1
- package/package.json +1 -1
- package/public_api.d.ts +1 -1
- package/esm2020/app/components/saved-filters-menu/saved-filters-menu.component.mjs +0 -44
package/esm2020/public_api.mjs
CHANGED
|
@@ -5,7 +5,7 @@ export { FsFilterModule } from './app/fs-filter.module';
|
|
|
5
5
|
// Components
|
|
6
6
|
export { FilterComponent } from './app/components/filter/filter.component';
|
|
7
7
|
export { FilterItemComponent } from './app/components/filters-item/filter-item.component';
|
|
8
|
-
export { FsSavedFiltersMenuComponent } from './app/components/saved-filters-menu/saved-filters-menu.component';
|
|
8
|
+
export { FsSavedFiltersMenuComponent } from './app/components/saved-filter/saved-filters-menu/saved-filters-menu.component';
|
|
9
9
|
// Directives
|
|
10
10
|
export { FilterStatusBarDirective } from './app/directives/status-bar/status-bar.directive';
|
|
11
11
|
// Enums
|
|
@@ -33,4 +33,4 @@ export { buildQueryParams } from './app/helpers/build-query-params';
|
|
|
33
33
|
export { filterFromQueryParam, filterToQueryParam } from './app/helpers/query-param-transformers';
|
|
34
34
|
// Const
|
|
35
35
|
export { QUERY_PARAM_DELIMITER } from './app/consts/query-param-delimiter';
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzdGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlFQUFpRSxDQUFDO0FBRXpHLFVBQVU7QUFDVixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUMxRixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSwrRUFBK0UsQ0FBQztBQUU1SCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUF1QzVGLFFBQVE7QUFDUixPQUFPLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUV0RCxTQUFTO0FBQ1QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDbkYsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDakUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM1RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFeEQsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBR2pFLFVBQVU7QUFDVixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUVsRyxRQUFRO0FBQ1IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sb0NBQW9DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBFeHRlcm5hbFBhcmFtc0NvbnRyb2xsZXIgfSBmcm9tICcuL2FwcC9zZXJ2aWNlcy9leHRlcm5hbC1wYXJhbXMtY29udHJvbGxlci5zZXJ2aWNlJztcbmV4cG9ydCB7IFNhdmVkRmlsdGVyc0NvbnRyb2xsZXIgfSBmcm9tICcuL2FwcC9zZXJ2aWNlcy9leHRlcm5hbC1wYXJhbXMvc2F2ZWQtZmlsdGVycy1jb250cm9sbGVyLnNlcnZpY2UnO1xuXG4vLyBNb2R1bGVzXG5leHBvcnQgeyBGc0ZpbHRlck1vZHVsZSB9IGZyb20gJy4vYXBwL2ZzLWZpbHRlci5tb2R1bGUnO1xuXG4vLyBDb21wb25lbnRzXG5leHBvcnQgeyBGaWx0ZXJDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2ZpbHRlci9maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IEZpbHRlckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2ZpbHRlcnMtaXRlbS9maWx0ZXItaXRlbS5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNTYXZlZEZpbHRlcnNNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9zYXZlZC1maWx0ZXIvc2F2ZWQtZmlsdGVycy1tZW51L3NhdmVkLWZpbHRlcnMtbWVudS5jb21wb25lbnQnO1xuXG4vLyBEaXJlY3RpdmVzXG5leHBvcnQgeyBGaWx0ZXJTdGF0dXNCYXJEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL3N0YXR1cy1iYXIvc3RhdHVzLWJhci5kaXJlY3RpdmUnO1xuXG4vLyBJbnRlcmZhY2VzXG5leHBvcnQge1xuICBGc0ZpbHRlckFjdGlvbixcbiAgRnNGaWx0ZXJBY3Rpb25DbGlja0ZuLFxuICBGc0ZpbHRlckFjdGlvbkRpc2FibGVkRm4sXG4gIEZzRmlsdGVyQWN0aW9uU2hvd0ZuLFxuICBGc0ZpbHRlckF1dG9SZWxvYWQsXG4gIEZzRmlsdGVyRmlsZUFjdGlvbkVycm9yRm4sXG4gIEZzRmlsdGVyRmlsZUFjdGlvblNlbGVjdEZuLFxuICBJRnNGaWx0ZXJCdXR0b25BY3Rpb24sXG4gIElGc0ZpbHRlckZpbGVBY3Rpb24sXG4gIElGc0ZpbHRlck1lbnVBY3Rpb24sXG4gIElGc0ZpbHRlck1lbnVBY3Rpb25Hcm91cEl0ZW0sXG4gIElGc0ZpbHRlck1lbnVBY3Rpb25JdGVtLFxuICBJRnNGaWx0ZXJNZW51QWN0aW9uTGluayxcbn0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcyc7XG5cbmV4cG9ydCB7IElGaWx0ZXJDb25maWdBdXRvY29tcGxldGVDaGlwc0l0ZW0gfSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL2l0ZW1zL2F1dG9jb21wbGV0ZS1jaGlwcy5pbnRlcmZhY2UnO1xuZXhwb3J0IHsgSUZpbHRlckNvbmZpZ0F1dG9jb21wbGV0ZUl0ZW0gfSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL2l0ZW1zL2F1dG9jb21wbGV0ZS5pbnRlcmZhY2UnO1xuZXhwb3J0IHsgSUZpbHRlckNvbmZpZ0Jhc2VJdGVtIH0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcy9pdGVtcy9iYXNlLmludGVyZmFjZSc7XG5leHBvcnQgeyBJRmlsdGVyQ29uZmlnQ2hlY2tib3hJdGVtIH0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcy9pdGVtcy9jaGVja2JveC5pbnRlcmZhY2UnO1xuZXhwb3J0IHsgSUZpbHRlckNvbmZpZ0NoaXBzSXRlbSB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvaXRlbXMvY2hpcHMuaW50ZXJmYWNlJztcbmV4cG9ydCB7IElGaWx0ZXJDb25maWdEYXRlUmFuZ2VJdGVtLCBJRmlsdGVySXRlbURlZmF1bHREYXRlUmFuZ2UgfSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL2l0ZW1zL2RhdGUtcmFuZ2UuaW50ZXJmYWNlJztcbmV4cG9ydCB7IElGaWx0ZXJDb25maWdEYXRlSXRlbSB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvaXRlbXMvZGF0ZS5pbnRlcmZhY2UnO1xuZXhwb3J0IHsgSUZpbHRlckNvbmZpZ1JhbmdlSXRlbSwgSUZpbHRlckl0ZW1EZWZhdWx0UmFuZ2UgfSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL2l0ZW1zL3JhbmdlLmludGVyZmFjZSc7XG5leHBvcnQgeyBGaWx0ZXJWYWx1ZXNSZXR1cm5GbiwgSUZpbHRlckNvbmZpZ1NlbGVjdElzb2xhdGUsIElGaWx0ZXJDb25maWdTZWxlY3RJdGVtLCBJRmlsdGVyU2VsZWN0VmFsdWUgfSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL2l0ZW1zL3NlbGVjdC5pbnRlcmZhY2UnO1xuZXhwb3J0IHsgSUZpbHRlckNvbmZpZ1RleHRJdGVtIH0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcy9pdGVtcy90ZXh0LmludGVyZmFjZSc7XG5cbmV4cG9ydCB7XG4gIENoYW5nZUZuLCBGaWx0ZXJDb25maWcsIEZpbHRlclNvcnQsIEZzRmlsdGVyUGVyc2lzdGFuY2UsIElGaWx0ZXJDb25maWdJdGVtLCBTb3J0LCBTb3J0SXRlbSxcbn0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcy9jb25maWcuaW50ZXJmYWNlJztcblxuZXhwb3J0IHtcbiAgRmlsdGVyUmVtb3RlRGVsZXRlLCBGaWx0ZXJSZW1vdGVMb2FkLCBGaWx0ZXJSZW1vdGVPcmRlciwgRmlsdGVyUmVtb3RlU2F2ZSwgSUZpbHRlclNhdmVkRmlsdGVyLFxuICBJRmlsdGVyU2F2ZWRGaWx0ZXJzQ29uZmlnLFxufSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL3NhdmVkLWZpbHRlcnMuaW50ZXJmYWNlJztcblxuLy8gRW51bXNcbmV4cG9ydCB7IEFjdGlvblR5cGUsIEJ1dHRvblN0eWxlIH0gZnJvbSAnLi9hcHAvZW51bXMnO1xuZXhwb3J0IHsgQWN0aW9uTW9kZSB9IGZyb20gJy4vYXBwL2VudW1zL2FjdGlvbi1tb2RlLmVudW0nO1xuZXhwb3J0IHsgSXRlbURhdGVNb2RlIH0gZnJvbSAnLi9hcHAvZW51bXMvaXRlbS1kYXRlLW1vZGUuZW51bSc7XG5leHBvcnQgeyBJdGVtVHlwZSB9IGZyb20gJy4vYXBwL2VudW1zL2l0ZW0tdHlwZS5lbnVtJztcblxuLy8gTW9kZWxzXG5leHBvcnQgeyBBdXRvY29tcGxldGVDaGlwc0l0ZW0gfSBmcm9tICcuL2FwcC9tb2RlbHMvaXRlbXMvYXV0b2NvbXBsZXRlLWNoaXBzLWl0ZW0nO1xuZXhwb3J0IHsgQXV0b2NvbXBsZXRlSXRlbSB9IGZyb20gJy4vYXBwL21vZGVscy9pdGVtcy9hdXRvY29tcGxldGUtaXRlbSc7XG5leHBvcnQgeyBCYXNlSXRlbSB9IGZyb20gJy4vYXBwL21vZGVscy9pdGVtcy9iYXNlLWl0ZW0nO1xuZXhwb3J0IHsgQ2hlY2tib3hJdGVtIH0gZnJvbSAnLi9hcHAvbW9kZWxzL2l0ZW1zL2NoZWNrYm94LWl0ZW0nO1xuZXhwb3J0IHsgQ2hpcHNJdGVtIH0gZnJvbSAnLi9hcHAvbW9kZWxzL2l0ZW1zL2NoaXBzLWl0ZW0nO1xuZXhwb3J0IHsgRGF0ZUl0ZW0gfSBmcm9tICcuL2FwcC9tb2RlbHMvaXRlbXMvZGF0ZS1pdGVtJztcbmV4cG9ydCB7IERhdGVSYW5nZUl0ZW0gfSBmcm9tICcuL2FwcC9tb2RlbHMvaXRlbXMvZGF0ZS1yYW5nZS1pdGVtJztcbmV4cG9ydCB7IERhdGVUaW1lSXRlbSB9IGZyb20gJy4vYXBwL21vZGVscy9pdGVtcy9kYXRlLXRpbWUtaXRlbSc7XG5leHBvcnQgeyBEYXRlVGltZVJhbmdlSXRlbSB9IGZyb20gJy4vYXBwL21vZGVscy9pdGVtcy9kYXRlLXRpbWUtcmFuZ2UtaXRlbSc7XG5leHBvcnQgeyBSYW5nZUl0ZW0gfSBmcm9tICcuL2FwcC9tb2RlbHMvaXRlbXMvcmFuZ2UtaXRlbSc7XG5leHBvcnQgeyBTZWxlY3RJdGVtIH0gZnJvbSAnLi9hcHAvbW9kZWxzL2l0ZW1zL3NlbGVjdC1pdGVtJztcbmV4cG9ydCB7IFRleHRJdGVtIH0gZnJvbSAnLi9hcHAvbW9kZWxzL2l0ZW1zL3RleHQtaXRlbSc7XG5cbi8vIEluamVjdG9yc1xuZXhwb3J0IHsgRlNfRklMVEVSX0NPTkZJRyB9IGZyb20gJy4vYXBwL2luamVjdG9ycy9maWx0ZXItY29uZmlnJztcblxuXG4vLyBIZWxwZXJzXG5leHBvcnQgeyBidWlsZFF1ZXJ5UGFyYW1zIH0gZnJvbSAnLi9hcHAvaGVscGVycy9idWlsZC1xdWVyeS1wYXJhbXMnO1xuZXhwb3J0IHsgZmlsdGVyRnJvbVF1ZXJ5UGFyYW0sIGZpbHRlclRvUXVlcnlQYXJhbSB9IGZyb20gJy4vYXBwL2hlbHBlcnMvcXVlcnktcGFyYW0tdHJhbnNmb3JtZXJzJztcblxuLy8gQ29uc3RcbmV4cG9ydCB7IFFVRVJZX1BBUkFNX0RFTElNSVRFUiB9IGZyb20gJy4vYXBwL2NvbnN0cy9xdWVyeS1wYXJhbS1kZWxpbWl0ZXInO1xuIl19
|
|
@@ -29,6 +29,8 @@ import * as i7 from '@firestitch/form';
|
|
|
29
29
|
import { FsFormModule } from '@firestitch/form';
|
|
30
30
|
import * as i3$2 from '@angular/material/input';
|
|
31
31
|
import { MatInput, MatInputModule } from '@angular/material/input';
|
|
32
|
+
import * as i4$3 from '@angular/cdk/drag-drop';
|
|
33
|
+
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
32
34
|
import { ComponentPortal, PortalInjector, PortalModule } from '@angular/cdk/portal';
|
|
33
35
|
import { MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
34
36
|
import * as i4$2 from '@angular/material/checkbox';
|
|
@@ -2073,17 +2075,17 @@ class SavedFiltersController {
|
|
|
2073
2075
|
}
|
|
2074
2076
|
order(savedFilters) {
|
|
2075
2077
|
return this._config.order(savedFilters)
|
|
2076
|
-
.pipe(tap((
|
|
2078
|
+
.pipe(tap(() => {
|
|
2077
2079
|
this.savedFilters = [
|
|
2078
|
-
...
|
|
2080
|
+
...savedFilters,
|
|
2079
2081
|
];
|
|
2080
2082
|
}));
|
|
2081
2083
|
}
|
|
2082
2084
|
delete(savedFilter) {
|
|
2083
2085
|
return this._config.delete(savedFilter)
|
|
2084
|
-
.pipe(tap((
|
|
2086
|
+
.pipe(tap(() => {
|
|
2085
2087
|
this.savedFilters = this.savedFilters
|
|
2086
|
-
.filter((f) => f.id !==
|
|
2088
|
+
.filter((f) => f.id !== savedFilter.id);
|
|
2087
2089
|
}));
|
|
2088
2090
|
}
|
|
2089
2091
|
setActiveFilter(savedFilter) {
|
|
@@ -4306,11 +4308,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
4306
4308
|
args: [{ selector: 'filter-item-select-backdrop', changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host{position:absolute;z-index:1002;inset:0}\n"] }]
|
|
4307
4309
|
}], ctorParameters: function () { return []; } });
|
|
4308
4310
|
|
|
4311
|
+
class FsFilterSavedFilterManageComponent {
|
|
4312
|
+
constructor(data, _cdRef) {
|
|
4313
|
+
this.data = data;
|
|
4314
|
+
this._cdRef = _cdRef;
|
|
4315
|
+
this._savedFiltersController = this.data.savedFiltersController;
|
|
4316
|
+
this.savedFilters = [...this._savedFiltersController.savedFilters];
|
|
4317
|
+
}
|
|
4318
|
+
remove(savedFilter) {
|
|
4319
|
+
this._savedFiltersController.delete(savedFilter)
|
|
4320
|
+
.subscribe(() => {
|
|
4321
|
+
this.savedFilters = [...this._savedFiltersController.savedFilters];
|
|
4322
|
+
this._cdRef.markForCheck();
|
|
4323
|
+
});
|
|
4324
|
+
}
|
|
4325
|
+
drop(event) {
|
|
4326
|
+
moveItemInArray(this.savedFilters, event.previousIndex, event.currentIndex);
|
|
4327
|
+
this._savedFiltersController.order(this.savedFilters)
|
|
4328
|
+
.subscribe();
|
|
4329
|
+
}
|
|
4330
|
+
}
|
|
4331
|
+
FsFilterSavedFilterManageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterSavedFilterManageComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4332
|
+
FsFilterSavedFilterManageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsFilterSavedFilterManageComponent, selector: "ng-component", ngImport: i0, template: "<h1 mat-dialog-title>\n Manage saved filters\n</h1>\n<div mat-dialog-content>\n <div\n cdkDropList \n [cdkDropListData]=\"savedFilters\"\n cdkDropListOrientation=\"vertical\"\n (cdkDropListDropped)=\"drop($event)\"> \n <ng-container \n *ngFor=\"let savedFilter of savedFilters\">\n <div class=\"chip-container\">\n <fs-chip \n cdkDrag\n (removed)=\"remove(savedFilter)\">\n {{savedFilter.name}}\n </fs-chip>\n </div>\n </ng-container>\n </div>\n</div>\n<div mat-dialog-actions>\n <button \n mat-button\n type=\"button\"\n [mat-dialog-close]=\"null\">\n Done\n </button>\n</div>\n", styles: [".chip-container{padding:5px 0}.chip-container fs-chip{cursor:move}.cdk-drag-preview{box-sizing:border-box}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], components: [{ type: i2$3.FsChipComponent, selector: "fs-chip", inputs: ["selectable", "removable", "value", "icon", "image", "selected", "size", "backgroundColor", "borderColor", "color", "outlined"], outputs: ["selectedToggled", "removed"] }, { type: i1$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i4$3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i7.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterSavedFilterManageComponent, decorators: [{
|
|
4334
|
+
type: Component,
|
|
4335
|
+
args: [{ changeDetection: ChangeDetectionStrategy.OnPush, template: "<h1 mat-dialog-title>\n Manage saved filters\n</h1>\n<div mat-dialog-content>\n <div\n cdkDropList \n [cdkDropListData]=\"savedFilters\"\n cdkDropListOrientation=\"vertical\"\n (cdkDropListDropped)=\"drop($event)\"> \n <ng-container \n *ngFor=\"let savedFilter of savedFilters\">\n <div class=\"chip-container\">\n <fs-chip \n cdkDrag\n (removed)=\"remove(savedFilter)\">\n {{savedFilter.name}}\n </fs-chip>\n </div>\n </ng-container>\n </div>\n</div>\n<div mat-dialog-actions>\n <button \n mat-button\n type=\"button\"\n [mat-dialog-close]=\"null\">\n Done\n </button>\n</div>\n", styles: [".chip-container{padding:5px 0}.chip-container fs-chip{cursor:move}.cdk-drag-preview{box-sizing:border-box}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:none}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
|
|
4336
|
+
}], ctorParameters: function () {
|
|
4337
|
+
return [{ type: undefined, decorators: [{
|
|
4338
|
+
type: Inject,
|
|
4339
|
+
args: [MAT_DIALOG_DATA]
|
|
4340
|
+
}] }, { type: i0.ChangeDetectorRef }];
|
|
4341
|
+
} });
|
|
4342
|
+
|
|
4309
4343
|
class FsSavedFiltersMenuComponent {
|
|
4310
|
-
constructor(_itemsStore, _externalParams, _savedFilters) {
|
|
4344
|
+
constructor(_itemsStore, _externalParams, _savedFilters, _dialog) {
|
|
4311
4345
|
this._itemsStore = _itemsStore;
|
|
4312
4346
|
this._externalParams = _externalParams;
|
|
4313
4347
|
this._savedFilters = _savedFilters;
|
|
4348
|
+
this._dialog = _dialog;
|
|
4314
4349
|
this.clear = new EventEmitter();
|
|
4315
4350
|
}
|
|
4316
4351
|
get filters$() {
|
|
@@ -4328,15 +4363,19 @@ class FsSavedFiltersMenuComponent {
|
|
|
4328
4363
|
this.clear.emit();
|
|
4329
4364
|
}
|
|
4330
4365
|
manageFilters() {
|
|
4331
|
-
|
|
4366
|
+
this._dialog.open(FsFilterSavedFilterManageComponent, {
|
|
4367
|
+
data: {
|
|
4368
|
+
savedFiltersController: this._savedFilters,
|
|
4369
|
+
},
|
|
4370
|
+
});
|
|
4332
4371
|
}
|
|
4333
4372
|
}
|
|
4334
|
-
FsSavedFiltersMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsSavedFiltersMenuComponent, deps: [{ token: FsFilterItemsStore }, { token: ExternalParamsController }, { token: SavedFiltersController }], target: i0.ɵɵFactoryTarget.Component });
|
|
4335
|
-
FsSavedFiltersMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsSavedFiltersMenuComponent, selector: "fs-filter-saved-filters-menu", outputs: { clear: "clear" }, ngImport: i0, template: "<a [fsMenuTriggerFor]=\"menu\" class=\"selector\">{{ (activeFilter$ | async)?.name || 'Not selected' }}</a>\n\n<fs-menu #menu>\n <ng-container *ngIf=\"activeFilter$ | async\">\n <ng-template fs-menu-item (click)=\"removeActiveFilter()\">\n None\n </ng-template>\n </ng-container>\n <ng-container *ngFor=\"let filter of filters$ | async\">\n
|
|
4373
|
+
FsSavedFiltersMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsSavedFiltersMenuComponent, deps: [{ token: FsFilterItemsStore }, { token: ExternalParamsController }, { token: SavedFiltersController }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
|
|
4374
|
+
FsSavedFiltersMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsSavedFiltersMenuComponent, selector: "fs-filter-saved-filters-menu", outputs: { clear: "clear" }, ngImport: i0, template: "<a [fsMenuTriggerFor]=\"menu\" class=\"selector\">{{ (activeFilter$ | async)?.name || 'Not selected' }}</a>\n\n<fs-menu #menu>\n <ng-container *ngIf=\"activeFilter$ | async\">\n <ng-template fs-menu-item (click)=\"removeActiveFilter()\">\n None\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"(filters$ | async).length !==0\">\n <ng-container *ngFor=\"let filter of filters$ | async\">\n <ng-template fs-menu-item (click)=\"selectFilter(filter)\">\n {{ filter.name }}\n </ng-template>\n </ng-container>\n <ng-template fs-menu-divider-item></ng-template>\n </ng-container>\n <ng-template \n fs-menu-item \n class=\"saved-filter-last-item\" \n (click)=\"manageFilters()\">\n Manage\n </ng-template>\n</fs-menu>\n", styles: [":host ::ng-deep .selector{cursor:pointer}\n"], components: [{ type: i3$3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }], directives: [{ type: i3$3.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4336
4375
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsSavedFiltersMenuComponent, decorators: [{
|
|
4337
4376
|
type: Component,
|
|
4338
|
-
args: [{ selector: 'fs-filter-saved-filters-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [fsMenuTriggerFor]=\"menu\" class=\"selector\">{{ (activeFilter$ | async)?.name || 'Not selected' }}</a>\n\n<fs-menu #menu>\n <ng-container *ngIf=\"activeFilter$ | async\">\n <ng-template fs-menu-item (click)=\"removeActiveFilter()\">\n None\n </ng-template>\n </ng-container>\n <ng-container *ngFor=\"let filter of filters$ | async\">\n
|
|
4339
|
-
}], ctorParameters: function () { return [{ type: FsFilterItemsStore }, { type: ExternalParamsController }, { type: SavedFiltersController }]; }, propDecorators: { clear: [{
|
|
4377
|
+
args: [{ selector: 'fs-filter-saved-filters-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a [fsMenuTriggerFor]=\"menu\" class=\"selector\">{{ (activeFilter$ | async)?.name || 'Not selected' }}</a>\n\n<fs-menu #menu>\n <ng-container *ngIf=\"activeFilter$ | async\">\n <ng-template fs-menu-item (click)=\"removeActiveFilter()\">\n None\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"(filters$ | async).length !==0\">\n <ng-container *ngFor=\"let filter of filters$ | async\">\n <ng-template fs-menu-item (click)=\"selectFilter(filter)\">\n {{ filter.name }}\n </ng-template>\n </ng-container>\n <ng-template fs-menu-divider-item></ng-template>\n </ng-container>\n <ng-template \n fs-menu-item \n class=\"saved-filter-last-item\" \n (click)=\"manageFilters()\">\n Manage\n </ng-template>\n</fs-menu>\n", styles: [":host ::ng-deep .selector{cursor:pointer}\n"] }]
|
|
4378
|
+
}], ctorParameters: function () { return [{ type: FsFilterItemsStore }, { type: ExternalParamsController }, { type: SavedFiltersController }, { type: i1$1.MatDialog }]; }, propDecorators: { clear: [{
|
|
4340
4379
|
type: Output
|
|
4341
4380
|
}] } });
|
|
4342
4381
|
|
|
@@ -4383,6 +4422,7 @@ FsFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
4383
4422
|
FsFilterActionsComponent,
|
|
4384
4423
|
FsFilterActionButtonComponent,
|
|
4385
4424
|
FsFilterActionKebabActionsComponent,
|
|
4425
|
+
FsFilterSavedFilterManageComponent,
|
|
4386
4426
|
FilterStatusBarDirective,
|
|
4387
4427
|
FocusToItemDirective,
|
|
4388
4428
|
// Pipes
|
|
@@ -4390,6 +4430,7 @@ FsFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version:
|
|
|
4390
4430
|
RouterModule,
|
|
4391
4431
|
FormsModule,
|
|
4392
4432
|
ReactiveFormsModule,
|
|
4433
|
+
DragDropModule,
|
|
4393
4434
|
MatIconModule,
|
|
4394
4435
|
MatInputModule,
|
|
4395
4436
|
MatSelectModule,
|
|
@@ -4425,6 +4466,7 @@ FsFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
|
|
|
4425
4466
|
RouterModule,
|
|
4426
4467
|
FormsModule,
|
|
4427
4468
|
ReactiveFormsModule,
|
|
4469
|
+
DragDropModule,
|
|
4428
4470
|
MatIconModule,
|
|
4429
4471
|
MatInputModule,
|
|
4430
4472
|
MatSelectModule,
|
|
@@ -4460,6 +4502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
4460
4502
|
RouterModule,
|
|
4461
4503
|
FormsModule,
|
|
4462
4504
|
ReactiveFormsModule,
|
|
4505
|
+
DragDropModule,
|
|
4463
4506
|
MatIconModule,
|
|
4464
4507
|
MatInputModule,
|
|
4465
4508
|
MatSelectModule,
|
|
@@ -4515,6 +4558,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
4515
4558
|
FsFilterActionsComponent,
|
|
4516
4559
|
FsFilterActionButtonComponent,
|
|
4517
4560
|
FsFilterActionKebabActionsComponent,
|
|
4561
|
+
FsFilterSavedFilterManageComponent,
|
|
4518
4562
|
FilterStatusBarDirective,
|
|
4519
4563
|
FocusToItemDirective,
|
|
4520
4564
|
// Pipes
|