@firestitch/filter 13.0.13 → 13.0.15

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.
Files changed (207) hide show
  1. package/app/classes/actions-controller.d.ts +41 -41
  2. package/app/components/action-button/action-button.component.d.ts +9 -9
  3. package/app/components/action-kebab-actions/action-kebab-actions.component.d.ts +7 -7
  4. package/app/components/actions/actions.component.d.ts +12 -12
  5. package/app/components/filter/filter.component.d.ts +194 -192
  6. package/app/components/filter-chip/filter-chip.component.d.ts +26 -26
  7. package/app/components/filter-chip-content/filter-chip-content.component.d.ts +18 -18
  8. package/app/components/filter-chips/filter-chips.component.d.ts +10 -10
  9. package/app/components/filter-drawer/filter-drawer.component.d.ts +30 -30
  10. package/app/components/filter-drawer-actions/filter-drawer-actions.component.d.ts +15 -15
  11. package/app/components/filters-item/autocomplete/autocomplete.component.d.ts +14 -14
  12. package/app/components/filters-item/autocompletechips/autocompletechips.component.d.ts +16 -16
  13. package/app/components/filters-item/base-item/base-item.component.d.ts +25 -25
  14. package/app/components/filters-item/checkbox/checkbox.component.d.ts +11 -11
  15. package/app/components/filters-item/chips/chips.component.d.ts +13 -13
  16. package/app/components/filters-item/date/date.component.d.ts +20 -20
  17. package/app/components/filters-item/date-range/date-range.component.d.ts +15 -15
  18. package/app/components/filters-item/filter-item.component.d.ts +39 -39
  19. package/app/components/filters-item/range/range.component.d.ts +15 -15
  20. package/app/components/filters-item/select/backdrop/backdrop.component.d.ts +6 -6
  21. package/app/components/filters-item/select/groups/groups.component.d.ts +12 -12
  22. package/app/components/filters-item/select/multiple/multiple.component.d.ts +15 -15
  23. package/app/components/filters-item/select/select.component.d.ts +23 -23
  24. package/app/components/filters-item/select/simple/simple.component.d.ts +14 -14
  25. package/app/components/filters-item/text/text.component.d.ts +19 -19
  26. package/app/components/filters-item/week/week.component.d.ts +12 -12
  27. package/app/components/saved-filter-edit/saved-filter-edit.component.d.ts +18 -18
  28. package/app/components/saved-filters-menu/saved-filters-menu.component.d.ts +23 -23
  29. package/app/consts/query-param-delimiter.d.ts +1 -1
  30. package/app/directives/focus-to-item/focus-to-item.directive.d.ts +27 -27
  31. package/app/directives/status-bar/status-bar.directive.d.ts +8 -8
  32. package/app/enums/action-mode.enum.d.ts +6 -6
  33. package/app/enums/action-type.enum.d.ts +9 -9
  34. package/app/enums/button-style.d.ts +9 -9
  35. package/app/enums/index.d.ts +6 -6
  36. package/app/enums/item-date-mode.enum.d.ts +5 -5
  37. package/app/enums/item-type.enum.d.ts +15 -15
  38. package/app/enums/picker-view-type.enum.d.ts +7 -7
  39. package/app/fs-filter.module.d.ts +66 -66
  40. package/app/helpers/build-query-params.d.ts +3 -3
  41. package/app/helpers/compare.d.ts +2 -2
  42. package/app/helpers/create-filter-item.d.ts +14 -14
  43. package/app/helpers/find-value.d.ts +1 -1
  44. package/app/helpers/get-range-name.d.ts +1 -1
  45. package/app/helpers/parse-date.d.ts +1 -1
  46. package/app/helpers/parse-item-value-from-stored.d.ts +1 -1
  47. package/app/helpers/query-param-transformers.d.ts +2 -2
  48. package/app/helpers/restore-items.d.ts +12 -12
  49. package/app/injectors/filter-config.d.ts +2 -2
  50. package/app/injectors/filter-drawer-data.d.ts +2 -2
  51. package/app/injectors/filter-drawer-overlay.d.ts +2 -2
  52. package/app/interfaces/action.interface.d.ts +80 -80
  53. package/app/interfaces/config.interface.d.ts +62 -62
  54. package/app/interfaces/external-params.interface.d.ts +3 -3
  55. package/app/interfaces/filter.interface.d.ts +4 -4
  56. package/app/interfaces/items/autocomplete-chips.interface.d.ts +15 -15
  57. package/app/interfaces/items/autocomplete.interface.d.ts +9 -9
  58. package/app/interfaces/items/base.interface.d.ts +29 -29
  59. package/app/interfaces/items/checkbox.interface.d.ts +7 -7
  60. package/app/interfaces/items/chips.interface.d.ts +6 -6
  61. package/app/interfaces/items/date-range.interface.d.ts +8 -8
  62. package/app/interfaces/items/date.interface.d.ts +7 -7
  63. package/app/interfaces/items/range.interface.d.ts +13 -13
  64. package/app/interfaces/items/select.interface.d.ts +20 -20
  65. package/app/interfaces/items/text.interface.d.ts +9 -9
  66. package/app/interfaces/items/week.interface.d.ts +7 -7
  67. package/app/interfaces/saved-filters.interface.d.ts +18 -18
  68. package/app/interfaces/update-filter-item.interface.d.ts +4 -4
  69. package/app/models/action-menu-item.model.d.ts +23 -23
  70. package/app/models/action.model.d.ts +50 -50
  71. package/app/models/filter-config.d.ts +30 -30
  72. package/app/models/items/autocomplete/base-autocomplete-item.d.ts +12 -12
  73. package/app/models/items/autocomplete-chips-item.d.ts +20 -20
  74. package/app/models/items/autocomplete-item.d.ts +11 -11
  75. package/app/models/items/base-item.d.ts +80 -80
  76. package/app/models/items/checkbox-item.d.ts +17 -17
  77. package/app/models/items/chips-item.d.ts +18 -18
  78. package/app/models/items/date/base-date-item.d.ts +14 -14
  79. package/app/models/items/date-item.d.ts +8 -8
  80. package/app/models/items/date-range/base-date-range-item.d.ts +21 -21
  81. package/app/models/items/date-range-item.d.ts +6 -6
  82. package/app/models/items/date-time-item.d.ts +7 -7
  83. package/app/models/items/date-time-range-item.d.ts +6 -6
  84. package/app/models/items/range-item.d.ts +23 -23
  85. package/app/models/items/select/base-select-item.d.ts +13 -13
  86. package/app/models/items/select/multiple-select-item.d.ts +14 -14
  87. package/app/models/items/select/simple-select-item.d.ts +14 -14
  88. package/app/models/items/select-item.d.ts +8 -8
  89. package/app/models/items/text-item.d.ts +15 -15
  90. package/app/models/items/week-item.d.ts +18 -18
  91. package/app/pipes/remove-isolate-value.pipe.d.ts +8 -8
  92. package/app/providers/filter-meta.d.ts +5 -5
  93. package/app/services/external-params/persistance-params-controller.service.d.ts +22 -22
  94. package/app/services/external-params/query-params-controller.service.d.ts +22 -22
  95. package/app/services/external-params/saved-filters-controller.service.d.ts +40 -40
  96. package/app/services/external-params-controller.service.d.ts +42 -42
  97. package/app/services/filter-overlay.service.d.ts +36 -36
  98. package/app/services/focus-controller.service.d.ts +18 -18
  99. package/app/services/items-store.service.d.ts +67 -67
  100. package/esm2020/app/classes/actions-controller.mjs +126 -126
  101. package/esm2020/app/components/action-button/action-button.component.mjs +23 -23
  102. package/esm2020/app/components/action-kebab-actions/action-kebab-actions.component.mjs +16 -16
  103. package/esm2020/app/components/actions/actions.component.mjs +38 -38
  104. package/esm2020/app/components/filter/filter.component.mjs +575 -572
  105. package/esm2020/app/components/filter-chip/filter-chip.component.mjs +85 -85
  106. package/esm2020/app/components/filter-chip-content/filter-chip-content.component.mjs +78 -78
  107. package/esm2020/app/components/filter-chips/filter-chips.component.mjs +22 -22
  108. package/esm2020/app/components/filter-drawer/filter-drawer.component.mjs +70 -70
  109. package/esm2020/app/components/filter-drawer-actions/filter-drawer-actions.component.mjs +40 -40
  110. package/esm2020/app/components/filters-item/autocomplete/autocomplete.component.mjs +26 -26
  111. package/esm2020/app/components/filters-item/autocompletechips/autocompletechips.component.mjs +41 -41
  112. package/esm2020/app/components/filters-item/base-item/base-item.component.mjs +62 -62
  113. package/esm2020/app/components/filters-item/checkbox/checkbox.component.mjs +20 -20
  114. package/esm2020/app/components/filters-item/chips/chips.component.mjs +27 -27
  115. package/esm2020/app/components/filters-item/date/date.component.mjs +42 -42
  116. package/esm2020/app/components/filters-item/date-range/date-range.component.mjs +33 -33
  117. package/esm2020/app/components/filters-item/filter-item.component.mjs +79 -79
  118. package/esm2020/app/components/filters-item/range/range.component.mjs +44 -44
  119. package/esm2020/app/components/filters-item/select/backdrop/backdrop.component.mjs +11 -11
  120. package/esm2020/app/components/filters-item/select/groups/groups.component.mjs +29 -29
  121. package/esm2020/app/components/filters-item/select/multiple/multiple.component.mjs +56 -56
  122. package/esm2020/app/components/filters-item/select/select.component.mjs +50 -50
  123. package/esm2020/app/components/filters-item/select/simple/simple.component.mjs +42 -42
  124. package/esm2020/app/components/filters-item/text/text.component.mjs +48 -48
  125. package/esm2020/app/components/filters-item/week/week.component.mjs +24 -24
  126. package/esm2020/app/components/saved-filter-edit/saved-filter-edit.component.mjs +54 -54
  127. package/esm2020/app/components/saved-filters-menu/saved-filters-menu.component.mjs +50 -50
  128. package/esm2020/app/consts/query-param-delimiter.mjs +1 -1
  129. package/esm2020/app/directives/focus-to-item/focus-to-item.directive.mjs +129 -129
  130. package/esm2020/app/directives/status-bar/status-bar.directive.mjs +15 -15
  131. package/esm2020/app/enums/action-mode.enum.mjs +7 -7
  132. package/esm2020/app/enums/action-type.enum.mjs +10 -10
  133. package/esm2020/app/enums/button-style.mjs +10 -10
  134. package/esm2020/app/enums/index.mjs +6 -6
  135. package/esm2020/app/enums/item-date-mode.enum.mjs +6 -6
  136. package/esm2020/app/enums/item-type.enum.mjs +16 -16
  137. package/esm2020/app/enums/picker-view-type.enum.mjs +8 -8
  138. package/esm2020/app/fs-filter.module.mjs +247 -247
  139. package/esm2020/app/helpers/build-query-params.mjs +32 -32
  140. package/esm2020/app/helpers/compare.mjs +37 -37
  141. package/esm2020/app/helpers/create-filter-item.mjs +54 -54
  142. package/esm2020/app/helpers/find-value.mjs +12 -12
  143. package/esm2020/app/helpers/get-range-name.mjs +8 -8
  144. package/esm2020/app/helpers/parse-date.mjs +7 -7
  145. package/esm2020/app/helpers/parse-item-value-from-stored.mjs +80 -80
  146. package/esm2020/app/helpers/query-param-transformers.mjs +8 -8
  147. package/esm2020/app/helpers/restore-items.mjs +48 -48
  148. package/esm2020/app/injectors/filter-config.mjs +2 -2
  149. package/esm2020/app/injectors/filter-drawer-data.mjs +2 -2
  150. package/esm2020/app/injectors/filter-drawer-overlay.mjs +2 -2
  151. package/esm2020/app/interfaces/action.interface.mjs +1 -1
  152. package/esm2020/app/interfaces/config.interface.mjs +1 -1
  153. package/esm2020/app/interfaces/external-params.interface.mjs +1 -1
  154. package/esm2020/app/interfaces/filter.interface.mjs +1 -1
  155. package/esm2020/app/interfaces/items/autocomplete-chips.interface.mjs +1 -1
  156. package/esm2020/app/interfaces/items/autocomplete.interface.mjs +1 -1
  157. package/esm2020/app/interfaces/items/base.interface.mjs +1 -1
  158. package/esm2020/app/interfaces/items/checkbox.interface.mjs +1 -1
  159. package/esm2020/app/interfaces/items/chips.interface.mjs +1 -1
  160. package/esm2020/app/interfaces/items/date-range.interface.mjs +1 -1
  161. package/esm2020/app/interfaces/items/date.interface.mjs +1 -1
  162. package/esm2020/app/interfaces/items/range.interface.mjs +1 -1
  163. package/esm2020/app/interfaces/items/select.interface.mjs +1 -1
  164. package/esm2020/app/interfaces/items/text.interface.mjs +1 -1
  165. package/esm2020/app/interfaces/items/week.interface.mjs +1 -1
  166. package/esm2020/app/interfaces/saved-filters.interface.mjs +1 -1
  167. package/esm2020/app/interfaces/update-filter-item.interface.mjs +1 -1
  168. package/esm2020/app/models/action-menu-item.model.mjs +66 -66
  169. package/esm2020/app/models/action.model.mjs +114 -114
  170. package/esm2020/app/models/filter-config.mjs +65 -65
  171. package/esm2020/app/models/items/autocomplete/base-autocomplete-item.mjs +13 -13
  172. package/esm2020/app/models/items/autocomplete-chips-item.mjs +60 -60
  173. package/esm2020/app/models/items/autocomplete-item.mjs +32 -32
  174. package/esm2020/app/models/items/base-item.mjs +233 -233
  175. package/esm2020/app/models/items/checkbox-item.mjs +49 -49
  176. package/esm2020/app/models/items/chips-item.mjs +88 -88
  177. package/esm2020/app/models/items/date/base-date-item.mjs +47 -47
  178. package/esm2020/app/models/items/date-item.mjs +18 -18
  179. package/esm2020/app/models/items/date-range/base-date-range-item.mjs +134 -134
  180. package/esm2020/app/models/items/date-range-item.mjs +6 -6
  181. package/esm2020/app/models/items/date-time-item.mjs +9 -9
  182. package/esm2020/app/models/items/date-time-range-item.mjs +6 -6
  183. package/esm2020/app/models/items/range-item.mjs +82 -82
  184. package/esm2020/app/models/items/select/base-select-item.mjs +36 -36
  185. package/esm2020/app/models/items/select/multiple-select-item.mjs +87 -87
  186. package/esm2020/app/models/items/select/simple-select-item.mjs +65 -65
  187. package/esm2020/app/models/items/select-item.mjs +10 -10
  188. package/esm2020/app/models/items/text-item.mjs +33 -33
  189. package/esm2020/app/models/items/week-item.mjs +93 -93
  190. package/esm2020/app/pipes/remove-isolate-value.pipe.mjs +20 -20
  191. package/esm2020/app/providers/filter-meta.mjs +9 -9
  192. package/esm2020/app/services/external-params/persistance-params-controller.service.mjs +57 -57
  193. package/esm2020/app/services/external-params/query-params-controller.service.mjs +61 -61
  194. package/esm2020/app/services/external-params/saved-filters-controller.service.mjs +163 -163
  195. package/esm2020/app/services/external-params-controller.service.mjs +161 -161
  196. package/esm2020/app/services/filter-overlay.service.mjs +121 -121
  197. package/esm2020/app/services/focus-controller.service.mjs +29 -29
  198. package/esm2020/app/services/items-store.service.mjs +336 -336
  199. package/esm2020/firestitch-filter.mjs +4 -4
  200. package/esm2020/public_api.mjs +36 -36
  201. package/fesm2015/firestitch-filter.mjs +4248 -4245
  202. package/fesm2015/firestitch-filter.mjs.map +1 -1
  203. package/fesm2020/firestitch-filter.mjs +4229 -4226
  204. package/fesm2020/firestitch-filter.mjs.map +1 -1
  205. package/firestitch-filter.d.ts +5 -5
  206. package/package.json +1 -1
  207. package/public_api.d.ts +40 -40
@@ -1,18 +1,18 @@
1
- import { BaseItem } from '../models/items/base-item';
2
- import * as i0 from "@angular/core";
3
- export declare class FocusControllerService {
4
- private _focusOn;
5
- constructor();
6
- get focusOn$(): import("rxjs").Observable<{
7
- item: BaseItem<any>;
8
- type: "from" | "to";
9
- }>;
10
- click(item: BaseItem<any>, type?: 'from' | 'to'): void;
11
- listenFocusFor$(targetItem: BaseItem<any>, targetType?: 'from' | 'to'): import("rxjs").Observable<{
12
- item: BaseItem<any>;
13
- type: "from" | "to";
14
- }>;
15
- clearFocus(): void;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<FocusControllerService, never>;
17
- static ɵprov: i0.ɵɵInjectableDeclaration<FocusControllerService>;
18
- }
1
+ import { BaseItem } from '../models/items/base-item';
2
+ import * as i0 from "@angular/core";
3
+ export declare class FocusControllerService {
4
+ private _focusOn;
5
+ constructor();
6
+ get focusOn$(): import("rxjs").Observable<{
7
+ item: BaseItem<any>;
8
+ type: "from" | "to";
9
+ }>;
10
+ click(item: BaseItem<any>, type?: 'from' | 'to'): void;
11
+ listenFocusFor$(targetItem: BaseItem<any>, targetType?: 'from' | 'to'): import("rxjs").Observable<{
12
+ item: BaseItem<any>;
13
+ type: "from" | "to";
14
+ }>;
15
+ clearFocus(): void;
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<FocusControllerService, never>;
17
+ static ɵprov: i0.ɵɵInjectableDeclaration<FocusControllerService>;
18
+ }
@@ -1,67 +1,67 @@
1
- import { OnDestroy } from '@angular/core';
2
- import { Observable } from 'rxjs';
3
- import type { FilterComponent } from '../components/filter/filter.component';
4
- import { FilterSort, IFilterConfigItem } from '../interfaces/config.interface';
5
- import { IFilterExternalParams } from '../interfaces/external-params.interface';
6
- import { ISortingChangeEvent } from '../interfaces/filter.interface';
7
- import { BaseItem } from '../models/items/base-item';
8
- import { TextItem } from '../models/items/text-item';
9
- import * as i0 from "@angular/core";
10
- interface IValueAsQuery {
11
- onlyPresented?: boolean;
12
- items?: BaseItem<IFilterConfigItem>[];
13
- persisted?: boolean;
14
- }
15
- export declare class FsFilterItemsStore implements OnDestroy {
16
- sortByItem: BaseItem<IFilterConfigItem>;
17
- sortDirectionItem: BaseItem<IFilterConfigItem>;
18
- keywordItem: TextItem;
19
- filter: FilterComponent;
20
- private _ready$;
21
- private _items;
22
- private _visibleItems$;
23
- private _itemsByName;
24
- private _itemsValuesLoaded;
25
- private _hasKeyword;
26
- private _config;
27
- private _itemsChange$;
28
- private _destroy$;
29
- constructor();
30
- get items(): BaseItem<IFilterConfigItem>[];
31
- get visibleItems(): BaseItem<IFilterConfigItem>[];
32
- set visibleItems(items: BaseItem<IFilterConfigItem>[]);
33
- get visibleItems$(): Observable<BaseItem<IFilterConfigItem>[]>;
34
- get hasKeyword(): boolean;
35
- get itemsChange$(): Observable<unknown>;
36
- get ready$(): Observable<boolean>;
37
- ngOnDestroy(): void;
38
- setConfig(config: any): void;
39
- getItemByName(name: string): BaseItem<IFilterConfigItem>;
40
- initItems(items: IFilterConfigItem[]): void;
41
- filtersClear(): void;
42
- loadAsyncValues(): void;
43
- loadAsyncDefaults(): void;
44
- getSort(): FilterSort;
45
- getSortByValue(): any;
46
- getSortDirectionValue(): any;
47
- updateSort(sort: ISortingChangeEvent): void;
48
- values(onlyPresented?: boolean): Record<string, unknown>;
49
- valuesAsQuery({ onlyPresented, items, persisted, }?: IValueAsQuery): Record<string, unknown>;
50
- init(p: IFilterExternalParams): void;
51
- updateItemsWithValues(values: IFilterExternalParams): void;
52
- destroyItems(): void;
53
- /**
54
- * Some items might need to load async values before they will be shown
55
- */
56
- prepareItems(): void;
57
- updateItemsVisiblity(): void;
58
- private _createItems;
59
- private _subscribeToItemsChanges;
60
- private _lazyInit;
61
- private _initSortingItems;
62
- private _createSortingItems;
63
- private _setKeywordItem;
64
- static ɵfac: i0.ɵɵFactoryDeclaration<FsFilterItemsStore, never>;
65
- static ɵprov: i0.ɵɵInjectableDeclaration<FsFilterItemsStore>;
66
- }
67
- export {};
1
+ import { OnDestroy } from '@angular/core';
2
+ import { Observable } from 'rxjs';
3
+ import type { FilterComponent } from '../components/filter/filter.component';
4
+ import { FilterSort, IFilterConfigItem } from '../interfaces/config.interface';
5
+ import { IFilterExternalParams } from '../interfaces/external-params.interface';
6
+ import { ISortingChangeEvent } from '../interfaces/filter.interface';
7
+ import { BaseItem } from '../models/items/base-item';
8
+ import { TextItem } from '../models/items/text-item';
9
+ import * as i0 from "@angular/core";
10
+ interface IValueAsQuery {
11
+ onlyPresented?: boolean;
12
+ items?: BaseItem<IFilterConfigItem>[];
13
+ persisted?: boolean;
14
+ }
15
+ export declare class FsFilterItemsStore implements OnDestroy {
16
+ sortByItem: BaseItem<IFilterConfigItem>;
17
+ sortDirectionItem: BaseItem<IFilterConfigItem>;
18
+ keywordItem: TextItem;
19
+ filter: FilterComponent;
20
+ private _ready$;
21
+ private _items;
22
+ private _visibleItems$;
23
+ private _itemsByName;
24
+ private _itemsValuesLoaded;
25
+ private _hasKeyword;
26
+ private _config;
27
+ private _itemsChange$;
28
+ private _destroy$;
29
+ constructor();
30
+ get items(): BaseItem<IFilterConfigItem>[];
31
+ get visibleItems(): BaseItem<IFilterConfigItem>[];
32
+ set visibleItems(items: BaseItem<IFilterConfigItem>[]);
33
+ get visibleItems$(): Observable<BaseItem<IFilterConfigItem>[]>;
34
+ get hasKeyword(): boolean;
35
+ get itemsChange$(): Observable<unknown>;
36
+ get ready$(): Observable<boolean>;
37
+ ngOnDestroy(): void;
38
+ setConfig(config: any): void;
39
+ getItemByName(name: string): BaseItem<IFilterConfigItem>;
40
+ initItems(items: IFilterConfigItem[]): void;
41
+ filtersClear(): void;
42
+ loadAsyncValues(): void;
43
+ loadAsyncDefaults(): void;
44
+ getSort(): FilterSort;
45
+ getSortByValue(): any;
46
+ getSortDirectionValue(): any;
47
+ updateSort(sort: ISortingChangeEvent): void;
48
+ values(onlyPresented?: boolean): Record<string, unknown>;
49
+ valuesAsQuery({ onlyPresented, items, persisted, }?: IValueAsQuery): Record<string, unknown>;
50
+ init(p: IFilterExternalParams): void;
51
+ updateItemsWithValues(values: IFilterExternalParams): void;
52
+ destroyItems(): void;
53
+ /**
54
+ * Some items might need to load async values before they will be shown
55
+ */
56
+ prepareItems(): void;
57
+ updateItemsVisiblity(): void;
58
+ private _createItems;
59
+ private _subscribeToItemsChanges;
60
+ private _lazyInit;
61
+ private _initSortingItems;
62
+ private _createSortingItems;
63
+ private _setKeywordItem;
64
+ static ɵfac: i0.ɵɵFactoryDeclaration<FsFilterItemsStore, never>;
65
+ static ɵprov: i0.ɵɵInjectableDeclaration<FsFilterItemsStore>;
66
+ }
67
+ export {};
@@ -1,127 +1,127 @@
1
- import { BreakpointObserver } from '@angular/cdk/layout';
2
- import { Injectable } from '@angular/core';
3
- import { BehaviorSubject, Subject } from 'rxjs';
4
- import { skip, takeUntil } from 'rxjs/operators';
5
- import { Action } from '../models/action.model';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "@angular/cdk/layout";
8
- export class ActionsController {
9
- constructor(_breakpointObserver) {
10
- this._breakpointObserver = _breakpointObserver;
11
- this._visible$ = new BehaviorSubject(false);
12
- this._actions$ = new BehaviorSubject([]);
13
- this._menuActions$ = new BehaviorSubject([]);
14
- this._destroy$ = new Subject();
15
- this._mobileMedia = '(max-width: 799px)';
16
- this._allActions = [];
17
- this._listenMobileMedia();
18
- }
19
- get menuActions() {
20
- return this._menuActions$.value;
21
- }
22
- get actions() {
23
- return this._actions$.value;
24
- }
25
- get actions$() {
26
- return this._actions$.asObservable();
27
- }
28
- get menuActions$() {
29
- return this._menuActions$.asObservable();
30
- }
31
- get visible$() {
32
- return this._visible$.asObservable();
33
- }
34
- get mobileMode() {
35
- return this._breakpointObserver.isMatched(this._mobileMedia);
36
- }
37
- ngOnDestroy() {
38
- this._destroy$.next();
39
- this._destroy$.complete();
40
- }
41
- setConfig(config) {
42
- this._config = config;
43
- this.initActions(config.actions);
44
- }
45
- initActions(rawActions) {
46
- if (!rawActions || !Array.isArray(rawActions)) {
47
- return;
48
- }
49
- this.show();
50
- this._allActions = rawActions
51
- .map((action) => new Action(this._config, action));
52
- if (this._reorderAction) {
53
- this._allActions.unshift(this._reorderAction);
54
- }
55
- this._classifyActions();
56
- }
57
- show() {
58
- this._visible$.next(true);
59
- }
60
- hide() {
61
- this._visible$.next(false);
62
- }
63
- addReorderAction(action) {
64
- this._allActions.unshift(action);
65
- action.isReorderAction = true;
66
- this._classifyAction(action);
67
- this._reorderAction = action;
68
- }
69
- clearActions() {
70
- this._allActions = [];
71
- this._setActions([]);
72
- this._setKebabActions([]);
73
- }
74
- updateActionsVisibility() {
75
- this._allActions.forEach((action) => action.updateVisibility());
76
- this._classifyActions();
77
- }
78
- updateDisabledState() {
79
- this.actions.forEach((action) => action.updateDisabledState());
80
- }
81
- _setKebabActions(actions) {
82
- this._menuActions$.next(actions);
83
- }
84
- _setActions(actions) {
85
- this._actions$.next(actions);
86
- }
87
- _classifyActions() {
88
- const kebabActions = [];
89
- const actions = [];
90
- const mobileMode = this.mobileMode;
91
- this._allActions
92
- .filter((action) => {
93
- return action.visible;
94
- })
95
- .forEach((action) => {
96
- if (action.menu !== false && (action.menu || mobileMode)) {
97
- kebabActions.push(action);
98
- }
99
- else {
100
- actions.push(action);
101
- }
102
- });
103
- this._setKebabActions(kebabActions);
104
- this._setActions(actions);
105
- }
106
- _classifyAction(action) {
107
- if (action.menu) {
108
- this._setKebabActions([...this.menuActions, action]);
109
- }
110
- else {
111
- this._setActions([...this.actions, action]);
112
- }
113
- }
114
- _listenMobileMedia() {
115
- this._breakpointObserver.observe(this._mobileMedia)
116
- .pipe(skip(1), takeUntil(this._destroy$))
117
- .subscribe(() => {
118
- this._classifyActions();
119
- });
120
- }
121
- }
122
- ActionsController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
123
- ActionsController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController });
124
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, decorators: [{
125
- type: Injectable
126
- }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
1
+ import { BreakpointObserver } from '@angular/cdk/layout';
2
+ import { Injectable } from '@angular/core';
3
+ import { BehaviorSubject, Subject } from 'rxjs';
4
+ import { skip, takeUntil } from 'rxjs/operators';
5
+ import { Action } from '../models/action.model';
6
+ import * as i0 from "@angular/core";
7
+ import * as i1 from "@angular/cdk/layout";
8
+ export class ActionsController {
9
+ constructor(_breakpointObserver) {
10
+ this._breakpointObserver = _breakpointObserver;
11
+ this._visible$ = new BehaviorSubject(false);
12
+ this._actions$ = new BehaviorSubject([]);
13
+ this._menuActions$ = new BehaviorSubject([]);
14
+ this._destroy$ = new Subject();
15
+ this._mobileMedia = '(max-width: 799px)';
16
+ this._allActions = [];
17
+ this._listenMobileMedia();
18
+ }
19
+ get menuActions() {
20
+ return this._menuActions$.value;
21
+ }
22
+ get actions() {
23
+ return this._actions$.value;
24
+ }
25
+ get actions$() {
26
+ return this._actions$.asObservable();
27
+ }
28
+ get menuActions$() {
29
+ return this._menuActions$.asObservable();
30
+ }
31
+ get visible$() {
32
+ return this._visible$.asObservable();
33
+ }
34
+ get mobileMode() {
35
+ return this._breakpointObserver.isMatched(this._mobileMedia);
36
+ }
37
+ ngOnDestroy() {
38
+ this._destroy$.next();
39
+ this._destroy$.complete();
40
+ }
41
+ setConfig(config) {
42
+ this._config = config;
43
+ this.initActions(config.actions);
44
+ }
45
+ initActions(rawActions) {
46
+ if (!rawActions || !Array.isArray(rawActions)) {
47
+ return;
48
+ }
49
+ this.show();
50
+ this._allActions = rawActions
51
+ .map((action) => new Action(this._config, action));
52
+ if (this._reorderAction) {
53
+ this._allActions.unshift(this._reorderAction);
54
+ }
55
+ this._classifyActions();
56
+ }
57
+ show() {
58
+ this._visible$.next(true);
59
+ }
60
+ hide() {
61
+ this._visible$.next(false);
62
+ }
63
+ addReorderAction(action) {
64
+ this._allActions.unshift(action);
65
+ action.isReorderAction = true;
66
+ this._classifyAction(action);
67
+ this._reorderAction = action;
68
+ }
69
+ clearActions() {
70
+ this._allActions = [];
71
+ this._setActions([]);
72
+ this._setKebabActions([]);
73
+ }
74
+ updateActionsVisibility() {
75
+ this._allActions.forEach((action) => action.updateVisibility());
76
+ this._classifyActions();
77
+ }
78
+ updateDisabledState() {
79
+ this.actions.forEach((action) => action.updateDisabledState());
80
+ }
81
+ _setKebabActions(actions) {
82
+ this._menuActions$.next(actions);
83
+ }
84
+ _setActions(actions) {
85
+ this._actions$.next(actions);
86
+ }
87
+ _classifyActions() {
88
+ const kebabActions = [];
89
+ const actions = [];
90
+ const mobileMode = this.mobileMode;
91
+ this._allActions
92
+ .filter((action) => {
93
+ return action.visible;
94
+ })
95
+ .forEach((action) => {
96
+ if (action.menu !== false && (action.menu || mobileMode)) {
97
+ kebabActions.push(action);
98
+ }
99
+ else {
100
+ actions.push(action);
101
+ }
102
+ });
103
+ this._setKebabActions(kebabActions);
104
+ this._setActions(actions);
105
+ }
106
+ _classifyAction(action) {
107
+ if (action.menu) {
108
+ this._setKebabActions([...this.menuActions, action]);
109
+ }
110
+ else {
111
+ this._setActions([...this.actions, action]);
112
+ }
113
+ }
114
+ _listenMobileMedia() {
115
+ this._breakpointObserver.observe(this._mobileMedia)
116
+ .pipe(skip(1), takeUntil(this._destroy$))
117
+ .subscribe(() => {
118
+ this._classifyActions();
119
+ });
120
+ }
121
+ }
122
+ ActionsController.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Injectable });
123
+ ActionsController.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController });
124
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: ActionsController, decorators: [{
125
+ type: Injectable
126
+ }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
127
127
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy1jb250cm9sbGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FwcC9jbGFzc2VzL2FjdGlvbnMtY29udHJvbGxlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRXRELE9BQU8sRUFBRSxlQUFlLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVELE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFLaEQsTUFBTSxPQUFPLGlCQUFpQjtJQVk1QixZQUNVLG1CQUF1QztRQUF2Qyx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQW9CO1FBWHpDLGNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxjQUFTLEdBQUcsSUFBSSxlQUFlLENBQVcsRUFBRSxDQUFDLENBQUM7UUFDOUMsa0JBQWEsR0FBRyxJQUFJLGVBQWUsQ0FBVyxFQUFFLENBQUMsQ0FBQztRQUNsRCxjQUFTLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUd2QixpQkFBWSxHQUFHLG9CQUFvQixDQUFDO1FBQzdDLGdCQUFXLEdBQWEsRUFBRSxDQUFDO1FBTWpDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUFXLFdBQVc7UUFDcEIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxT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QVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQzFCO2FBQ0EsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUFBO0lBQ04sQ0FBQzs7OEdBbkpVLGlCQUFpQjtrSEFBakIsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBRDdCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIgfSBmcm9tICdAYW5ndWxhci9jZGsvbGF5b3V0JztcbmltcG9ydCB7IEluamVjdGFibGUsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHNraXAsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgRnNGaWx0ZXJBY3Rpb24gfSBmcm9tICcuLi9pbnRlcmZhY2VzL2FjdGlvbi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQWN0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2FjdGlvbi5tb2RlbCc7XG5pbXBvcnQgeyBGc0ZpbHRlckNvbmZpZyB9IGZyb20gJy4uL21vZGVscy9maWx0ZXItY29uZmlnJztcblxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgQWN0aW9uc0NvbnRyb2xsZXIgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgX3Zpc2libGUkID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG4gIHByaXZhdGUgX2FjdGlvbnMkID0gbmV3IEJlaGF2aW9yU3ViamVjdDxBY3Rpb25bXT4oW10pO1xuICBwcml2YXRlIF9tZW51QWN0aW9ucyQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PEFjdGlvbltdPihbXSk7XG4gIHByaXZhdGUgX2Rlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgcHJpdmF0ZSBfY29uZmlnOiBGc0ZpbHRlckNvbmZpZztcblxuICBwcml2YXRlIHJlYWRvbmx5IF9tb2JpbGVNZWRpYSA9ICcobWF4LXdpZHRoOiA3OTlweCknO1xuICBwcml2YXRlIF9hbGxBY3Rpb25zOiBBY3Rpb25bXSA9IFtdO1xuICBwcml2YXRlIF9yZW9yZGVyQWN0aW9uOiBBY3Rpb247XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXG4gICkge1xuICAgIHRoaXMuX2xpc3Rlbk1vYmlsZU1lZGlhKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IG1lbnVBY3Rpb25zKCk6IEFjdGlvbltdIHtcbiAgICByZXR1cm4gdGhpcy5fbWVudUFjdGlvbnMkLnZhbHVlO1xuICB9XG5cbiAgcHVibGljIGdldCBhY3Rpb25zKCk6IEFjdGlvbltdIHtcbiAgICByZXR1cm4gdGhpcy5fYWN0aW9ucyQudmFsdWU7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFjdGlvbnMkKCk6IE9ic2VydmFibGU8QWN0aW9uW10+IHtcbiAgICByZXR1cm4gdGhpcy5fYWN0aW9ucyQuYXNPYnNlcnZhYmxlKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IG1lbnVBY3Rpb25zJCgpOiBPYnNlcnZhYmxlPEFjdGlvbltdPiB7XG4gICAgcmV0dXJuIHRoaXMuX21lbnVBY3Rpb25zJC5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgdmlzaWJsZSQoKTogT2JzZXJ2YWJsZTxib29sZWFuPiB7XG4gICAgcmV0dXJuIHRoaXMuX3Zpc2libGUkLmFzT2JzZXJ2YWJsZSgpO1xuICB9XG5cbiAgcHVibGljIGdldCBtb2JpbGVNb2RlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9icmVha3BvaW50T2JzZXJ2ZXIuaXNNYXRjaGVkKHRoaXMuX21vYmlsZU1lZGlhKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9kZXN0cm95JC5uZXh0KCk7XG4gICAgdGhpcy5fZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBzZXRDb25maWcoY29uZmlnOiBGc0ZpbHRlckNvbmZpZykge1xuICAgIHRoaXMuX2NvbmZpZyA9IGNvbmZpZztcbiAgICB0aGlzLmluaXRBY3Rpb25zKGNvbmZpZy5hY3Rpb25zKTtcbiAgfVxuXG4gIHB1YmxpYyBpbml0QWN0aW9ucyhyYXdBY3Rpb25zOiBGc0ZpbHRlckFjdGlvbltdKSB7XG4gICAgaWYgKCFyYXdBY3Rpb25zIHx8ICFBcnJheS5pc0FycmF5KHJhd0FjdGlvbnMpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy5zaG93KCk7XG5cbiAgICB0aGlzLl9hbGxBY3Rpb25zID0gcmF3QWN0aW9uc1xuICAgICAgLm1hcCgoYWN0aW9uKSA9PiBuZXcgQWN0aW9uKHRoaXMuX2NvbmZpZywgYWN0aW9uKSk7XG5cbiAgICBpZiAodGhpcy5fcmVvcmRlckFjdGlvbikge1xuICAgICAgdGhpcy5fYWxsQWN0aW9ucy51bnNoaWZ0KHRoaXMuX3Jlb3JkZXJBY3Rpb24pO1xuICAgIH1cblxuICAgIHRoaXMuX2NsYXNzaWZ5QWN0aW9ucygpO1xuICB9XG5cbiAgcHVibGljIHNob3coKSB7XG4gICAgdGhpcy5fdmlzaWJsZSQubmV4dCh0cnVlKTtcbiAgfVxuXG4gIHB1YmxpYyBoaWRlKCkge1xuICAgIHRoaXMuX3Zpc2libGUkLm5leHQoZmFsc2UpO1xuICB9XG5cbiAgcHVibGljIGFkZFJlb3JkZXJBY3Rpb24oYWN0aW9uOiBBY3Rpb24pIHtcbiAgICB0aGlzLl9hbGxBY3Rpb25zLnVuc2hpZnQoYWN0aW9uKTtcblxuICAgIGFjdGlvbi5pc1Jlb3JkZXJBY3Rpb24gPSB0cnVlO1xuXG4gICAgdGhpcy5fY2xhc3NpZnlBY3Rpb24oYWN0aW9uKTtcbiAgICB0aGlzLl9yZW9yZGVyQWN0aW9uID0gYWN0aW9uO1xuICB9XG5cbiAgcHVibGljIGNsZWFyQWN0aW9ucygpIHtcbiAgICB0aGlzLl9hbGxBY3Rpb25zID0gW107XG4gICAgdGhpcy5fc2V0QWN0aW9ucyhbXSk7XG4gICAgdGhpcy5fc2V0S2ViYWJBY3Rpb25zKFtdKTtcbiAgfVxuXG4gIHB1YmxpYyB1cGRhdGVBY3Rpb25zVmlzaWJpbGl0eSgpIHtcbiAgICB0aGlzLl9hbGxBY3Rpb25zLmZvckVhY2goKGFjdGlvbikgPT4gYWN0aW9uLnVwZGF0ZVZpc2liaWxpdHkoKSk7XG4gICAgdGhpcy5fY2xhc3NpZnlBY3Rpb25zKCk7XG4gIH1cblxuICBwdWJsaWMgdXBkYXRlRGlzYWJsZWRTdGF0ZSgpIHtcbiAgICB0aGlzLmFjdGlvbnMuZm9yRWFjaCgoYWN0aW9uKSA9PiBhY3Rpb24udXBkYXRlRGlzYWJsZWRTdGF0ZSgpKVxuICB9XG5cbiAgcHJpdmF0ZSBfc2V0S2ViYWJBY3Rpb25zKGFjdGlvbnM6IEFjdGlvbltdKSB7XG4gICAgdGhpcy5fbWVudUFjdGlvbnMkLm5leHQoYWN0aW9ucyk7XG4gIH1cblxuICBwcml2YXRlIF9zZXRBY3Rpb25zKGFjdGlvbnM6IEFjdGlvbltdKSB7XG4gICAgdGhpcy5fYWN0aW9ucyQubmV4dChhY3Rpb25zKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NsYXNzaWZ5QWN0aW9ucygpIHtcbiAgICBjb25zdCBrZWJhYkFjdGlvbnMgPSBbXTtcbiAgICBjb25zdCBhY3Rpb25zID0gW107XG4gICAgY29uc3QgbW9iaWxlTW9kZSA9IHRoaXMubW9iaWxlTW9kZTtcblxuICAgIHRoaXMuX2FsbEFjdGlvbnNcbiAgICAgIC5maWx0ZXIoKGFjdGlvbikgPT4ge1xuICAgICAgICByZXR1cm4gYWN0aW9uLnZpc2libGU7XG4gICAgICB9KVxuICAgICAgLmZvckVhY2goKGFjdGlvbikgPT4ge1xuICAgICAgICBpZiAoYWN0aW9uLm1lbnUgIT09IGZhbHNlICYmIChhY3Rpb24ubWVudSB8fCBtb2JpbGVNb2RlKSkge1xuICAgICAgICAgIGtlYmFiQWN0aW9ucy5wdXNoKGFjdGlvbik7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgYWN0aW9ucy5wdXNoKGFjdGlvbik7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuXG4gICAgdGhpcy5fc2V0S2ViYWJBY3Rpb25zKGtlYmFiQWN0aW9ucyk7XG4gICAgdGhpcy5fc2V0QWN0aW9ucyhhY3Rpb25zKTtcbiAgfVxuXG4gIHByaXZhdGUgX2NsYXNzaWZ5QWN0aW9uKGFjdGlvbjogQWN0aW9uKSB7XG4gICAgaWYgKGFjdGlvbi5tZW51KSB7XG4gICAgICB0aGlzLl9zZXRLZWJhYkFjdGlvbnMoWy4uLnRoaXMubWVudUFjdGlvbnMsIGFjdGlvbl0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9zZXRBY3Rpb25zKFsuLi50aGlzLmFjdGlvbnMsIGFjdGlvbl0pO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2xpc3Rlbk1vYmlsZU1lZGlhKCkge1xuICAgIHRoaXMuX2JyZWFrcG9pbnRPYnNlcnZlci5vYnNlcnZlKHRoaXMuX21vYmlsZU1lZGlhKVxuICAgICAgLnBpcGUoXG4gICAgICAgIHNraXAoMSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLl9kZXN0cm95JCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5fY2xhc3NpZnlBY3Rpb25zKCk7XG4gICAgICB9KVxuICB9XG59XG4iXX0=
@@ -1,24 +1,24 @@
1
- import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
- import { ActionType } from '../../enums/action-type.enum';
3
- import { Action } from '../../models/action.model';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@angular/material/button";
6
- import * as i2 from "@angular/material/icon";
7
- import * as i3 from "@angular/common";
8
- import * as i4 from "@firestitch/form";
9
- export class FsFilterActionButtonComponent {
10
- constructor() {
11
- this.ActionType = ActionType;
12
- }
13
- }
14
- FsFilterActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
- FsFilterActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsFilterActionButtonComponent, selector: "fs-filter-action-button", inputs: { action: "action" }, host: { classAttribute: "action-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"action.type\">\n <button\n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Mini Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.MiniFab\"\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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <button \n type=\"button\"\n *ngSwitchDefault\n mat-button\n [ngClass]=\"{ \n 'mat-raised-button': action.type === 'raised',\n 'mat-flat-button': action.type === 'flat',\n 'mat-stroked-button': action.type === 'stroked',\n 'mat-button': action.type === 'basic',\n 'mat-icon-button': action.type === 'icon'\n }\"\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [class]=\"action.classArray.join(' ')\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\">\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", components: [{ type: i1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
16
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, decorators: [{
17
- type: Component,
18
- args: [{ selector: 'fs-filter-action-button', host: {
19
- class: 'action-button',
20
- }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"action.type\">\n <button\n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Mini Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.MiniFab\"\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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <button \n type=\"button\"\n *ngSwitchDefault\n mat-button\n [ngClass]=\"{ \n 'mat-raised-button': action.type === 'raised',\n 'mat-flat-button': action.type === 'flat',\n 'mat-stroked-button': action.type === 'stroked',\n 'mat-button': action.type === 'basic',\n 'mat-icon-button': action.type === 'icon'\n }\"\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [class]=\"action.classArray.join(' ')\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\">\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" }]
21
- }], propDecorators: { action: [{
22
- type: Input
23
- }] } });
1
+ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
+ import { ActionType } from '../../enums/action-type.enum';
3
+ import { Action } from '../../models/action.model';
4
+ import * as i0 from "@angular/core";
5
+ import * as i1 from "@angular/material/button";
6
+ import * as i2 from "@angular/material/icon";
7
+ import * as i3 from "@angular/common";
8
+ import * as i4 from "@firestitch/form";
9
+ export class FsFilterActionButtonComponent {
10
+ constructor() {
11
+ this.ActionType = ActionType;
12
+ }
13
+ }
14
+ FsFilterActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
+ FsFilterActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsFilterActionButtonComponent, selector: "fs-filter-action-button", inputs: { action: "action" }, host: { classAttribute: "action-button" }, ngImport: i0, template: "<ng-container [ngSwitch]=\"action.type\">\n <button\n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Mini Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.MiniFab\"\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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <button \n type=\"button\"\n *ngSwitchDefault\n mat-button\n [ngClass]=\"{ \n 'mat-raised-button': action.type === 'raised',\n 'mat-flat-button': action.type === 'flat',\n 'mat-stroked-button': action.type === 'stroked',\n 'mat-button': action.type === 'basic',\n 'mat-icon-button': action.type === 'icon'\n }\"\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [class]=\"action.classArray.join(' ')\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\">\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", components: [{ type: i1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit", "form"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionButtonComponent, decorators: [{
17
+ type: Component,
18
+ args: [{ selector: 'fs-filter-action-button', host: {
19
+ class: 'action-button',
20
+ }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngSwitch]=\"action.type\">\n <button\n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <!-- Mini Fab button -->\n <button \n type=\"button\"\n *ngSwitchCase=\"ActionType.MiniFab\"\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 <ng-template [ngTemplateOutlet]=\"buttonContent\"></ng-template>\n </button>\n\n <button \n type=\"button\"\n *ngSwitchDefault\n mat-button\n [ngClass]=\"{ \n 'mat-raised-button': action.type === 'raised',\n 'mat-flat-button': action.type === 'flat',\n 'mat-stroked-button': action.type === 'stroked',\n 'mat-button': action.type === 'basic',\n 'mat-icon-button': action.type === 'icon'\n }\"\n (click)=\"action.click && action.click($event)\"\n [color]=\"action.color\"\n [class]=\"action.classArray.join(' ')\"\n [disabled]=\"action.disabled$ | async\"\n [tabIndex]=\"action.tabIndex\">\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" }]
21
+ }], propDecorators: { action: [{
22
+ type: Input
23
+ }] } });
24
24
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXBwL2NvbXBvbmVudHMvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7O0FBV25ELE1BQU0sT0FBTyw2QkFBNkI7SUFSMUM7UUFVUyxlQUFVLEdBQUcsVUFBVSxDQUFDO0tBS2hDOzswSEFQWSw2QkFBNkI7OEdBQTdCLDZCQUE2Qix3SUNiMUMsdTJFQXNFQTsyRkR6RGEsNkJBQTZCO2tCQVJ6QyxTQUFTOytCQUNFLHlCQUF5QixRQUU3Qjt3QkFDSixLQUFLLEVBQUUsZUFBZTtxQkFDdkIsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLE1BQU07c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb25UeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvYWN0aW9uLXR5cGUuZW51bSc7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvYWN0aW9uLm1vZGVsJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1maWx0ZXItYWN0aW9uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnYWN0aW9uLWJ1dHRvbicsXG4gIH0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBGc0ZpbHRlckFjdGlvbkJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgcHVibGljIEFjdGlvblR5cGUgPSBBY3Rpb25UeXBlO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3Rpb246IEFjdGlvbjtcblxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiYWN0aW9uLnR5cGVcIj5cbiAgPGJ1dHRvblxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiQWN0aW9uVHlwZS5JY29uXCJcbiAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgKGNsaWNrKT1cImFjdGlvbi5jbGljayAmJiBhY3Rpb24uY2xpY2soJGV2ZW50KVwiXG4gICAgICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yXCJcbiAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPCEtLSBGYWIgYnV0dG9uIC0tPlxuICA8YnV0dG9uIFxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hDYXNlPVwiQWN0aW9uVHlwZS5GYWJcIlxuICAgICAgbWF0LWZhYlxuICAgICAgKGNsaWNrKT1cImFjdGlvbi5jbGljayAmJiBhY3Rpb24uY2xpY2soJGV2ZW50KVwiXG4gICAgICBbY29sb3JdPVwiYWN0aW9uLmNvbG9yXCJcbiAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPCEtLSBNaW5pIEZhYiBidXR0b24gLS0+XG4gIDxidXR0b24gXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICpuZ1N3aXRjaENhc2U9XCJBY3Rpb25UeXBlLk1pbmlGYWJcIlxuICAgICAgbWF0LW1pbmktZmFiXG4gICAgICAoY2xpY2spPVwiYWN0aW9uLmNsaWNrICYmIGFjdGlvbi5jbGljaygkZXZlbnQpXCJcbiAgICAgIFtjb2xvcl09XCJhY3Rpb24uY29sb3JcIlxuICAgICAgW25nQ2xhc3NdPVwiYWN0aW9uLmNsYXNzQXJyYXlcIlxuICAgICAgW2Rpc2FibGVkXT1cImFjdGlvbi5kaXNhYmxlZCQgfCBhc3luY1wiXG4gICAgICBbdGFiSW5kZXhdPVwiYWN0aW9uLnRhYkluZGV4XCI+XG4gICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImJ1dHRvbkNvbnRlbnRcIj48L25nLXRlbXBsYXRlPlxuICA8L2J1dHRvbj5cblxuICA8YnV0dG9uIFxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAqbmdTd2l0Y2hEZWZhdWx0XG4gICAgICBtYXQtYnV0dG9uXG4gICAgICBbbmdDbGFzc109XCJ7ICAgICAgICBcbiAgICAgICAgJ21hdC1yYWlzZWQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09ICdyYWlzZWQnLFxuICAgICAgICAnbWF0LWZsYXQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09ICdmbGF0JyxcbiAgICAgICAgJ21hdC1zdHJva2VkLWJ1dHRvbic6IGFjdGlvbi50eXBlID09PSAnc3Ryb2tlZCcsXG4gICAgICAgICdtYXQtYnV0dG9uJzogYWN0aW9uLnR5cGUgPT09ICdiYXNpYycsXG4gICAgICAgICdtYXQtaWNvbi1idXR0b24nOiBhY3Rpb24udHlwZSA9PT0gJ2ljb24nXG4gICAgICB9XCJcbiAgICAgIChjbGljayk9XCJhY3Rpb24uY2xpY2sgJiYgYWN0aW9uLmNsaWNrKCRldmVudClcIlxuICAgICAgW2NvbG9yXT1cImFjdGlvbi5jb2xvclwiXG4gICAgICBbY2xhc3NdPVwiYWN0aW9uLmNsYXNzQXJyYXkuam9pbignICcpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQkIHwgYXN5bmNcIlxuICAgICAgW3RhYkluZGV4XT1cImFjdGlvbi50YWJJbmRleFwiPlxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJidXR0b25Db250ZW50XCI+PC9uZy10ZW1wbGF0ZT5cbiAgPC9idXR0b24+XG5cbiAgPG5nLXRlbXBsYXRlICNidXR0b25Db250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhYWN0aW9uLmljb24gZWxzZSB3aXRoSWNvblwiPlxuICAgICAge3thY3Rpb24ubGFiZWx9fVxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLXRlbXBsYXRlICN3aXRoSWNvbj5cbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFhY3Rpb24uaWNvblBsYWNlbWVudCB8fCBhY3Rpb24uaWNvblBsYWNlbWVudCA9PT0gJ2xlZnQnXCI+e3thY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICAgIHt7YWN0aW9uLmxhYmVsfX1cbiAgICAgIDxtYXQtaWNvbiAqbmdJZj1cImFjdGlvbi5pY29uUGxhY2VtZW50ID09PSAncmlnaHQnXCI+e3thY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L25nLXRlbXBsYXRlPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
@@ -1,17 +1,17 @@
1
- import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/material/button";
4
- import * as i2 from "@angular/material/icon";
5
- import * as i3 from "@firestitch/menu";
6
- import * as i4 from "@angular/common";
7
- export class FsFilterActionKebabActionsComponent {
8
- }
9
- FsFilterActionKebabActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionKebabActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- FsFilterActionKebabActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsFilterActionKebabActionsComponent, selector: "fs-filter-action-kebab-actions", inputs: { kebabActions: "kebabActions" }, ngImport: i0, template: "<button \n 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 \n 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 \n 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 \n fs-menu-file-item\n [fsClass]=\"action.classArray\"\n [multiple]=\"action.multiple\"\n [accept]=\"action.accept || '*'\"\n [minWidth]=\"action.minWidth\"\n [minHeight]=\"action.minHeight\"\n [imageWidth]=\"action.maxWidth\"\n [imageHeight]=\"action.maxHeight\"\n (error)=\"action.fileError($event)\"\n (select)=\"action.fileSelected($event)\"\n (click)=\"action.click($event)\">\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-template \n fs-menu-item\n (click)=\"action.click($event)\"\n [fsClass]=\"action.classArray\">\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", styles: [".menu-button{width:36px;height:36px;line-height:36px}\n"], components: [{ type: i1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }], directives: [{ type: i3.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { type: i3.FsGroupMenuItemTemplateDirective, selector: "[fs-group-menu-item-template]" }, { type: i3.FsMenuFileItemDirective, selector: "[fs-menu-file-item]", inputs: ["multiple", "accept", "minWidth", "minHeight", "imageWidth", "imageHeight"], outputs: ["select", "error"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionKebabActionsComponent, decorators: [{
12
- type: Component,
13
- args: [{ selector: 'fs-filter-action-kebab-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n 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 \n 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 \n 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 \n fs-menu-file-item\n [fsClass]=\"action.classArray\"\n [multiple]=\"action.multiple\"\n [accept]=\"action.accept || '*'\"\n [minWidth]=\"action.minWidth\"\n [minHeight]=\"action.minHeight\"\n [imageWidth]=\"action.maxWidth\"\n [imageHeight]=\"action.maxHeight\"\n (error)=\"action.fileError($event)\"\n (select)=\"action.fileSelected($event)\"\n (click)=\"action.click($event)\">\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-template \n fs-menu-item\n (click)=\"action.click($event)\"\n [fsClass]=\"action.classArray\">\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", styles: [".menu-button{width:36px;height:36px;line-height:36px}\n"] }]
14
- }], propDecorators: { kebabActions: [{
15
- type: Input
16
- }] } });
1
+ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/material/button";
4
+ import * as i2 from "@angular/material/icon";
5
+ import * as i3 from "@firestitch/menu";
6
+ import * as i4 from "@angular/common";
7
+ export class FsFilterActionKebabActionsComponent {
8
+ }
9
+ FsFilterActionKebabActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionKebabActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
+ FsFilterActionKebabActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: FsFilterActionKebabActionsComponent, selector: "fs-filter-action-kebab-actions", inputs: { kebabActions: "kebabActions" }, ngImport: i0, template: "<button \n 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 \n 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 \n 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 \n fs-menu-file-item\n [fsClass]=\"action.classArray\"\n [multiple]=\"action.multiple\"\n [accept]=\"action.accept || '*'\"\n [minWidth]=\"action.minWidth\"\n [minHeight]=\"action.minHeight\"\n [imageWidth]=\"action.maxWidth\"\n [imageHeight]=\"action.maxHeight\"\n (error)=\"action.fileError($event)\"\n (select)=\"action.fileSelected($event)\"\n (click)=\"action.click($event)\">\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-template \n fs-menu-item\n (click)=\"action.click($event)\"\n [fsClass]=\"action.classArray\">\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", styles: [".menu-button{width:36px;height:36px;line-height:36px}\n"], components: [{ type: i1.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"] }, { type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }], directives: [{ type: i3.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { type: i3.FsGroupMenuItemTemplateDirective, selector: "[fs-group-menu-item-template]" }, { type: i3.FsMenuFileItemDirective, selector: "[fs-menu-file-item]", inputs: ["multiple", "accept", "minWidth", "minHeight", "imageWidth", "imageHeight"], outputs: ["select", "error"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i4.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: FsFilterActionKebabActionsComponent, decorators: [{
12
+ type: Component,
13
+ args: [{ selector: 'fs-filter-action-kebab-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button \n 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 \n 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 \n 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 \n fs-menu-file-item\n [fsClass]=\"action.classArray\"\n [multiple]=\"action.multiple\"\n [accept]=\"action.accept || '*'\"\n [minWidth]=\"action.minWidth\"\n [minHeight]=\"action.minHeight\"\n [imageWidth]=\"action.maxWidth\"\n [imageHeight]=\"action.maxHeight\"\n (error)=\"action.fileError($event)\"\n (select)=\"action.fileSelected($event)\"\n (click)=\"action.click($event)\">\n <mat-icon *ngIf=\"action.icon\">{{action.icon}}</mat-icon> {{action.label}}\n </ng-template>\n </ng-container>\n\n <ng-container *ngSwitchDefault>\n <ng-template \n fs-menu-item\n (click)=\"action.click($event)\"\n [fsClass]=\"action.classArray\">\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", styles: [".menu-button{width:36px;height:36px;line-height:36px}\n"] }]
14
+ }], propDecorators: { kebabActions: [{
15
+ type: Input
16
+ }] } });
17
17
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWtlYmFiLWFjdGlvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9jb21wb25lbnRzL2FjdGlvbi1rZWJhYi1hY3Rpb25zL2FjdGlvbi1rZWJhYi1hY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvY29tcG9uZW50cy9hY3Rpb24ta2ViYWItYWN0aW9ucy9hY3Rpb24ta2ViYWItYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVTFFLE1BQU0sT0FBTyxtQ0FBbUM7O2dJQUFuQyxtQ0FBbUM7b0hBQW5DLG1DQUFtQyxnSENWaEQscWxHQTBFQTsyRkRoRWEsbUNBQW1DO2tCQU4vQyxTQUFTOytCQUNFLGdDQUFnQyxtQkFHekIsdUJBQXVCLENBQUMsTUFBTTs4QkFLeEMsWUFBWTtzQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBY3Rpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvYWN0aW9uLm1vZGVsJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmcy1maWx0ZXItYWN0aW9uLWtlYmFiLWFjdGlvbnMnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24ta2ViYWItYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWtlYmFiLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRnNGaWx0ZXJBY3Rpb25LZWJhYkFjdGlvbnNDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBrZWJhYkFjdGlvbnM6IEFjdGlvbltdO1xuXG59XG4iLCI8YnV0dG9uIFxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIG1hdC1pY29uLWJ1dHRvblxuICAgIGNsYXNzPVwibWVudS1idXR0b25cIlxuICAgIFtmc01lbnVUcmlnZ2VyRm9yXT1cImtlYmFiQWN0aW9uc01lbnVcIj5cbiAgPG1hdC1pY29uPm1vcmVfdmVydDwvbWF0LWljb24+XG48L2J1dHRvbj5cbjxmcy1tZW51ICNrZWJhYkFjdGlvbnNNZW51PlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBhY3Rpb24gb2Yga2ViYWJBY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiYWN0aW9uLm1vZGVcIj5cbiAgICAgIDwhLS0gQ2FzZSB3aGVuIGFjdGlvbnMgd2FzIGNvbGxhcHNlZCBmcm9tIGFjdGlvbiB3aXRoIG1vZGUgPSAnbWVudSctLT5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidtZW51J1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBjaGlsZEFjdGlvbiBvZiBhY3Rpb24uaXRlbXNcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY2hpbGRBY3Rpb24uaXNHcm91cCBlbHNlIHNpbXBsZU1lbnVJdGVtXCI+XG4gICAgICAgICAgICA8ZnMtbWVudS1ncm91cD5cbiAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIGZzLWdyb3VwLW1lbnUtaXRlbS10ZW1wbGF0ZT5cbiAgICAgICAgICAgICAgICB7eyBhY3Rpb24ubGFiZWwgfX0gPG1hdC1pY29uIHN0eWxlPVwibWFyZ2luOiAwO1wiPmFycm93X3JpZ2h0PC9tYXQtaWNvbj4ge3tjaGlsZEFjdGlvbi5sYWJlbH19XG4gICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN1YkFjdGlvbiBvZiBjaGlsZEFjdGlvbi5pdGVtc1wiPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBcbiAgICAgICAgICAgICAgICAgICAgZnMtbWVudS1pdGVtXG4gICAgICAgICAgICAgICAgICAgIFtsaW5rXT1cInN1YkFjdGlvbi5yb3V0ZXJMaW5rPy5saW5rXCJcbiAgICAgICAgICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInN1YkFjdGlvbi5yb3V0ZXJMaW5rPy5xdWVyeVBhcmFtc1wiXG4gICAgICAgICAgICAgICAgICAgIFtoaWRkZW5dPVwiIShzdWJBY3Rpb24udmlzaWJsZSQgfCBhc3luYylcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic3ViQWN0aW9uLmNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cInN1YkFjdGlvbi5pY29uXCI+e3tzdWJBY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgIHt7c3ViQWN0aW9uLmxhYmVsfX1cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZnMtbWVudS1ncm91cD5cbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI3NpbXBsZU1lbnVJdGVtPlxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFxuICAgICAgICAgICAgICAgIGZzLW1lbnUtaXRlbVxuICAgICAgICAgICAgICAgIFtsaW5rXT1cImNoaWxkQWN0aW9uLnJvdXRlckxpbms/LmxpbmtcIlxuICAgICAgICAgICAgICAgIFtxdWVyeVBhcmFtc109XCJjaGlsZEFjdGlvbi5yb3V0ZXJMaW5rPy5xdWVyeVBhcmFtc1wiXG4gICAgICAgICAgICAgICAgW2hpZGRlbl09XCIhKGNoaWxkQWN0aW9uLnZpc2libGUkIHwgYXN5bmMpXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2hpbGRBY3Rpb24uY2xpY2soJGV2ZW50KTtcIj5cbiAgICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiY2hpbGRBY3Rpb24uaWNvblwiPnt7Y2hpbGRBY3Rpb24uaWNvbn19PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICB7eyBhY3Rpb24ubGFiZWwgfX0gPG1hdC1pY29uIHN0eWxlPVwibWFyZ2luOiAwO1wiPmFycm93X3JpZ2h0PC9tYXQtaWNvbj57eyBjaGlsZEFjdGlvbi5sYWJlbCB9fVxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZmlsZSdcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFxuICAgICAgICAgICAgZnMtbWVudS1maWxlLWl0ZW1cbiAgICAgICAgICAgIFtmc0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCJcbiAgICAgICAgICAgIFttdWx0aXBsZV09XCJhY3Rpb24ubXVsdGlwbGVcIlxuICAgICAgICAgICAgW2FjY2VwdF09XCJhY3Rpb24uYWNjZXB0IHx8ICcqJ1wiXG4gICAgICAgICAgICBbbWluV2lkdGhdPVwiYWN0aW9uLm1pbldpZHRoXCJcbiAgICAgICAgICAgIFttaW5IZWlnaHRdPVwiYWN0aW9uLm1pbkhlaWdodFwiXG4gICAgICAgICAgICBbaW1hZ2VXaWR0aF09XCJhY3Rpb24ubWF4V2lkdGhcIlxuICAgICAgICAgICAgW2ltYWdlSGVpZ2h0XT1cImFjdGlvbi5tYXhIZWlnaHRcIlxuICAgICAgICAgICAgKGVycm9yKT1cImFjdGlvbi5maWxlRXJyb3IoJGV2ZW50KVwiXG4gICAgICAgICAgICAoc2VsZWN0KT1cImFjdGlvbi5maWxlU2VsZWN0ZWQoJGV2ZW50KVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiYWN0aW9uLmNsaWNrKCRldmVudClcIj5cbiAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCJhY3Rpb24uaWNvblwiPnt7YWN0aW9uLmljb259fTwvbWF0LWljb24+IHt7YWN0aW9uLmxhYmVsfX1cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBcbiAgICAgICAgICAgIGZzLW1lbnUtaXRlbVxuICAgICAgICAgICAgKGNsaWNrKT1cImFjdGlvbi5jbGljaygkZXZlbnQpXCJcbiAgICAgICAgICAgIFtmc0NsYXNzXT1cImFjdGlvbi5jbGFzc0FycmF5XCI+XG4gICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiYWN0aW9uLmljb25cIj57e2FjdGlvbi5pY29ufX08L21hdC1pY29uPiB7e2FjdGlvbi5sYWJlbH19XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZnMtbWVudT5cbiJdfQ==