@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.
- package/button/base-button.d.ts +3 -1
- package/button/button.component.d.ts +5 -0
- package/esm2020/button/base-button.mjs +4 -2
- package/esm2020/button/button.component.mjs +19 -5
- package/esm2020/combobox/combobox.component.mjs +1 -1
- package/esm2020/multi-combobox/multi-combobox.component.mjs +1 -1
- package/esm2020/multi-input/multi-input-mobile/multi-input-mobile.component.mjs +3 -3
- 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-button.mjs +21 -5
- package/fesm2015/fundamental-ngx-core-button.mjs.map +1 -1
- 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 +69 -37
- 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-button.mjs +21 -5
- package/fesm2020/fundamental-ngx-core-button.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 +68 -36
- 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 +42 -33
- 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.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:
|
|
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. */
|
|
@@ -162,7 +162,9 @@ export declare class MultiInputComponent implements MultiInputInterface, Control
|
|
|
162
162
|
/** @hidden */
|
|
163
163
|
popoverRef: PopoverComponent;
|
|
164
164
|
/** @hidden */
|
|
165
|
-
controlTemplate: TemplateRef<
|
|
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<
|
|
177
|
+
readonly optionItems$: BehaviorSubject<_OptionItem<ItemType, ValueType>[]>;
|
|
176
178
|
/** @hidden */
|
|
177
179
|
readonly _searchTermCtrl: FormControl<string | null>;
|
|
178
180
|
/** @hidden */
|
|
179
|
-
readonly _selectionModel: SelectionModel<
|
|
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:
|
|
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
|
|
294
|
+
private _getValueAndLabelOfItem;
|
|
287
295
|
/** @hidden */
|
|
288
|
-
private
|
|
296
|
+
private _getOptionItemByValue;
|
|
289
297
|
/** @hidden */
|
|
290
|
-
private
|
|
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
|
|
297
|
-
item:
|
|
298
|
-
isSelected
|
|
304
|
+
interface _OptionItem<ItemType = any, ValueType = any> extends OptionItemBase<ValueType> {
|
|
305
|
+
item: ItemType;
|
|
306
|
+
isSelected?: boolean;
|
|
299
307
|
}
|
|
300
|
-
|
|
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:
|
|
311
|
+
value: ValueType;
|
|
303
312
|
}
|
|
304
|
-
interface ViewModel {
|
|
305
|
-
selectedOptions:
|
|
306
|
-
displayedOptions:
|
|
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.
|
|
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
|