@fundamental-ngx/core 0.46.0-rc.50 → 0.46.0-rc.52
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/combobox/combobox-mobile/combobox-mobile.component.d.ts +1 -1
- package/combobox/combobox-mobile/combobox-mobile.module.d.ts +1 -5
- package/combobox/combobox.component.d.ts +12 -12
- package/combobox/combobox.module.d.ts +5 -12
- package/combobox/list-group.pipe.d.ts +1 -1
- package/dialog/base/dialog-base.class.d.ts +8 -7
- package/dialog/base/dialog-content-base.class.d.ts +2 -0
- package/dialog/base/dialog-footer-base.class.d.ts +6 -4
- package/dialog/dialog-body/dialog-body.component.d.ts +2 -2
- package/dialog/dialog-close-button/dialog-close-button.component.d.ts +1 -1
- package/dialog/dialog-container/dialog-container.component.d.ts +1 -1
- package/dialog/dialog-default/dialog-default.component.d.ts +3 -1
- package/dialog/dialog-footer/dialog-footer.component.d.ts +2 -2
- package/dialog/dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component.d.ts +20 -0
- package/dialog/dialog-header/dialog-header.component.d.ts +2 -2
- package/dialog/dialog.component.d.ts +13 -6
- package/dialog/dialog.module.d.ts +18 -13
- package/dialog/directives/dialog-title.directive.d.ts +1 -1
- package/dialog/index.d.ts +2 -0
- package/dialog/provide-dialog-service.d.ts +6 -0
- package/dialog/utils/dialog-default-content.class.d.ts +6 -0
- package/dialog/utils/dialog-ref.class.d.ts +9 -1
- package/esm2022/combobox/combobox-mobile/combobox-mobile.component.mjs +24 -8
- package/esm2022/combobox/combobox-mobile/combobox-mobile.module.mjs +4 -9
- package/esm2022/combobox/combobox.component.mjs +51 -28
- package/esm2022/combobox/combobox.module.mjs +9 -52
- package/esm2022/combobox/list-group.pipe.mjs +4 -3
- package/esm2022/date-picker/date-picker-mobile/date-picker-mobile.component.mjs +2 -3
- package/esm2022/datetime-picker/datetime-picker-mobile/datetime-picker-mobile.component.mjs +2 -3
- package/esm2022/dialog/base/dialog-base.class.mjs +4 -4
- package/esm2022/dialog/base/dialog-content-base.class.mjs +1 -1
- package/esm2022/dialog/base/dialog-footer-base.class.mjs +12 -7
- package/esm2022/dialog/base/dialog-header-base.class.mjs +3 -2
- package/esm2022/dialog/dialog-body/dialog-body.component.mjs +9 -9
- package/esm2022/dialog/dialog-close-button/dialog-close-button.component.mjs +9 -5
- package/esm2022/dialog/dialog-container/dialog-container.component.mjs +5 -5
- package/esm2022/dialog/dialog-default/dialog-default.component.mjs +37 -12
- package/esm2022/dialog/dialog-footer/dialog-footer.component.mjs +8 -6
- package/esm2022/dialog/dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component.mjs +53 -0
- package/esm2022/dialog/dialog-header/dialog-header.component.mjs +8 -6
- package/esm2022/dialog/dialog.component.mjs +37 -11
- package/esm2022/dialog/dialog.module.mjs +61 -64
- package/esm2022/dialog/directives/dialog-title.directive.mjs +4 -3
- package/esm2022/dialog/index.mjs +3 -1
- package/esm2022/dialog/provide-dialog-service.mjs +10 -0
- package/esm2022/dialog/utils/dialog-default-content.class.mjs +1 -1
- package/esm2022/dialog/utils/dialog-ref.class.mjs +13 -2
- package/esm2022/menu/menu-mobile/menu-mobile.component.mjs +2 -2
- package/esm2022/multi-combobox/mobile/mobile-multi-combobox.component.mjs +3 -3
- package/esm2022/multi-combobox/multi-combobox.component.mjs +6 -6
- package/esm2022/multi-input/multi-input-mobile/multi-input-mobile.component.mjs +4 -4
- package/fesm2022/fundamental-ngx-core-combobox.mjs +85 -89
- package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-date-picker.mjs +3 -4
- package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +3 -4
- package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-dialog.mjs +225 -105
- package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-menu.mjs +2 -2
- package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +7 -7
- package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-multi-input.mjs +10 -10
- package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
- package/fundamental-ngx-core-v0.46.0-rc.52.tgz +0 -0
- package/multi-combobox/multi-combobox.component.d.ts +1 -1
- package/package.json +3 -3
- package/schematics/add-dependencies/index.js +4 -4
- package/fundamental-ngx-core-v0.46.0-rc.50.tgz +0 -0
|
@@ -37,5 +37,5 @@ export declare class ComboboxMobileComponent extends MobileModeBase<ComboboxInte
|
|
|
37
37
|
/** @hidden */
|
|
38
38
|
private _focusInputElementOnceOpened;
|
|
39
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxMobileComponent, [null, null, null, { optional: true; }]>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxMobileComponent, "fd-combobox-mobile", never, {}, {}, never, never,
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxMobileComponent, "fd-combobox-mobile", never, {}, {}, never, never, true, never, false>;
|
|
41
41
|
}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./combobox-mobile.component";
|
|
3
|
-
import * as i2 from "@fundamental-ngx/core/bar";
|
|
4
|
-
import * as i3 from "@fundamental-ngx/core/dialog";
|
|
5
|
-
import * as i4 from "@fundamental-ngx/core/button";
|
|
6
|
-
import * as i5 from "@angular/common";
|
|
7
3
|
export declare class ComboboxMobileModule {
|
|
8
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxMobileModule, never>;
|
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ComboboxMobileModule, [typeof i1.ComboboxMobileComponent], [typeof
|
|
5
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ComboboxMobileModule, never, [typeof i1.ComboboxMobileComponent], [typeof i1.ComboboxMobileComponent]>;
|
|
10
6
|
static ɵinj: i0.ɵɵInjectorDeclaration<ComboboxMobileModule>;
|
|
11
7
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
-
import { ListComponent, ListMessageDirective } from '@fundamental-ngx/core/list';
|
|
4
3
|
import { AutoCompleteEvent, DynamicComponentService, FocusEscapeDirection, Nullable } from '@fundamental-ngx/cdk/utils';
|
|
5
4
|
import { FormItemControl } from '@fundamental-ngx/core/form';
|
|
6
|
-
import { PopoverFillMode } from '@fundamental-ngx/core/shared';
|
|
7
|
-
import { PopoverComponent } from '@fundamental-ngx/core/popover';
|
|
8
5
|
import { InputGroupComponent } from '@fundamental-ngx/core/input-group';
|
|
6
|
+
import { ListComponent, ListMessageDirective } from '@fundamental-ngx/core/list';
|
|
9
7
|
import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import { GroupFunction } from './list-group.pipe';
|
|
13
|
-
import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
|
|
8
|
+
import { PopoverComponent } from '@fundamental-ngx/core/popover';
|
|
9
|
+
import { PopoverFillMode } from '@fundamental-ngx/core/shared';
|
|
14
10
|
import { Overlay, RepositionScrollStrategy } from '@angular/cdk/overlay';
|
|
15
11
|
import { FormStates } from '@fundamental-ngx/cdk/forms';
|
|
12
|
+
import { ContentDensityObserver } from '@fundamental-ngx/core/content-density';
|
|
13
|
+
import { ComboboxItem } from './combobox-item';
|
|
14
|
+
import { ComboboxInterface } from './combobox.interface';
|
|
15
|
+
import { GroupFunction } from './list-group.pipe';
|
|
16
16
|
import * as i0 from "@angular/core";
|
|
17
17
|
/**
|
|
18
18
|
* Allows users to filter through results and select a value.
|
|
@@ -93,8 +93,6 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
|
|
|
93
93
|
searchFn: () => void;
|
|
94
94
|
/** Whether the matching string should be highlighted during filtration. */
|
|
95
95
|
highlighting: boolean;
|
|
96
|
-
/** Whether the matching string should be highlighted after combobox value is selected. */
|
|
97
|
-
filterHighlight: boolean;
|
|
98
96
|
/** Whether the popover should close when a user selects a result. */
|
|
99
97
|
closeOnSelect: boolean;
|
|
100
98
|
/** Whether the input field should be populated with the result picked by the user. */
|
|
@@ -166,6 +164,8 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
|
|
|
166
164
|
controlTemplate: TemplateRef<HTMLElement>;
|
|
167
165
|
/** @hidden */
|
|
168
166
|
listTemplate: TemplateRef<HTMLElement>;
|
|
167
|
+
/** Whether the matching string should be highlighted after combobox value is selected. */
|
|
168
|
+
filterHighlight: boolean;
|
|
169
169
|
/** Keys, that won't trigger the popover's open state, when dispatched on search input */
|
|
170
170
|
readonly nonOpeningKeys: number[];
|
|
171
171
|
/** Keys, that will close popover's body, when dispatched on search input */
|
|
@@ -190,12 +190,12 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
|
|
|
190
190
|
/** @hidden */
|
|
191
191
|
private _value;
|
|
192
192
|
/** @hidden */
|
|
193
|
+
constructor(_overlay: Overlay, _cdRef: ChangeDetectorRef, _injector: Injector, _viewContainerRef: ViewContainerRef, _dynamicComponentService: DynamicComponentService, _contentDensityObserver: ContentDensityObserver);
|
|
194
|
+
/** @hidden */
|
|
193
195
|
onChange: (value: any) => void;
|
|
194
196
|
/** @hidden */
|
|
195
197
|
onTouched: () => void;
|
|
196
198
|
/** @hidden */
|
|
197
|
-
constructor(_overlay: Overlay, _cdRef: ChangeDetectorRef, _injector: Injector, _viewContainerRef: ViewContainerRef, _dynamicComponentService: DynamicComponentService, _contentDensityObserver: ContentDensityObserver);
|
|
198
|
-
/** @hidden */
|
|
199
199
|
ngOnInit(): void;
|
|
200
200
|
/** @hidden */
|
|
201
201
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -273,5 +273,5 @@ export declare class ComboboxComponent implements ComboboxInterface, ControlValu
|
|
|
273
273
|
/** @hidden */
|
|
274
274
|
isSelected(term: any): boolean;
|
|
275
275
|
static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxComponent, never>;
|
|
276
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "fd-combobox", never, { "comboboxId": { "alias": "comboboxId"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "required": { "alias": "required"; "required": false; }; "dropdownValues": { "alias": "dropdownValues"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "openOnKeyboardEvent": { "alias": "openOnKeyboardEvent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "groupFn": { "alias": "groupFn"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "highlighting": { "alias": "highlighting"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "fillOnSelect": { "alias": "fillOnSelect"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "communicateByObject": { "alias": "communicateByObject"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "clearButtonFocusable": { "alias": "clearButtonFocusable"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "showDropdownButton": { "alias": "showDropdownButton"; "required": false; }; "includes": { "alias": "includes"; "required": false; }; "title": { "alias": "title"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; }, { "itemClicked": "itemClicked"; "openChange": "openChange"; "inputTextChange": "inputTextChange"; }, ["listMessages"], ["*", "*"],
|
|
276
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ComboboxComponent, "fd-combobox", never, { "comboboxId": { "alias": "comboboxId"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "required": { "alias": "required"; "required": false; }; "dropdownValues": { "alias": "dropdownValues"; "required": false; }; "filterFn": { "alias": "filterFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "glyph": { "alias": "glyph"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "triggers": { "alias": "triggers"; "required": false; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; }; "openOnKeyboardEvent": { "alias": "openOnKeyboardEvent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "groupFn": { "alias": "groupFn"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "highlighting": { "alias": "highlighting"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "fillOnSelect": { "alias": "fillOnSelect"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "fillControlMode": { "alias": "fillControlMode"; "required": false; }; "communicateByObject": { "alias": "communicateByObject"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "clearButtonFocusable": { "alias": "clearButtonFocusable"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "showDropdownButton": { "alias": "showDropdownButton"; "required": false; }; "includes": { "alias": "includes"; "required": false; }; "title": { "alias": "title"; "required": false; }; "byline": { "alias": "byline"; "required": false; }; }, { "itemClicked": "itemClicked"; "openChange": "openChange"; "inputTextChange": "inputTextChange"; }, ["listMessages"], ["*", "*"], true, never, false>;
|
|
277
277
|
}
|
|
@@ -1,19 +1,12 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./combobox.component";
|
|
3
3
|
import * as i2 from "./list-group.pipe";
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import * as i7 from "@fundamental-ngx/cdk/utils";
|
|
9
|
-
import * as i8 from "@fundamental-ngx/core/button";
|
|
10
|
-
import * as i9 from "@fundamental-ngx/core/input-group";
|
|
11
|
-
import * as i10 from "@fundamental-ngx/core/list";
|
|
12
|
-
import * as i11 from "@fundamental-ngx/core/icon";
|
|
13
|
-
import * as i12 from "@fundamental-ngx/core/content-density";
|
|
14
|
-
import * as i13 from "@fundamental-ngx/i18n";
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated
|
|
6
|
+
* Use `ComboboxComponent` import instead.
|
|
7
|
+
*/
|
|
15
8
|
export declare class ComboboxModule {
|
|
16
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<ComboboxModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ComboboxModule, [typeof i1.ComboboxComponent, typeof i2.ListGroupPipe], [typeof
|
|
10
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ComboboxModule, never, [typeof i1.ComboboxComponent, typeof i2.ListGroupPipe], [typeof i1.ComboboxComponent, typeof i2.ListGroupPipe]>;
|
|
18
11
|
static ɵinj: i0.ɵɵInjectorDeclaration<ComboboxModule>;
|
|
19
12
|
}
|
|
@@ -8,5 +8,5 @@ export declare class ListGroupPipe<T = any> implements PipeTransform {
|
|
|
8
8
|
/** Group items */
|
|
9
9
|
transform(items: any[], group: GroupFunction<T>): KeyValue<string, T[]>[];
|
|
10
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<ListGroupPipe<any>, never>;
|
|
11
|
-
static ɵpipe: i0.ɵɵPipeDeclaration<ListGroupPipe<any>, "listGroupPipe",
|
|
11
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<ListGroupPipe<any>, "listGroupPipe", true>;
|
|
12
12
|
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { Router } from '@angular/router';
|
|
3
|
-
import {
|
|
3
|
+
import { Subscription } from 'rxjs';
|
|
4
|
+
import { FocusTrapService, RtlService } from '@fundamental-ngx/cdk/utils';
|
|
5
|
+
import { DialogSize } from '../utils/dialog-width-to-size';
|
|
4
6
|
import { DialogConfigBase } from './dialog-config-base.class';
|
|
5
7
|
import { DialogRefBase } from './dialog-ref-base.class';
|
|
6
|
-
import { DialogSize } from '../utils/dialog-width-to-size';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
|
-
export declare abstract class DialogBase implements OnInit, AfterViewInit, OnDestroy {
|
|
9
|
+
export declare abstract class DialogBase<T = any, D extends DialogRefBase<T> = DialogRefBase<T>> implements OnInit, AfterViewInit, OnDestroy {
|
|
9
10
|
protected _router: Router;
|
|
10
11
|
readonly elementRef: ElementRef;
|
|
11
12
|
protected _changeDetectorRef: ChangeDetectorRef;
|
|
@@ -22,9 +23,9 @@ export declare abstract class DialogBase implements OnInit, AfterViewInit, OnDes
|
|
|
22
23
|
/** @hidden */
|
|
23
24
|
protected _focusTrapId: string;
|
|
24
25
|
/** @hidden */
|
|
25
|
-
|
|
26
|
+
protected _subscriptions: Subscription;
|
|
26
27
|
/** @hidden */
|
|
27
|
-
abstract get _ref():
|
|
28
|
+
abstract get _ref(): D;
|
|
28
29
|
/** @hidden */
|
|
29
30
|
abstract get _config(): DialogConfigBase<any>;
|
|
30
31
|
/**
|
|
@@ -58,6 +59,6 @@ export declare abstract class DialogBase implements OnInit, AfterViewInit, OnDes
|
|
|
58
59
|
private _setWidthHeight;
|
|
59
60
|
/** @hidden Listen on window resize and adjust padding */
|
|
60
61
|
private _listenOnWindowResize;
|
|
61
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialogBase, never>;
|
|
62
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogBase, never, never, {}, {}, never, never, false, never, false>;
|
|
62
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogBase<any, any>, never>;
|
|
63
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogBase<any, any>, never, never, {}, {}, never, never, false, never, false>;
|
|
63
64
|
}
|
|
@@ -30,6 +30,8 @@ export declare class DialogContentBase {
|
|
|
30
30
|
cancelButtonCallback?: () => void;
|
|
31
31
|
/** Close Button Callback */
|
|
32
32
|
closeButtonCallback?: () => void;
|
|
33
|
+
/** Full screen Button Click callback */
|
|
34
|
+
fullScreenButtonCallback?: () => void;
|
|
33
35
|
/** close button title */
|
|
34
36
|
closeButtonTitle?: string;
|
|
35
37
|
/** Aria labelby for the dialog close button element. */
|
|
@@ -3,18 +3,20 @@ import { TemplateDirective } from '@fundamental-ngx/cdk/utils';
|
|
|
3
3
|
import { ButtonBarComponent } from '@fundamental-ngx/core/bar';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare abstract class DialogFooterBase implements AfterContentInit {
|
|
6
|
-
/** @hidden */
|
|
7
|
-
footerTemplate: TemplateRef<any> | undefined;
|
|
8
6
|
/** @hidden */
|
|
9
7
|
customTemplates: QueryList<TemplateDirective>;
|
|
10
8
|
/** @hidden */
|
|
11
9
|
buttons: QueryList<ButtonBarComponent>;
|
|
12
10
|
/** @hidden */
|
|
11
|
+
footerTemplate: TemplateRef<any> | undefined;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
private readonly _cdr;
|
|
14
|
+
/** @hidden */
|
|
13
15
|
ngAfterContentInit(): void;
|
|
14
|
-
/** @hidden Assign custom templates */
|
|
15
|
-
private _assignCustomTemplates;
|
|
16
16
|
/** @hidden */
|
|
17
17
|
protected _listenForButtonChanges(className: string): void;
|
|
18
|
+
/** @hidden Assign custom templates */
|
|
19
|
+
private _assignCustomTemplates;
|
|
18
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogFooterBase, never>;
|
|
19
21
|
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogFooterBase, never, never, {}, {}, ["customTemplates", "buttons"], never, false, never, false>;
|
|
20
22
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElementRef } from '@angular/core';
|
|
2
|
+
import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
|
|
2
3
|
import { DialogConfig } from '../utils/dialog-config.class';
|
|
3
4
|
import { DialogRef } from '../utils/dialog-ref.class';
|
|
4
|
-
import { ScrollbarDirective } from '@fundamental-ngx/core/scrollbar';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@fundamental-ngx/core/scrollbar";
|
|
7
7
|
/**
|
|
@@ -21,5 +21,5 @@ export declare class DialogBodyComponent {
|
|
|
21
21
|
/** @hidden */
|
|
22
22
|
constructor(elementRef: ElementRef, dialogConfig: DialogConfig, dialogRef: DialogRef, _scrollbarDirective: ScrollbarDirective);
|
|
23
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogBodyComponent, [null, { optional: true; }, { optional: true; }, null]>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogBodyComponent, "fd-dialog-body", never, {}, {}, never, ["*"],
|
|
24
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogBodyComponent, "fd-dialog-body", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.ScrollbarDirective; inputs: {}; outputs: {}; }], false>;
|
|
25
25
|
}
|
|
@@ -12,5 +12,5 @@ export declare class DialogCloseButtonComponent {
|
|
|
12
12
|
/** add title dynamically to add a tooltip */
|
|
13
13
|
title: string;
|
|
14
14
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogCloseButtonComponent, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogCloseButtonComponent, "[fd-dialog-close-button]", never, { "mobile": { "alias": "mobile"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"],
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogCloseButtonComponent, "[fd-dialog-close-button]", never, { "mobile": { "alias": "mobile"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], true, never, false>;
|
|
16
16
|
}
|
|
@@ -44,5 +44,5 @@ export declare class DialogContainerComponent extends DynamicComponentContainer<
|
|
|
44
44
|
*/
|
|
45
45
|
private _listenOnClose;
|
|
46
46
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogContainerComponent, never>;
|
|
47
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogContainerComponent, "fd-dialog-container", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never,
|
|
47
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogContainerComponent, "fd-dialog-container", never, { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never, false>;
|
|
48
48
|
}
|
|
@@ -24,6 +24,8 @@ export declare class DialogDefaultComponent implements AfterViewInit {
|
|
|
24
24
|
_approveButtonClicked(): void;
|
|
25
25
|
/** @hidden */
|
|
26
26
|
_cancelButtonClicked(): void;
|
|
27
|
+
/** @hidden */
|
|
28
|
+
_fullScreenButtonClicked(): void;
|
|
27
29
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogDefaultComponent, never>;
|
|
28
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogDefaultComponent, "fd-dialog-default", never, {}, {}, never, never,
|
|
30
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogDefaultComponent, "fd-dialog-default", never, {}, {}, never, never, true, never, false>;
|
|
29
31
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AfterContentInit, AfterViewInit } from '@angular/core';
|
|
2
|
-
import { DialogConfig } from '../utils/dialog-config.class';
|
|
3
2
|
import { DialogFooterBase } from '../base/dialog-footer-base.class';
|
|
3
|
+
import { DialogConfig } from '../utils/dialog-config.class';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare const DialogButtonClass = "fd-dialog__decisive-button";
|
|
6
6
|
/**
|
|
@@ -24,5 +24,5 @@ export declare class DialogFooterComponent extends DialogFooterBase implements A
|
|
|
24
24
|
/** @hidden */
|
|
25
25
|
ngAfterViewInit(): void;
|
|
26
26
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogFooterComponent, [{ optional: true; }]>;
|
|
27
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "fd-dialog-footer", never, {}, {}, never, ["*"],
|
|
27
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "fd-dialog-footer", never, {}, {}, never, ["*"], true, never, false>;
|
|
28
28
|
}
|
package/dialog/dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class DialogFullScreenTogglerButtonComponent implements OnInit {
|
|
4
|
+
/** Displays dialog close button in mobile mode */
|
|
5
|
+
mobile: boolean;
|
|
6
|
+
/** add title dynamically to add a tooltip */
|
|
7
|
+
title: string;
|
|
8
|
+
/** @hidden */
|
|
9
|
+
_fullscreen: boolean;
|
|
10
|
+
/** @hidden */
|
|
11
|
+
private readonly _ref;
|
|
12
|
+
/** @hidden */
|
|
13
|
+
private readonly _destroyRef;
|
|
14
|
+
/** @hidden */
|
|
15
|
+
private readonly _cdr;
|
|
16
|
+
/** @hidden */
|
|
17
|
+
ngOnInit(): void;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DialogFullScreenTogglerButtonComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogFullScreenTogglerButtonComponent, "[fd-dialog-full-screen-toggler-button]", never, { "mobile": { "alias": "mobile"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never, false>;
|
|
20
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { AfterContentInit, ChangeDetectorRef } from '@angular/core';
|
|
2
|
-
import { DialogConfig } from '../utils/dialog-config.class';
|
|
3
2
|
import { DialogHeaderBase } from '../base/dialog-header-base.class';
|
|
3
|
+
import { DialogConfig } from '../utils/dialog-config.class';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
/**
|
|
6
6
|
* Applies fundamental layout and styling to the contents of a dialog header.
|
|
@@ -19,5 +19,5 @@ export declare class DialogHeaderComponent extends DialogHeaderBase implements A
|
|
|
19
19
|
/** @hidden */
|
|
20
20
|
ngAfterContentInit(): void;
|
|
21
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderComponent, [{ optional: true; }, null]>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "fd-dialog-header", never, {}, {}, never, ["[fd-title]", "[fd-dialog-close-button]"],
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "fd-dialog-header", never, {}, {}, never, ["[fd-title]", "[fd-dialog-full-screen-toggler-button]", "[fd-dialog-close-button]"], true, never, false>;
|
|
23
23
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { Router } from '@angular/router';
|
|
3
3
|
import { CssClassBuilder, FocusTrapService, RtlService } from '@fundamental-ngx/cdk/utils';
|
|
4
|
-
import {
|
|
5
|
-
import { DialogHeaderComponent } from './dialog-header/dialog-header.component';
|
|
4
|
+
import { DialogBase } from './base/dialog-base.class';
|
|
6
5
|
import { DialogBodyComponent } from './dialog-body/dialog-body.component';
|
|
7
6
|
import { DialogFooterComponent } from './dialog-footer/dialog-footer.component';
|
|
8
|
-
import {
|
|
9
|
-
import { DialogBase } from './base/dialog-base.class';
|
|
7
|
+
import { DialogHeaderComponent } from './dialog-header/dialog-header.component';
|
|
10
8
|
import { DialogTitleDirective } from './directives/dialog-title.directive';
|
|
9
|
+
import { DialogConfig } from './utils/dialog-config.class';
|
|
10
|
+
import { DialogRef } from './utils/dialog-ref.class';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
/**
|
|
13
13
|
* Dialog component.
|
|
@@ -20,7 +20,7 @@ import * as i0 from "@angular/core";
|
|
|
20
20
|
* </fd-dialog>
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
|
-
export declare class DialogComponent extends DialogBase implements OnInit, OnChanges, AfterViewInit, OnDestroy, CssClassBuilder {
|
|
23
|
+
export declare class DialogComponent extends DialogBase<DialogRef> implements OnInit, OnChanges, AfterViewInit, OnDestroy, CssClassBuilder {
|
|
24
24
|
dialogConfig: DialogConfig;
|
|
25
25
|
private _dialogRef;
|
|
26
26
|
/** Custom classes */
|
|
@@ -46,6 +46,11 @@ export declare class DialogComponent extends DialogBase implements OnInit, OnCha
|
|
|
46
46
|
showDialogWindow: boolean;
|
|
47
47
|
/** @hidden Whenever dialog is dragged */
|
|
48
48
|
isDragged: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* @hidden
|
|
51
|
+
* Whether the Dialog in full-screen mode.
|
|
52
|
+
*/
|
|
53
|
+
_fullScreen: boolean;
|
|
49
54
|
/** @hidden */
|
|
50
55
|
private _class;
|
|
51
56
|
/** @hidden */
|
|
@@ -66,8 +71,10 @@ export declare class DialogComponent extends DialogBase implements OnInit, OnCha
|
|
|
66
71
|
ngOnDestroy(): void;
|
|
67
72
|
/** @hidden */
|
|
68
73
|
buildComponentCssClass(): string[];
|
|
74
|
+
/** @hidden */
|
|
75
|
+
private _listenOnFullScreen;
|
|
69
76
|
/** @hidden Listen on Dialog visibility */
|
|
70
77
|
private _listenOnHidden;
|
|
71
78
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, { optional: true; }, { optional: true; }, { optional: true; }, null, null, null]>;
|
|
72
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "fd-dialog", never, { "class": { "alias": "class"; "required": false; }; "embeddedDialogRef": { "alias": "dialogRef"; "required": false; }; "embeddedDialogConfig": { "alias": "dialogConfig"; "required": false; }; }, {}, ["dialogHeaderConfig", "dialogBodyConfig", "dialogFooterConfig", "dialogTitle"], ["fd-dialog-header", "fd-dialog-body", "fd-dialog-footer"],
|
|
79
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "fd-dialog", never, { "class": { "alias": "class"; "required": false; }; "embeddedDialogRef": { "alias": "dialogRef"; "required": false; }; "embeddedDialogConfig": { "alias": "dialogConfig"; "required": false; }; }, {}, ["dialogHeaderConfig", "dialogBodyConfig", "dialogFooterConfig", "dialogTitle"], ["fd-dialog-header", "fd-dialog-body", "fd-dialog-footer"], true, never, false>;
|
|
73
80
|
}
|
|
@@ -7,20 +7,25 @@ import * as i5 from "./dialog-default/dialog-default.component";
|
|
|
7
7
|
import * as i6 from "./dialog-container/dialog-container.component";
|
|
8
8
|
import * as i7 from "./dialog-close-button/dialog-close-button.component";
|
|
9
9
|
import * as i8 from "./directives/dialog-title.directive";
|
|
10
|
-
import * as i9 from "
|
|
11
|
-
import * as i10 from "@fundamental-ngx/
|
|
12
|
-
import * as i11 from "@fundamental-ngx/core/
|
|
13
|
-
import * as i12 from "@
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
import * as i9 from "./dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component";
|
|
11
|
+
import * as i10 from "@fundamental-ngx/cdk/utils";
|
|
12
|
+
import * as i11 from "@fundamental-ngx/core/bar";
|
|
13
|
+
import * as i12 from "@fundamental-ngx/core/title";
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated
|
|
16
|
+
* Use following imports instead:
|
|
17
|
+
* `DialogComponent`,
|
|
18
|
+
* `DialogBodyComponent`,
|
|
19
|
+
* `DialogFooterComponent`,
|
|
20
|
+
* `DialogHeaderComponent`,
|
|
21
|
+
* `DialogCloseButtonComponent`,
|
|
22
|
+
* `DialogTitleDirective`,
|
|
23
|
+
* `DialogFullScreenTogglerButtonComponent`
|
|
24
|
+
*
|
|
25
|
+
* in order to provide dialog service, use `provideDialogService()`
|
|
26
|
+
*/
|
|
22
27
|
export declare class DialogModule {
|
|
23
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogModule, never>;
|
|
24
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, [typeof i1.DialogComponent, typeof i2.DialogBodyComponent, typeof i3.DialogFooterComponent, typeof i4.DialogHeaderComponent, typeof i5.DialogDefaultComponent, typeof i6.DialogContainerComponent, typeof i7.DialogCloseButtonComponent, typeof i8.DialogTitleDirective
|
|
29
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<DialogModule, never, [typeof i1.DialogComponent, typeof i2.DialogBodyComponent, typeof i3.DialogFooterComponent, typeof i4.DialogHeaderComponent, typeof i5.DialogDefaultComponent, typeof i6.DialogContainerComponent, typeof i7.DialogCloseButtonComponent, typeof i8.DialogTitleDirective, typeof i9.DialogFullScreenTogglerButtonComponent, typeof i10.TemplateModule, typeof i11.BarModule, typeof i12.TitleComponent], [typeof i1.DialogComponent, typeof i2.DialogBodyComponent, typeof i3.DialogFooterComponent, typeof i4.DialogHeaderComponent, typeof i5.DialogDefaultComponent, typeof i6.DialogContainerComponent, typeof i7.DialogCloseButtonComponent, typeof i8.DialogTitleDirective, typeof i9.DialogFullScreenTogglerButtonComponent, typeof i10.TemplateModule, typeof i11.BarModule, typeof i12.TitleComponent]>;
|
|
25
30
|
static ɵinj: i0.ɵɵInjectorDeclaration<DialogModule>;
|
|
26
31
|
}
|
|
@@ -10,5 +10,5 @@ export declare class DialogTitleDirective implements AfterViewInit {
|
|
|
10
10
|
/** @hidden */
|
|
11
11
|
ngAfterViewInit(): void;
|
|
12
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogTitleDirective, [{ optional: true; }]>;
|
|
13
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogTitleDirective, "[fd-dialog-title]", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never,
|
|
13
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogTitleDirective, "[fd-dialog-title]", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never, false>;
|
|
14
14
|
}
|
package/dialog/index.d.ts
CHANGED
|
@@ -24,3 +24,5 @@ export * from './utils/dialog.animations';
|
|
|
24
24
|
export * from './dialog.types';
|
|
25
25
|
export * from './tokens';
|
|
26
26
|
export * from './utils/dialog-overlay.container';
|
|
27
|
+
export * from './dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component';
|
|
28
|
+
export * from './provide-dialog-service';
|
|
@@ -5,4 +5,10 @@ export declare class DialogDefaultContent extends DialogContentBase {
|
|
|
5
5
|
content?: TemplateRef<any>;
|
|
6
6
|
/** Subheader Body */
|
|
7
7
|
subHeader?: TemplateRef<any>;
|
|
8
|
+
/** Whether to allow dialog to be opened in full screen mode. */
|
|
9
|
+
allowFullScreen?: boolean;
|
|
10
|
+
/** Full screen button text when dialog is not in full-screen mode. */
|
|
11
|
+
fullScreenExpandButtonText?: string;
|
|
12
|
+
/** Full screen button text when dialog is in full-screen mode. */
|
|
13
|
+
fullScreenMinifyButtonText?: string;
|
|
8
14
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Observable } from 'rxjs';
|
|
2
1
|
import { TemplateRef, Type } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
3
|
import { DialogRefBase } from '../base/dialog-ref-base.class';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export interface DialogRefLoadingConfiguration {
|
|
@@ -17,10 +17,14 @@ export declare class DialogRef<T = any, P = any> extends DialogRefBase<T, P> imp
|
|
|
17
17
|
private readonly _onHide;
|
|
18
18
|
/** @hidden */
|
|
19
19
|
private readonly _onLoading;
|
|
20
|
+
/** @hidden */
|
|
21
|
+
private readonly _fullScreen;
|
|
20
22
|
/** Observable that is triggered whenever the dialog should be visually hidden or visible.*/
|
|
21
23
|
onHide: Observable<boolean>;
|
|
22
24
|
/** Observable that is triggered whenever the dialog should be displayed in loading state.*/
|
|
23
25
|
onLoading: Observable<boolean>;
|
|
26
|
+
/** Observable that is triggered whenever the full-screen state being changed. */
|
|
27
|
+
fullScreen: Observable<boolean>;
|
|
24
28
|
/** Value used to determine if dialog window should be hidden or visible. */
|
|
25
29
|
isLoading: boolean;
|
|
26
30
|
/** Text, that is rendered in loading state */
|
|
@@ -37,6 +41,10 @@ export declare class DialogRef<T = any, P = any> extends DialogRefBase<T, P> imp
|
|
|
37
41
|
* @param loadingData Value used to determine if dialog window should be displayed in loading state.
|
|
38
42
|
*/
|
|
39
43
|
loading(loadingData: boolean | DialogRefLoadingConfiguration): void;
|
|
44
|
+
/**
|
|
45
|
+
* Toggles full-screen mode of the Dialog.
|
|
46
|
+
*/
|
|
47
|
+
toggleFullScreen(): void;
|
|
40
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<DialogRef<any, any>, never>;
|
|
41
49
|
static ɵprov: i0.ɵɵInjectableDeclaration<DialogRef<any, any>>;
|
|
42
50
|
}
|