@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.
Files changed (70) hide show
  1. package/combobox/combobox-mobile/combobox-mobile.component.d.ts +1 -1
  2. package/combobox/combobox-mobile/combobox-mobile.module.d.ts +1 -5
  3. package/combobox/combobox.component.d.ts +12 -12
  4. package/combobox/combobox.module.d.ts +5 -12
  5. package/combobox/list-group.pipe.d.ts +1 -1
  6. package/dialog/base/dialog-base.class.d.ts +8 -7
  7. package/dialog/base/dialog-content-base.class.d.ts +2 -0
  8. package/dialog/base/dialog-footer-base.class.d.ts +6 -4
  9. package/dialog/dialog-body/dialog-body.component.d.ts +2 -2
  10. package/dialog/dialog-close-button/dialog-close-button.component.d.ts +1 -1
  11. package/dialog/dialog-container/dialog-container.component.d.ts +1 -1
  12. package/dialog/dialog-default/dialog-default.component.d.ts +3 -1
  13. package/dialog/dialog-footer/dialog-footer.component.d.ts +2 -2
  14. package/dialog/dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component.d.ts +20 -0
  15. package/dialog/dialog-header/dialog-header.component.d.ts +2 -2
  16. package/dialog/dialog.component.d.ts +13 -6
  17. package/dialog/dialog.module.d.ts +18 -13
  18. package/dialog/directives/dialog-title.directive.d.ts +1 -1
  19. package/dialog/index.d.ts +2 -0
  20. package/dialog/provide-dialog-service.d.ts +6 -0
  21. package/dialog/utils/dialog-default-content.class.d.ts +6 -0
  22. package/dialog/utils/dialog-ref.class.d.ts +9 -1
  23. package/esm2022/combobox/combobox-mobile/combobox-mobile.component.mjs +24 -8
  24. package/esm2022/combobox/combobox-mobile/combobox-mobile.module.mjs +4 -9
  25. package/esm2022/combobox/combobox.component.mjs +51 -28
  26. package/esm2022/combobox/combobox.module.mjs +9 -52
  27. package/esm2022/combobox/list-group.pipe.mjs +4 -3
  28. package/esm2022/date-picker/date-picker-mobile/date-picker-mobile.component.mjs +2 -3
  29. package/esm2022/datetime-picker/datetime-picker-mobile/datetime-picker-mobile.component.mjs +2 -3
  30. package/esm2022/dialog/base/dialog-base.class.mjs +4 -4
  31. package/esm2022/dialog/base/dialog-content-base.class.mjs +1 -1
  32. package/esm2022/dialog/base/dialog-footer-base.class.mjs +12 -7
  33. package/esm2022/dialog/base/dialog-header-base.class.mjs +3 -2
  34. package/esm2022/dialog/dialog-body/dialog-body.component.mjs +9 -9
  35. package/esm2022/dialog/dialog-close-button/dialog-close-button.component.mjs +9 -5
  36. package/esm2022/dialog/dialog-container/dialog-container.component.mjs +5 -5
  37. package/esm2022/dialog/dialog-default/dialog-default.component.mjs +37 -12
  38. package/esm2022/dialog/dialog-footer/dialog-footer.component.mjs +8 -6
  39. package/esm2022/dialog/dialog-full-screen-toggler-button/dialog-full-screen-toggler-button.component.mjs +53 -0
  40. package/esm2022/dialog/dialog-header/dialog-header.component.mjs +8 -6
  41. package/esm2022/dialog/dialog.component.mjs +37 -11
  42. package/esm2022/dialog/dialog.module.mjs +61 -64
  43. package/esm2022/dialog/directives/dialog-title.directive.mjs +4 -3
  44. package/esm2022/dialog/index.mjs +3 -1
  45. package/esm2022/dialog/provide-dialog-service.mjs +10 -0
  46. package/esm2022/dialog/utils/dialog-default-content.class.mjs +1 -1
  47. package/esm2022/dialog/utils/dialog-ref.class.mjs +13 -2
  48. package/esm2022/menu/menu-mobile/menu-mobile.component.mjs +2 -2
  49. package/esm2022/multi-combobox/mobile/mobile-multi-combobox.component.mjs +3 -3
  50. package/esm2022/multi-combobox/multi-combobox.component.mjs +6 -6
  51. package/esm2022/multi-input/multi-input-mobile/multi-input-mobile.component.mjs +4 -4
  52. package/fesm2022/fundamental-ngx-core-combobox.mjs +85 -89
  53. package/fesm2022/fundamental-ngx-core-combobox.mjs.map +1 -1
  54. package/fesm2022/fundamental-ngx-core-date-picker.mjs +3 -4
  55. package/fesm2022/fundamental-ngx-core-date-picker.mjs.map +1 -1
  56. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs +3 -4
  57. package/fesm2022/fundamental-ngx-core-datetime-picker.mjs.map +1 -1
  58. package/fesm2022/fundamental-ngx-core-dialog.mjs +225 -105
  59. package/fesm2022/fundamental-ngx-core-dialog.mjs.map +1 -1
  60. package/fesm2022/fundamental-ngx-core-menu.mjs +2 -2
  61. package/fesm2022/fundamental-ngx-core-menu.mjs.map +1 -1
  62. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs +7 -7
  63. package/fesm2022/fundamental-ngx-core-multi-combobox.mjs.map +1 -1
  64. package/fesm2022/fundamental-ngx-core-multi-input.mjs +10 -10
  65. package/fesm2022/fundamental-ngx-core-multi-input.mjs.map +1 -1
  66. package/fundamental-ngx-core-v0.46.0-rc.52.tgz +0 -0
  67. package/multi-combobox/multi-combobox.component.d.ts +1 -1
  68. package/package.json +3 -3
  69. package/schematics/add-dependencies/index.js +4 -4
  70. 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, false, never, false>;
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 i2.BarModule, typeof i3.DialogModule, typeof i4.ButtonModule, typeof i5.CommonModule], [typeof i1.ComboboxMobileComponent]>;
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 { ComboboxInterface } from './combobox.interface';
11
- import { ComboboxItem } from './combobox-item';
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"], ["*", "*"], false, never, false>;
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
- import * as i3 from "@angular/common";
5
- import * as i4 from "@fundamental-ngx/core/popover";
6
- import * as i5 from "@angular/forms";
7
- import * as i6 from "@fundamental-ngx/core/menu";
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 i3.CommonModule, typeof i4.PopoverModule, typeof i5.FormsModule, typeof i6.MenuModule, typeof i7.PipeModule, typeof i8.ButtonModule, typeof i9.InputGroupModule, typeof i10.ListModule, typeof i11.IconModule, typeof i7.AutoCompleteModule, typeof i12.ContentDensityModule, typeof i13.I18nModule], [typeof i1.ComboboxComponent, typeof i2.ListGroupPipe, typeof i12.ContentDensityModule]>;
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", false>;
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 { RtlService, FocusTrapService } from '@fundamental-ngx/cdk/utils';
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
- private _subscriptions;
26
+ protected _subscriptions: Subscription;
26
27
  /** @hidden */
27
- abstract get _ref(): DialogRefBase<any>;
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, ["*"], false, [{ directive: typeof i1.ScrollbarDirective; inputs: {}; outputs: {}; }], false>;
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, ["*"], false, never, false>;
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, false, never, false>;
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, false, never, false>;
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, ["*"], false, never, false>;
27
+ static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "fd-dialog-footer", never, {}, {}, never, ["*"], true, never, false>;
28
28
  }
@@ -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]"], false, never, false>;
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 { DialogConfig } from './utils/dialog-config.class';
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 { DialogRef } from './utils/dialog-ref.class';
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"], false, never, false>;
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 "@fundamental-ngx/core/bar";
11
- import * as i10 from "@fundamental-ngx/core/icon";
12
- import * as i11 from "@fundamental-ngx/core/title";
13
- import * as i12 from "@angular/common";
14
- import * as i13 from "@fundamental-ngx/core/button";
15
- import * as i14 from "@fundamental-ngx/cdk/utils";
16
- import * as i15 from "@angular/cdk/drag-drop";
17
- import * as i16 from "@fundamental-ngx/core/busy-indicator";
18
- import * as i17 from "@angular/cdk/a11y";
19
- import * as i18 from "@fundamental-ngx/core/scrollbar";
20
- import * as i19 from "@angular/cdk/portal";
21
- import * as i20 from "@angular/cdk/overlay";
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], [typeof i9.BarModule, typeof i10.IconModule, typeof i11.TitleModule, typeof i12.CommonModule, typeof i13.ButtonModule, typeof i14.ResizeModule, typeof i14.TemplateModule, typeof i15.DragDropModule, typeof i14.InitialFocusModule, typeof i16.BusyIndicatorModule, typeof i17.A11yModule, typeof i18.ScrollbarModule, typeof i19.PortalModule, typeof i20.OverlayModule, typeof i14.DynamicPortalComponent], [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.BarModule, typeof i11.TitleModule, typeof i14.TemplateModule, typeof i14.InitialFocusModule]>;
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, false, never, false>;
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';
@@ -0,0 +1,6 @@
1
+ import { Provider } from '@angular/core';
2
+ /**
3
+ * Provides necessary services for dialog functionality to properly work.
4
+ * @returns Array of Providers.
5
+ */
6
+ export declare function provideDialogService(): Provider[];
@@ -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
  }