@fundamental-ngx/core 0.43.6 → 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 (50) hide show
  1. package/esm2020/combobox/combobox.component.mjs +1 -1
  2. package/esm2020/multi-combobox/multi-combobox.component.mjs +1 -1
  3. package/esm2020/multi-input/multi-input.component.mjs +67 -35
  4. package/esm2020/popover/index.mjs +12 -12
  5. package/esm2020/popover/popover-body/popover-body-directives/popover-body-footer.directive.mjs +4 -3
  6. package/esm2020/popover/popover-body/popover-body-directives/popover-body-header.directive.mjs +4 -3
  7. package/esm2020/popover/popover-body/popover-body.component.mjs +8 -11
  8. package/esm2020/popover/popover-body.directive.mjs +20 -0
  9. package/esm2020/popover/popover-container/popover-container.directive.mjs +4 -3
  10. package/esm2020/popover/popover-control/popover-control.component.mjs +3 -3
  11. package/esm2020/popover/popover-mobile/popover-mobile.component.mjs +10 -7
  12. package/esm2020/popover/popover-mobile/popover-mobile.module.mjs +4 -5
  13. package/esm2020/popover/popover-service/popover.service.mjs +20 -14
  14. package/esm2020/popover/popover-trigger.directive.mjs +4 -3
  15. package/esm2020/popover/popover.component.mjs +29 -16
  16. package/esm2020/popover/popover.module.mjs +20 -18
  17. package/fesm2015/fundamental-ngx-core-combobox.mjs +1 -1
  18. package/fesm2015/fundamental-ngx-core-combobox.mjs.map +1 -1
  19. package/fesm2015/fundamental-ngx-core-multi-combobox.mjs +1 -1
  20. package/fesm2015/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  21. package/fesm2015/fundamental-ngx-core-multi-input.mjs +67 -35
  22. package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
  23. package/fesm2015/fundamental-ngx-core-popover.mjs +440 -399
  24. package/fesm2015/fundamental-ngx-core-popover.mjs.map +1 -1
  25. package/fesm2020/fundamental-ngx-core-combobox.mjs +1 -1
  26. package/fesm2020/fundamental-ngx-core-combobox.mjs.map +1 -1
  27. package/fesm2020/fundamental-ngx-core-multi-combobox.mjs +1 -1
  28. package/fesm2020/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  29. package/fesm2020/fundamental-ngx-core-multi-input.mjs +66 -34
  30. package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
  31. package/fesm2020/fundamental-ngx-core-popover.mjs +449 -408
  32. package/fesm2020/fundamental-ngx-core-popover.mjs.map +1 -1
  33. package/fundamental-ngx-core-v0.43.7.tgz +0 -0
  34. package/multi-input/multi-input.component.d.ts +39 -32
  35. package/package.json +3 -3
  36. package/popover/index.d.ts +11 -11
  37. package/popover/popover-body/popover-body-directives/popover-body-footer.directive.d.ts +1 -1
  38. package/popover/popover-body/popover-body-directives/popover-body-header.directive.d.ts +1 -1
  39. package/popover/popover-body/popover-body.component.d.ts +1 -1
  40. package/popover/popover-body.directive.d.ts +10 -0
  41. package/popover/popover-container/popover-container.directive.d.ts +1 -1
  42. package/popover/popover-control/popover-control.component.d.ts +1 -1
  43. package/popover/popover-mobile/popover-mobile.component.d.ts +3 -3
  44. package/popover/popover-mobile/popover-mobile.module.d.ts +5 -5
  45. package/popover/popover-service/popover.service.d.ts +6 -4
  46. package/popover/popover-trigger.directive.d.ts +1 -1
  47. package/popover/popover.component.d.ts +9 -2
  48. package/popover/popover.module.d.ts +2 -5
  49. package/schematics/add-dependencies/index.js +4 -4
  50. package/fundamental-ngx-core-v0.43.6.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. */
@@ -174,15 +174,17 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
174
174
  /** @hidden */
175
175
  tokenizer: TokenizerComponent;
176
176
  /** @hidden */
177
- readonly optionItems$: BehaviorSubject<OptionItem<any>[]>;
177
+ readonly optionItems$: BehaviorSubject<_OptionItem<ItemType, ValueType>[]>;
178
178
  /** @hidden */
179
179
  readonly _searchTermCtrl: FormControl<string | null>;
180
180
  /** @hidden */
181
- readonly _selectionModel: SelectionModel<any>;
181
+ readonly _selectionModel: SelectionModel<ValueType>;
182
182
  /** @hidden */
183
- readonly _viewModel$: Observable<ViewModel>;
183
+ readonly _viewModel$: Observable<ViewModel<ItemType, ValueType>>;
184
184
  /** @hidden */
185
185
  _dir: string;
186
+ /** typeahead matcher function */
187
+ get typeAheadMatcher(): (item: string, searchTerm: string) => boolean;
186
188
  /** @hidden */
187
189
  private _subscriptions;
188
190
  /** @hidden */
@@ -190,12 +192,21 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
190
192
  /** @hidden */
191
193
  private readonly _translationResolver;
192
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 */
193
206
  onChange: (value: any) => void;
194
207
  /** @hidden */
195
208
  onTouched: () => void;
196
209
  /** @hidden */
197
- constructor(_contentDensityObserver: ContentDensityObserver, elementRef: ElementRef<HTMLElement>, _changeDetRef: ChangeDetectorRef, _dynamicComponentService: DynamicComponentService, _injector: Injector, _viewContainerRef: ViewContainerRef, _language: Observable<FdLanguage>, _rtlService: RtlService, _focusTrapService: FocusTrapService);
198
- /** @hidden */
199
210
  ngOnInit(): void;
200
211
  /** @hidden */
201
212
  ngOnChanges(changes: SimpleChanges): void;
@@ -203,11 +214,6 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
203
214
  ngAfterViewInit(): void;
204
215
  /** @hidden */
205
216
  ngOnDestroy(): void;
206
- /** @hidden CssClassBuilder interface implementation
207
- * function must return single string
208
- * function is responsible for order which css classes are applied
209
- */
210
- buildComponentCssClass(): string[];
211
217
  /** @hidden */
212
218
  registerOnChange(fn: (selected: any[]) => void): void;
213
219
  /** @hidden */
@@ -215,7 +221,7 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
215
221
  /** @hidden */
216
222
  setDisabledState(isDisabled: boolean): void;
217
223
  /** @hidden */
218
- writeValue(selected: any[]): void;
224
+ writeValue(selected: ValueType[]): void;
219
225
  /** Method passed to list component */
220
226
  handleListFocusEscape(direction: FocusEscapeDirection): void;
221
227
  /** @hidden */
@@ -285,26 +291,27 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
285
291
  /** @hidden */
286
292
  private _getOptionItem;
287
293
  /** @hidden */
288
- private _getValueAndLabel;
294
+ private _getValueAndLabelOfItem;
289
295
  /** @hidden */
290
- private _getViewModel;
296
+ private _getOptionItemByValue;
291
297
  /** @hidden */
292
- private _focusOut;
298
+ private _getViewModel;
293
299
  /** @hidden */
294
300
  private _getAriaLabel;
295
- static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [null, null, null, null, null, null, null, { optional: true; }, { optional: true; }]>;
296
- 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>;
297
303
  }
298
- interface OptionItem<T = any> extends OptionItemBase {
299
- item: T;
300
- isSelected: boolean;
304
+ interface _OptionItem<ItemType = any, ValueType = any> extends OptionItemBase<ValueType> {
305
+ item: ItemType;
306
+ isSelected?: boolean;
301
307
  }
302
- interface OptionItemBase {
308
+ export type OptionItem<ItemType = any, ValueType = any> = Omit<_OptionItem<ItemType, ValueType>, 'isSelected'>;
309
+ export interface OptionItemBase<ValueType = any> {
303
310
  label: string;
304
- value: any;
311
+ value: ValueType;
305
312
  }
306
- interface ViewModel {
307
- selectedOptions: OptionItemBase[];
308
- displayedOptions: OptionItem[];
313
+ interface ViewModel<ItemType = any, ValueType = any> {
314
+ selectedOptions: _OptionItem<ItemType, ValueType>[];
315
+ displayedOptions: _OptionItem<ItemType, ValueType>[];
309
316
  }
310
317
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/core",
3
- "version": "0.43.6",
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.6",
32
- "@fundamental-ngx/i18n": "0.43.6",
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.6', '<')) {
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.6`,
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.6', '<')) {
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.6`,
71
+ version: `0.43.7`,
72
72
  name: '@fundamental-ngx/cdk',
73
73
  overwrite: true
74
74
  });
Binary file