@fundamental-ngx/core 0.43.5 → 0.43.7

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 (59) hide show
  1. package/button/base-button.d.ts +3 -1
  2. package/button/button.component.d.ts +5 -0
  3. package/esm2020/button/base-button.mjs +4 -2
  4. package/esm2020/button/button.component.mjs +19 -5
  5. package/esm2020/combobox/combobox.component.mjs +1 -1
  6. package/esm2020/multi-combobox/multi-combobox.component.mjs +1 -1
  7. package/esm2020/multi-input/multi-input-mobile/multi-input-mobile.component.mjs +3 -3
  8. package/esm2020/multi-input/multi-input.component.mjs +67 -35
  9. package/esm2020/popover/index.mjs +12 -12
  10. package/esm2020/popover/popover-body/popover-body-directives/popover-body-footer.directive.mjs +4 -3
  11. package/esm2020/popover/popover-body/popover-body-directives/popover-body-header.directive.mjs +4 -3
  12. package/esm2020/popover/popover-body/popover-body.component.mjs +8 -11
  13. package/esm2020/popover/popover-body.directive.mjs +20 -0
  14. package/esm2020/popover/popover-container/popover-container.directive.mjs +4 -3
  15. package/esm2020/popover/popover-control/popover-control.component.mjs +3 -3
  16. package/esm2020/popover/popover-mobile/popover-mobile.component.mjs +10 -7
  17. package/esm2020/popover/popover-mobile/popover-mobile.module.mjs +4 -5
  18. package/esm2020/popover/popover-service/popover.service.mjs +20 -14
  19. package/esm2020/popover/popover-trigger.directive.mjs +4 -3
  20. package/esm2020/popover/popover.component.mjs +29 -16
  21. package/esm2020/popover/popover.module.mjs +20 -18
  22. package/fesm2015/fundamental-ngx-core-button.mjs +21 -5
  23. package/fesm2015/fundamental-ngx-core-button.mjs.map +1 -1
  24. package/fesm2015/fundamental-ngx-core-combobox.mjs +1 -1
  25. package/fesm2015/fundamental-ngx-core-combobox.mjs.map +1 -1
  26. package/fesm2015/fundamental-ngx-core-multi-combobox.mjs +1 -1
  27. package/fesm2015/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  28. package/fesm2015/fundamental-ngx-core-multi-input.mjs +69 -37
  29. package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
  30. package/fesm2015/fundamental-ngx-core-popover.mjs +440 -399
  31. package/fesm2015/fundamental-ngx-core-popover.mjs.map +1 -1
  32. package/fesm2020/fundamental-ngx-core-button.mjs +21 -5
  33. package/fesm2020/fundamental-ngx-core-button.mjs.map +1 -1
  34. package/fesm2020/fundamental-ngx-core-combobox.mjs +1 -1
  35. package/fesm2020/fundamental-ngx-core-combobox.mjs.map +1 -1
  36. package/fesm2020/fundamental-ngx-core-multi-combobox.mjs +1 -1
  37. package/fesm2020/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  38. package/fesm2020/fundamental-ngx-core-multi-input.mjs +68 -36
  39. package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
  40. package/fesm2020/fundamental-ngx-core-popover.mjs +449 -408
  41. package/fesm2020/fundamental-ngx-core-popover.mjs.map +1 -1
  42. package/fundamental-ngx-core-v0.43.7.tgz +0 -0
  43. package/multi-input/multi-input.component.d.ts +42 -33
  44. package/package.json +3 -3
  45. package/popover/index.d.ts +11 -11
  46. package/popover/popover-body/popover-body-directives/popover-body-footer.directive.d.ts +1 -1
  47. package/popover/popover-body/popover-body-directives/popover-body-header.directive.d.ts +1 -1
  48. package/popover/popover-body/popover-body.component.d.ts +1 -1
  49. package/popover/popover-body.directive.d.ts +10 -0
  50. package/popover/popover-container/popover-container.directive.d.ts +1 -1
  51. package/popover/popover-control/popover-control.component.d.ts +1 -1
  52. package/popover/popover-mobile/popover-mobile.component.d.ts +3 -3
  53. package/popover/popover-mobile/popover-mobile.module.d.ts +5 -5
  54. package/popover/popover-service/popover.service.d.ts +6 -4
  55. package/popover/popover-trigger.directive.d.ts +1 -1
  56. package/popover/popover.component.d.ts +9 -2
  57. package/popover/popover.module.d.ts +2 -5
  58. package/schematics/add-dependencies/index.js +4 -4
  59. package/fundamental-ngx-core-v0.43.5.tgz +0 -0
@@ -20,7 +20,7 @@ import * as i0 from "@angular/core";
20
20
  *
21
21
  * Supports Angular Forms.
22
22
  */
23
- export declare class MultiInputComponent implements MultiInputInterface, ControlValueAccessor, CssClassBuilder, OnInit, OnChanges, AfterViewInit, OnDestroy, FormItemControl {
23
+ export declare class MultiInputComponent<ItemType = any, ValueType = any> implements MultiInputInterface, ControlValueAccessor, CssClassBuilder, OnInit, OnChanges, AfterViewInit, OnDestroy, FormItemControl {
24
24
  readonly _contentDensityObserver: ContentDensityObserver;
25
25
  readonly elementRef: ElementRef<HTMLElement>;
26
26
  private readonly _changeDetRef;
@@ -43,7 +43,7 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
43
43
  /** Icon of the button on the right of the input field. */
44
44
  glyph: string;
45
45
  /** Values to be displayed in the unfiltered dropdown. */
46
- dropdownValues: any[];
46
+ dropdownValues: Array<ItemType | _OptionItem<ItemType, ValueType>>;
47
47
  /** Whether to open the dropdown when the addon button is clicked. */
48
48
  openDropdownOnAddOnClicked: boolean;
49
49
  /** Search term, or more specifically the value of the inner input field. */
@@ -54,8 +54,8 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
54
54
  /** Whether the search term should be highlighted in results. */
55
55
  highlight: boolean;
56
56
  /** Selected dropdown items. */
57
- set selected(values: any[]);
58
- get selected(): any[];
57
+ set selected(values: ValueType[]);
58
+ get selected(): ValueType[];
59
59
  /** user's custom classes */
60
60
  class: string;
61
61
  /**
@@ -70,14 +70,14 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
70
70
  * An arrow function can be used to access the *this* keyword in the calling component.
71
71
  * See multi input examples for details.
72
72
  */
73
- valueFn: (value: any) => any;
73
+ valueFn: (item: ItemType) => ValueType;
74
74
  /**
75
75
  * Display function. Accepts an object of the same type as the
76
76
  * items passed to dropdownValues as argument, and outputs a string.
77
77
  * An arrow function can be used to access the *this* keyword in the calling component.
78
78
  * See multi input examples for details.
79
79
  */
80
- displayFn: (str: any) => string;
80
+ displayFn: (item: ItemType) => string;
81
81
  /**
82
82
  * Parse function. Used for submitting new tokens. Accepts a string by default.
83
83
  * An arrow function can be used to access the *this* keyword in the calling component.
@@ -128,7 +128,7 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
128
128
  /** Multi Input Mobile Configuration, it's applied only, when mobile is enabled */
129
129
  mobileConfig: MobileModeConfig;
130
130
  /**
131
- * Whether or not to return results where the input matches the entire string. By default, only results that start
131
+ * Whether to return results where the input matches the entire string. By default, only results that start
132
132
  * with the input search term will be returned.
133
133
  */
134
134
  includes: boolean;
@@ -148,7 +148,7 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
148
148
  /** Event emitted when the search term changes. Use *$event* to access the new term. */
149
149
  readonly searchTermChange: EventEmitter<string>;
150
150
  /** Event emitted when the selected items change. Use *$event* to access the new selected array. */
151
- readonly selectedChange: EventEmitter<any[]>;
151
+ readonly selectedChange: EventEmitter<ValueType[]>;
152
152
  /** Whether multi input popover body should be opened */
153
153
  open: boolean;
154
154
  /** Whether or not to display the addon button. */
@@ -162,7 +162,9 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
162
162
  /** @hidden */
163
163
  popoverRef: PopoverComponent;
164
164
  /** @hidden */
165
- controlTemplate: TemplateRef<any>;
165
+ controlTemplate: TemplateRef<{
166
+ displayAddonButton: boolean;
167
+ }>;
166
168
  /** @hidden */
167
169
  listTemplate: TemplateRef<any>;
168
170
  /** @hidden */
@@ -172,15 +174,17 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
172
174
  /** @hidden */
173
175
  tokenizer: TokenizerComponent;
174
176
  /** @hidden */
175
- readonly optionItems$: BehaviorSubject<OptionItem<any>[]>;
177
+ readonly optionItems$: BehaviorSubject<_OptionItem<ItemType, ValueType>[]>;
176
178
  /** @hidden */
177
179
  readonly _searchTermCtrl: FormControl<string | null>;
178
180
  /** @hidden */
179
- readonly _selectionModel: SelectionModel<any>;
181
+ readonly _selectionModel: SelectionModel<ValueType>;
180
182
  /** @hidden */
181
- readonly _viewModel$: Observable<ViewModel>;
183
+ readonly _viewModel$: Observable<ViewModel<ItemType, ValueType>>;
182
184
  /** @hidden */
183
185
  _dir: string;
186
+ /** typeahead matcher function */
187
+ get typeAheadMatcher(): (item: string, searchTerm: string) => boolean;
184
188
  /** @hidden */
185
189
  private _subscriptions;
186
190
  /** @hidden */
@@ -188,12 +192,21 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
188
192
  /** @hidden */
189
193
  private readonly _translationResolver;
190
194
  /** @hidden */
195
+ constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef<HTMLElement>, _changeDetRef: ChangeDetectorRef, _dynamicComponentService: DynamicComponentService, _injector: Injector, _viewContainerRef: ViewContainerRef, _language: Observable<FdLanguage>, _rtlService: RtlService, _focusTrapService: FocusTrapService);
196
+ /** @hidden CssClassBuilder interface implementation
197
+ * function must return single string
198
+ * function is responsible for order which css classes are applied
199
+ */
200
+ buildComponentCssClass(): string[];
201
+ /** @hidden */
202
+ private _focusOut;
203
+ /** @hidden */
204
+ _trackBy: (index: number, optionItem: _OptionItem<ItemType, ValueType>) => ValueType;
205
+ /** @hidden */
191
206
  onChange: (value: any) => void;
192
207
  /** @hidden */
193
208
  onTouched: () => void;
194
209
  /** @hidden */
195
- constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef<HTMLElement>, _changeDetRef: ChangeDetectorRef, _dynamicComponentService: DynamicComponentService, _injector: Injector, _viewContainerRef: ViewContainerRef, _language: Observable<FdLanguage>, _rtlService: RtlService, _focusTrapService: FocusTrapService);
196
- /** @hidden */
197
210
  ngOnInit(): void;
198
211
  /** @hidden */
199
212
  ngOnChanges(changes: SimpleChanges): void;
@@ -201,11 +214,6 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
201
214
  ngAfterViewInit(): void;
202
215
  /** @hidden */
203
216
  ngOnDestroy(): void;
204
- /** @hidden CssClassBuilder interface implementation
205
- * function must return single string
206
- * function is responsible for order which css classes are applied
207
- */
208
- buildComponentCssClass(): string[];
209
217
  /** @hidden */
210
218
  registerOnChange(fn: (selected: any[]) => void): void;
211
219
  /** @hidden */
@@ -213,7 +221,7 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
213
221
  /** @hidden */
214
222
  setDisabledState(isDisabled: boolean): void;
215
223
  /** @hidden */
216
- writeValue(selected: any[]): void;
224
+ writeValue(selected: ValueType[]): void;
217
225
  /** Method passed to list component */
218
226
  handleListFocusEscape(direction: FocusEscapeDirection): void;
219
227
  /** @hidden */
@@ -283,26 +291,27 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
283
291
  /** @hidden */
284
292
  private _getOptionItem;
285
293
  /** @hidden */
286
- private _getValueAndLabel;
294
+ private _getValueAndLabelOfItem;
287
295
  /** @hidden */
288
- private _getViewModel;
296
+ private _getOptionItemByValue;
289
297
  /** @hidden */
290
- private _focusOut;
298
+ private _getViewModel;
291
299
  /** @hidden */
292
300
  private _getAriaLabel;
293
- static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
294
- static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "fd-multi-input", never, { "placeholder": "placeholder"; "disabled": "disabled"; "required": "required"; "compactCollapse": "compactCollapse"; "maxHeight": "maxHeight"; "glyph": "glyph"; "dropdownValues": "dropdownValues"; "openDropdownOnAddOnClicked": "openDropdownOnAddOnClicked"; "searchTerm": "searchTerm"; "inputId": "inputId"; "highlight": "highlight"; "selected": "selected"; "class": "class"; "filterFn": "filterFn"; "valueFn": "valueFn"; "displayFn": "displayFn"; "newTokenParseFn": "newTokenParseFn"; "newTokenValidateFn": "newTokenValidateFn"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "fillControlMode": "fillControlMode"; "state": "state"; "buttonFocusable": "buttonFocusable"; "allowNewTokens": "allowNewTokens"; "mobile": "mobile"; "showAllButton": "showAllButton"; "bodyMaxWidth": "bodyMaxWidth"; "mobileConfig": "mobileConfig"; "includes": "includes"; "itemTemplate": "itemTemplate"; "title": "title"; "byline": "byline"; "autoComplete": "autoComplete"; "open": "open"; "displayAddonButton": "displayAddonButton"; }, { "searchTermChange": "searchTermChange"; "selectedChange": "selectedChange"; "openChange": "openChange"; "addOnButtonClicked": "addOnButtonClicked"; "allItemsSelectedChange": "allItemsSelectedChange"; }, never, ["*"], false, never>;
301
+ static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent<any, any>, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
302
+ static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent<any, any>, "fd-multi-input", never, { "placeholder": "placeholder"; "disabled": "disabled"; "required": "required"; "compactCollapse": "compactCollapse"; "maxHeight": "maxHeight"; "glyph": "glyph"; "dropdownValues": "dropdownValues"; "openDropdownOnAddOnClicked": "openDropdownOnAddOnClicked"; "searchTerm": "searchTerm"; "inputId": "inputId"; "highlight": "highlight"; "selected": "selected"; "class": "class"; "filterFn": "filterFn"; "valueFn": "valueFn"; "displayFn": "displayFn"; "newTokenParseFn": "newTokenParseFn"; "newTokenValidateFn": "newTokenValidateFn"; "ariaLabel": "ariaLabel"; "ariaLabelledBy": "ariaLabelledBy"; "fillControlMode": "fillControlMode"; "state": "state"; "buttonFocusable": "buttonFocusable"; "allowNewTokens": "allowNewTokens"; "mobile": "mobile"; "showAllButton": "showAllButton"; "bodyMaxWidth": "bodyMaxWidth"; "mobileConfig": "mobileConfig"; "includes": "includes"; "itemTemplate": "itemTemplate"; "title": "title"; "byline": "byline"; "autoComplete": "autoComplete"; "open": "open"; "displayAddonButton": "displayAddonButton"; }, { "searchTermChange": "searchTermChange"; "selectedChange": "selectedChange"; "openChange": "openChange"; "addOnButtonClicked": "addOnButtonClicked"; "allItemsSelectedChange": "allItemsSelectedChange"; }, never, ["*"], false, never>;
295
303
  }
296
- interface OptionItem<T = any> extends OptionItemBase {
297
- item: T;
298
- isSelected: boolean;
304
+ interface _OptionItem<ItemType = any, ValueType = any> extends OptionItemBase<ValueType> {
305
+ item: ItemType;
306
+ isSelected?: boolean;
299
307
  }
300
- interface OptionItemBase {
308
+ export type OptionItem<ItemType = any, ValueType = any> = Omit<_OptionItem<ItemType, ValueType>, 'isSelected'>;
309
+ export interface OptionItemBase<ValueType = any> {
301
310
  label: string;
302
- value: any;
311
+ value: ValueType;
303
312
  }
304
- interface ViewModel {
305
- selectedOptions: OptionItemBase[];
306
- displayedOptions: OptionItem[];
313
+ interface ViewModel<ItemType = any, ValueType = any> {
314
+ selectedOptions: _OptionItem<ItemType, ValueType>[];
315
+ displayedOptions: _OptionItem<ItemType, ValueType>[];
307
316
  }
308
317
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core",
3
- "version": "0.43.5",
3
+ "version": "0.43.7",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "ng-update": {
6
6
  "migrations": "./schematics/migrations.json"
@@ -28,8 +28,8 @@
28
28
  "rxjs": "^7.8.0"
29
29
  },
30
30
  "dependencies": {
31
- "@fundamental-ngx/cdk": "0.43.5",
32
- "@fundamental-ngx/i18n": "0.43.5",
31
+ "@fundamental-ngx/cdk": "0.43.7",
32
+ "@fundamental-ngx/i18n": "0.43.7",
33
33
  "compare-versions": "^5.0.0",
34
34
  "fast-deep-equal": "3.1.3",
35
35
  "focus-trap": "^7.1.0",
@@ -1,16 +1,16 @@
1
- export * from './popover.module';
2
- export * from './popover-body/popover-body.component';
3
- export * from './popover-body/popover-body-directives/popover-body-header.directive';
1
+ export * from './base/base-popover.class';
2
+ export * from './popover-body.directive';
4
3
  export * from './popover-body/popover-body-directives/popover-body-footer.directive';
4
+ export * from './popover-body/popover-body-directives/popover-body-header.directive';
5
+ export * from './popover-body/popover-body.component';
6
+ export * from './popover-child-content.interface';
7
+ export * from './popover-container/popover-container.directive';
5
8
  export * from './popover-control/popover-control.component';
6
- export * from './popover-control/popover-control.component';
7
- export * from './popover.component';
8
- export * from './popover-trigger.directive';
9
- export * from './popover-mobile/popover-mobile.module';
10
9
  export * from './popover-mobile/popover-mobile.component';
11
- export * from './popover.interface';
10
+ export * from './popover-mobile/popover-mobile.module';
12
11
  export * from './popover-service/popover.service';
13
- export * from './base/base-popover.class';
14
- export * from './popover-child-content.interface';
15
- export * from './popover-container/popover-container.directive';
12
+ export * from './popover-trigger.directive';
13
+ export * from './popover.component';
14
+ export * from './popover.interface';
15
+ export * from './popover.module';
16
16
  export * from './tokens';
@@ -3,5 +3,5 @@ export declare class PopoverBodyFooterDirective {
3
3
  /** @hidden */
4
4
  fdPopoverBodyFooterClass: boolean;
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverBodyFooterDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverBodyFooterDirective, "[fdPopoverBodyFooter], [fd-popover-body-footer]", never, {}, {}, never, never, false, never>;
6
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverBodyFooterDirective, "[fdPopoverBodyFooter], [fd-popover-body-footer]", never, {}, {}, never, never, true, never>;
7
7
  }
@@ -3,5 +3,5 @@ export declare class PopoverBodyHeaderDirective {
3
3
  /** @hidden */
4
4
  fdPopoverBodyHeaderClass: boolean;
5
5
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverBodyHeaderDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverBodyHeaderDirective, "[fdPopoverBodyHeader], [fd-popover-body-header]", never, {}, {}, never, never, false, never>;
6
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverBodyHeaderDirective, "[fdPopoverBodyHeader], [fd-popover-body-header]", never, {}, {}, never, never, true, never>;
7
7
  }
@@ -73,5 +73,5 @@ export declare class PopoverBodyComponent implements AfterViewInit {
73
73
  /** @hidden */
74
74
  _focusFirstTabbableElement(): void;
75
75
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverBodyComponent, never>;
76
- static ɵcmp: i0.ɵɵComponentDeclaration<PopoverBodyComponent, "fd-popover-body", never, {}, {}, never, ["[fd-popover-body-header]", "[fd-popover-body-subheader]", "*", "[fd-popover-body-footer]"], false, never>;
76
+ static ɵcmp: i0.ɵɵComponentDeclaration<PopoverBodyComponent, "fd-popover-body", never, {}, {}, never, ["[fd-popover-body-header]", "[fd-popover-body-subheader]", "*", "[fd-popover-body-footer]"], true, never>;
77
77
  }
@@ -0,0 +1,10 @@
1
+ import { TemplateRef } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class PopoverBodyDirective {
4
+ /**
5
+ * The template to be used as the popover's body.
6
+ **/
7
+ readonly templateRef: TemplateRef<void>;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<PopoverBodyDirective, never>;
9
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverBodyDirective, "[fdPopoverBody]", never, {}, {}, never, never, true, never>;
10
+ }
@@ -14,5 +14,5 @@ export declare class PopoverContainerDirective implements OnInit, OnDestroy {
14
14
  /** @hidden */
15
15
  ngOnDestroy(): void;
16
16
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverContainerDirective, never>;
17
- static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverContainerDirective, "[fdPopoverContainer]", never, {}, {}, never, never, false, never>;
17
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverContainerDirective, "[fdPopoverContainer]", never, {}, {}, never, never, true, never>;
18
18
  }
@@ -20,5 +20,5 @@ export declare class PopoverControlComponent implements AfterContentChecked {
20
20
  /** @hidden */
21
21
  makeTabbable(): void;
22
22
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverControlComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<PopoverControlComponent, "fd-popover-control", never, {}, {}, never, ["*"], false, never>;
23
+ static ɵcmp: i0.ɵɵComponentDeclaration<PopoverControlComponent, "fd-popover-control", never, {}, {}, never, ["*"], true, never>;
24
24
  }
@@ -6,6 +6,8 @@ import { PopoverChildContent } from '../popover-child-content.interface';
6
6
  import * as i0 from "@angular/core";
7
7
  export declare class PopoverMobileComponent extends MobileModeBase<PopoverInterface> implements OnInit, OnDestroy {
8
8
  private _changeDetectorref;
9
+ /** @hidden */
10
+ _dialogTemplate: TemplateRef<any>;
9
11
  /** @hidden
10
12
  * from mobile class can not prefix _,
11
13
  * to avoid build issues
@@ -18,8 +20,6 @@ export declare class PopoverMobileComponent extends MobileModeBase<PopoverInterf
18
20
  /** Dialog footer content */
19
21
  viewFooter: TemplateRef<any> | null;
20
22
  /** @hidden */
21
- _dialogTemplate: TemplateRef<any>;
22
- /** @hidden */
23
23
  readonly id: string;
24
24
  /** @hidden */
25
25
  private _subscriptions;
@@ -38,5 +38,5 @@ export declare class PopoverMobileComponent extends MobileModeBase<PopoverInterf
38
38
  /** @hidden Opens the Dialog */
39
39
  private _openDialog;
40
40
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverMobileComponent, [null, null, null, null, { optional: true; }]>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<PopoverMobileComponent, "fd-popover-mobile", never, {}, {}, never, never, false, never>;
41
+ static ɵcmp: i0.ɵɵComponentDeclaration<PopoverMobileComponent, "fd-popover-mobile", never, {}, {}, never, never, true, never>;
42
42
  }
@@ -1,10 +1,10 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./popover-mobile.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@fundamental-ngx/core/dialog";
5
- import * as i4 from "@fundamental-ngx/core/button";
2
+ import * as i1 from "@angular/common";
3
+ import * as i2 from "@fundamental-ngx/core/dialog";
4
+ import * as i3 from "@fundamental-ngx/core/button";
5
+ import * as i4 from "./popover-mobile.component";
6
6
  export declare class PopoverMobileModule {
7
7
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverMobileModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<PopoverMobileModule, [typeof i1.PopoverMobileComponent], [typeof i2.CommonModule, typeof i3.DialogModule, typeof i4.ButtonModule], [typeof i1.PopoverMobileComponent]>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PopoverMobileModule, never, [typeof i1.CommonModule, typeof i2.DialogModule, typeof i3.ButtonModule, typeof i4.PopoverMobileComponent], [typeof i4.PopoverMobileComponent]>;
9
9
  static ɵinj: i0.ɵɵInjectorDeclaration<PopoverMobileModule>;
10
10
  }
@@ -1,7 +1,7 @@
1
- import { ElementRef, Injector, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
2
1
  import { ConnectedPosition, Overlay, ViewportRuler } from '@angular/cdk/overlay';
2
+ import { ElementRef, Injector, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
3
3
  import { Subject } from 'rxjs';
4
- import { RtlService, Nullable } from '@fundamental-ngx/cdk/utils';
4
+ import { Nullable, RtlService } from '@fundamental-ngx/cdk/utils';
5
5
  import { BasePopoverClass } from '../base/base-popover.class';
6
6
  import { PopoverBodyComponent } from '../popover-body/popover-body.component';
7
7
  import { PopoverContainerDirective } from '../popover-container/popover-container.directive';
@@ -33,6 +33,8 @@ export declare class PopoverService extends BasePopoverClass {
33
33
  /** @hidden */
34
34
  private _refresh$;
35
35
  /** @hidden */
36
+ private _stopCloseListening$;
37
+ /** @hidden */
36
38
  private readonly _placementRefresh$;
37
39
  /** @hidden */
38
40
  private _popoverBody;
@@ -57,7 +59,7 @@ export declare class PopoverService extends BasePopoverClass {
57
59
  * - templateData - in case of having already PopoverBodyComponent, there is way to pass container, template containing
58
60
  * PopoverComponent and PopoverComponent instance
59
61
  */
60
- initialise(triggerElement: ElementRef, config?: BasePopoverClass, templateData?: PopoverTemplate | null): void;
62
+ initialise(triggerElement: ElementRef, config?: BasePopoverClass, templateData?: PopoverTemplate | TemplateRef<void> | null): void;
61
63
  /** Closes the popover. */
62
64
  close(focusActiveElement?: boolean): void;
63
65
  /** Opens the popover. */
@@ -113,7 +115,7 @@ export declare class PopoverService extends BasePopoverClass {
113
115
  /** Subscribe to close events from CDK Overlay, to throw proper events, change values */
114
116
  private _listenOnClose;
115
117
  /** Listener for click events */
116
- private _listenOnOutClicks;
118
+ private _outsideClicks$;
117
119
  /** @hidden */
118
120
  private _shouldClose;
119
121
  /** @hidden */
@@ -25,5 +25,5 @@ export declare class PopoverTriggerDirective implements OnDestroy {
25
25
  /** @hidden */
26
26
  private _unsubscribeExpandedListener;
27
27
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
28
- static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[fdPopoverTrigger], [fd-popover-trigger]", never, { "popover": "fdPopoverTrigger"; }, {}, never, never, false, never>;
28
+ static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[fdPopoverTrigger], [fd-popover-trigger]", never, { "popover": "fdPopoverTrigger"; }, {}, never, never, true, never>;
29
29
  }
@@ -3,9 +3,10 @@ import { CdkOverlayOrigin, ConnectedPosition } from '@angular/cdk/overlay';
3
3
  import { DynamicComponentService } from '@fundamental-ngx/cdk/utils';
4
4
  import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
5
5
  import { BasePopoverClass } from './base/base-popover.class';
6
+ import { PopoverBodyDirective } from './popover-body.directive';
6
7
  import { PopoverBodyComponent } from './popover-body/popover-body.component';
7
- import { PopoverService } from './popover-service/popover.service';
8
8
  import { PopoverControlComponent } from './popover-control/popover-control.component';
9
+ import { PopoverService } from './popover-service/popover.service';
9
10
  import * as i0 from "@angular/core";
10
11
  export declare const SELECT_CLASS_NAMES: {
11
12
  selectControl: string;
@@ -46,6 +47,8 @@ export declare class PopoverComponent extends BasePopoverClass implements AfterV
46
47
  /** @hidden */
47
48
  popoverBody: PopoverBodyComponent;
48
49
  /** @hidden */
50
+ popoverBodyDirective: PopoverBodyDirective;
51
+ /** @hidden */
49
52
  popoverControl: PopoverControlComponent;
50
53
  /** @hidden - template for Dialog body content */
51
54
  popoverBodyContentTemplate: TemplateRef<any>;
@@ -92,6 +95,10 @@ export declare class PopoverComponent extends BasePopoverClass implements AfterV
92
95
  triggerKeyDownHandler(event: KeyboardEvent): void;
93
96
  /** @hidden Select and instantiate popover view mode */
94
97
  private _setupView;
98
+ /**
99
+ * Depending on a used popover body type, returns a popover body content
100
+ **/
101
+ private _getPopoverBodyContent;
95
102
  /** @hidden Open Popover in mobile mode */
96
103
  private _setupMobileMode;
97
104
  /** @hidden - Listen on popover trigger ref clicks */
@@ -104,5 +111,5 @@ export declare class PopoverComponent extends BasePopoverClass implements AfterV
104
111
  /** @hidden */
105
112
  private _destroyMobileComponent;
106
113
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, [null, null, null, null, null, { optional: true; }]>;
107
- static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "fd-popover", never, { "title": "title"; "trigger": "trigger"; "fixedPosition": "fixedPosition"; "id": "id"; "mobile": "mobile"; "mobileConfig": "mobileConfig"; }, {}, ["popoverBody", "popoverControl", "popoverBodyContentTemplate", "popoverFooterContentTemplate"], ["fd-popover-control", "fd-popover-body", "*"], false, never>;
114
+ static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "fd-popover", never, { "title": "title"; "trigger": "trigger"; "fixedPosition": "fixedPosition"; "id": "id"; "mobile": "mobile"; "mobileConfig": "mobileConfig"; }, {}, ["popoverBody", "popoverBodyDirective", "popoverControl", "popoverBodyContentTemplate", "popoverFooterContentTemplate"], ["fd-popover-control", "fd-popover-body", "*"], true, never>;
108
115
  }
@@ -6,12 +6,9 @@ import * as i4 from "./popover-body/popover-body-directives/popover-body-footer.
6
6
  import * as i5 from "./popover.component";
7
7
  import * as i6 from "./popover-trigger.directive";
8
8
  import * as i7 from "./popover-container/popover-container.directive";
9
- import * as i8 from "@angular/common";
10
- import * as i9 from "@angular/cdk/overlay";
11
- import * as i10 from "@angular/cdk/a11y";
12
- import * as i11 from "@fundamental-ngx/core/scrollbar";
9
+ import * as i8 from "./popover-body.directive";
13
10
  export declare class PopoverModule {
14
11
  static ɵfac: i0.ɵɵFactoryDeclaration<PopoverModule, never>;
15
- static ɵmod: i0.ɵɵNgModuleDeclaration<PopoverModule, [typeof i1.PopoverControlComponent, typeof i2.PopoverBodyComponent, typeof i3.PopoverBodyHeaderDirective, typeof i4.PopoverBodyFooterDirective, typeof i5.PopoverComponent, typeof i6.PopoverTriggerDirective, typeof i7.PopoverContainerDirective], [typeof i8.CommonModule, typeof i9.OverlayModule, typeof i10.A11yModule, typeof i11.ScrollbarModule], [typeof i1.PopoverControlComponent, typeof i2.PopoverBodyComponent, typeof i3.PopoverBodyHeaderDirective, typeof i4.PopoverBodyFooterDirective, typeof i5.PopoverComponent, typeof i6.PopoverTriggerDirective, typeof i7.PopoverContainerDirective]>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PopoverModule, never, [typeof i1.PopoverControlComponent, typeof i2.PopoverBodyComponent, typeof i3.PopoverBodyHeaderDirective, typeof i4.PopoverBodyFooterDirective, typeof i5.PopoverComponent, typeof i6.PopoverTriggerDirective, typeof i7.PopoverContainerDirective, typeof i8.PopoverBodyDirective], [typeof i1.PopoverControlComponent, typeof i2.PopoverBodyComponent, typeof i3.PopoverBodyHeaderDirective, typeof i4.PopoverBodyFooterDirective, typeof i5.PopoverComponent, typeof i6.PopoverTriggerDirective, typeof i7.PopoverContainerDirective, typeof i8.PopoverBodyDirective]>;
16
13
  static ɵinj: i0.ɵɵInjectorDeclaration<PopoverModule>;
17
14
  }
@@ -54,21 +54,21 @@ function addExternalLibraries(options) {
54
54
  });
55
55
  }
56
56
  if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/i18n') ||
57
- (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.43.5', '<')) {
57
+ (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/i18n', '0.43.7', '<')) {
58
58
  dependencies.push({
59
59
  type: dependencies_1.NodeDependencyType.Default,
60
60
  // Will be replaced with the real version during sync-version script run
61
- version: `0.43.5`,
61
+ version: `0.43.7`,
62
62
  name: '@fundamental-ngx/i18n',
63
63
  overwrite: true
64
64
  });
65
65
  }
66
66
  if (!(0, package_utils_1.hasPackage)(tree, '@fundamental-ngx/cdk') ||
67
- (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.43.5', '<')) {
67
+ (0, package_utils_1.checkPackageVersion)(tree, '@fundamental-ngx/cdk', '0.43.7', '<')) {
68
68
  dependencies.push({
69
69
  type: dependencies_1.NodeDependencyType.Default,
70
70
  // Will be replaced with the real version during sync-version script run
71
- version: `0.43.5`,
71
+ version: `0.43.7`,
72
72
  name: '@fundamental-ngx/cdk',
73
73
  overwrite: true
74
74
  });
Binary file