@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.
- package/esm2020/combobox/combobox.component.mjs +1 -1
- package/esm2020/multi-combobox/multi-combobox.component.mjs +1 -1
- package/esm2020/multi-input/multi-input.component.mjs +67 -35
- package/esm2020/popover/index.mjs +12 -12
- package/esm2020/popover/popover-body/popover-body-directives/popover-body-footer.directive.mjs +4 -3
- package/esm2020/popover/popover-body/popover-body-directives/popover-body-header.directive.mjs +4 -3
- package/esm2020/popover/popover-body/popover-body.component.mjs +8 -11
- package/esm2020/popover/popover-body.directive.mjs +20 -0
- package/esm2020/popover/popover-container/popover-container.directive.mjs +4 -3
- package/esm2020/popover/popover-control/popover-control.component.mjs +3 -3
- package/esm2020/popover/popover-mobile/popover-mobile.component.mjs +10 -7
- package/esm2020/popover/popover-mobile/popover-mobile.module.mjs +4 -5
- package/esm2020/popover/popover-service/popover.service.mjs +20 -14
- package/esm2020/popover/popover-trigger.directive.mjs +4 -3
- package/esm2020/popover/popover.component.mjs +29 -16
- package/esm2020/popover/popover.module.mjs +20 -18
- package/fesm2015/fundamental-ngx-core-combobox.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-multi-combobox.mjs +1 -1
- package/fesm2015/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-multi-input.mjs +67 -35
- package/fesm2015/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2015/fundamental-ngx-core-popover.mjs +440 -399
- package/fesm2015/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-combobox.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-multi-combobox.mjs +1 -1
- package/fesm2020/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-multi-input.mjs +66 -34
- package/fesm2020/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fesm2020/fundamental-ngx-core-popover.mjs +449 -408
- package/fesm2020/fundamental-ngx-core-popover.mjs.map +1 -1
- package/fundamental-ngx-core-v0.43.7.tgz +0 -0
- package/multi-input/multi-input.component.d.ts +39 -32
- package/package.json +3 -3
- package/popover/index.d.ts +11 -11
- package/popover/popover-body/popover-body-directives/popover-body-footer.directive.d.ts +1 -1
- package/popover/popover-body/popover-body-directives/popover-body-header.directive.d.ts +1 -1
- package/popover/popover-body/popover-body.component.d.ts +1 -1
- package/popover/popover-body.directive.d.ts +10 -0
- package/popover/popover-container/popover-container.directive.d.ts +1 -1
- package/popover/popover-control/popover-control.component.d.ts +1 -1
- package/popover/popover-mobile/popover-mobile.component.d.ts +3 -3
- package/popover/popover-mobile/popover-mobile.module.d.ts +5 -5
- package/popover/popover-service/popover.service.d.ts +6 -4
- package/popover/popover-trigger.directive.d.ts +1 -1
- package/popover/popover.component.d.ts +9 -2
- package/popover/popover.module.d.ts +2 -5
- package/schematics/add-dependencies/index.js +4 -4
- 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:
|
|
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:
|
|
58
|
-
get selected():
|
|
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: (
|
|
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: (
|
|
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
|
|
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<
|
|
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<
|
|
177
|
+
readonly optionItems$: BehaviorSubject<_OptionItem<ItemType, ValueType>[]>;
|
|
178
178
|
/** @hidden */
|
|
179
179
|
readonly _searchTermCtrl: FormControl<string | null>;
|
|
180
180
|
/** @hidden */
|
|
181
|
-
readonly _selectionModel: SelectionModel<
|
|
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:
|
|
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
|
|
294
|
+
private _getValueAndLabelOfItem;
|
|
289
295
|
/** @hidden */
|
|
290
|
-
private
|
|
296
|
+
private _getOptionItemByValue;
|
|
291
297
|
/** @hidden */
|
|
292
|
-
private
|
|
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
|
|
299
|
-
item:
|
|
300
|
-
isSelected
|
|
304
|
+
interface _OptionItem<ItemType = any, ValueType = any> extends OptionItemBase<ValueType> {
|
|
305
|
+
item: ItemType;
|
|
306
|
+
isSelected?: boolean;
|
|
301
307
|
}
|
|
302
|
-
|
|
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:
|
|
311
|
+
value: ValueType;
|
|
305
312
|
}
|
|
306
|
-
interface ViewModel {
|
|
307
|
-
selectedOptions:
|
|
308
|
-
displayedOptions:
|
|
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.
|
|
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.
|
|
32
|
-
"@fundamental-ngx/i18n": "0.43.
|
|
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",
|
package/popover/index.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
export * from './popover.
|
|
2
|
-
export * from './popover-body
|
|
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.
|
|
10
|
+
export * from './popover-mobile/popover-mobile.module';
|
|
12
11
|
export * from './popover-service/popover.service';
|
|
13
|
-
export * from './
|
|
14
|
-
export * from './popover
|
|
15
|
-
export * from './popover
|
|
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,
|
|
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,
|
|
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]"],
|
|
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,
|
|
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, ["*"],
|
|
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,
|
|
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 "
|
|
3
|
-
import * as i2 from "@
|
|
4
|
-
import * as i3 from "@fundamental-ngx/core/
|
|
5
|
-
import * as i4 from "
|
|
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.
|
|
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 {
|
|
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
|
|
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,
|
|
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", "*"],
|
|
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 "
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
71
|
+
version: `0.43.7`,
|
|
72
72
|
name: '@fundamental-ngx/cdk',
|
|
73
73
|
overwrite: true
|
|
74
74
|
});
|
|
Binary file
|