@ieeesa-npm/presentation 0.30.7 → 0.31.0

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 (77) hide show
  1. package/esm2022/lib/assets/constants.json +2 -1
  2. package/esm2022/lib/components/accordion/accordion.component.mjs +2 -2
  3. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +1 -1
  4. package/esm2022/lib/components/card/card.component.mjs +3 -3
  5. package/esm2022/lib/components/checkbox/checkbox.component.mjs +1 -1
  6. package/esm2022/lib/components/chips/chips.component.mjs +2 -2
  7. package/esm2022/lib/components/data-table/data-table.component.mjs +4 -3
  8. package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +2 -2
  9. package/esm2022/lib/components/file-download/file-download.component.mjs +21 -12
  10. package/esm2022/lib/components/file-upload/file-upload.component.mjs +2 -2
  11. package/esm2022/lib/components/filter/filter.component.mjs +2 -2
  12. package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +3 -2
  13. package/esm2022/lib/components/header/header.component.mjs +15 -10
  14. package/esm2022/lib/components/icon-button/icon-button.component.mjs +1 -1
  15. package/esm2022/lib/components/list/list.component.mjs +3 -2
  16. package/esm2022/lib/components/menu/menu.component.mjs +1 -1
  17. package/esm2022/lib/components/modal/modal.component.mjs +8 -6
  18. package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +2 -2
  19. package/esm2022/lib/components/multi-select-autocomplete/multi-select-autocomplete.component.mjs +1 -1
  20. package/esm2022/lib/components/notification/notification.component.mjs +3 -2
  21. package/esm2022/lib/components/select/select.component.mjs +1 -1
  22. package/esm2022/lib/components/tabs/tabs.component.mjs +1 -1
  23. package/esm2022/lib/components/tile/tile.component.mjs +2 -2
  24. package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +1 -1
  25. package/esm2022/lib/directives/set-background/set-background.directive.mjs +4 -3
  26. package/esm2022/lib/models/card-button.model.mjs +1 -1
  27. package/esm2022/lib/models/field-config.model.mjs +1 -1
  28. package/esm2022/lib/models/filters-options.model.mjs +1 -1
  29. package/esm2022/lib/models/list-item.model.mjs +1 -1
  30. package/esm2022/lib/pipes/safe.pipe.mjs +44 -0
  31. package/esm2022/lib/services/break-point-observer.service.mjs +36 -0
  32. package/esm2022/lib/services/file-upload.service.mjs +2 -2
  33. package/esm2022/public-api.mjs +5 -6
  34. package/fesm2022/ieeesa-npm-presentation.mjs +159 -79
  35. package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
  36. package/lib/components/accordion/accordion.component.d.ts +1 -1
  37. package/lib/components/autocomplete/autocomplete.component.d.ts +1 -1
  38. package/lib/components/card/card.component.d.ts +2 -2
  39. package/lib/components/checkbox/checkbox.component.d.ts +1 -2
  40. package/lib/components/chips/chips.component.d.ts +4 -9
  41. package/lib/components/data-table/data-table.component.d.ts +2 -3
  42. package/lib/components/dynamic-form/dynamic-form.component.d.ts +1 -3
  43. package/lib/components/file-download/file-download.component.d.ts +5 -4
  44. package/lib/components/file-upload/file-upload.component.d.ts +11 -12
  45. package/lib/components/filter/filter.component.d.ts +2 -4
  46. package/lib/components/header/header.component.d.ts +6 -6
  47. package/lib/components/icon-button/icon-button.component.d.ts +1 -1
  48. package/lib/components/list/list.component.d.ts +1 -1
  49. package/lib/components/menu/menu.component.d.ts +1 -1
  50. package/lib/components/modal/modal.component.d.ts +1 -1
  51. package/lib/components/modal-confirmation/modal-confirmation.component.d.ts +1 -2
  52. package/lib/components/multi-select-autocomplete/multi-select-autocomplete.component.d.ts +1 -1
  53. package/lib/components/select/select.component.d.ts +1 -1
  54. package/lib/components/tabs/tabs.component.d.ts +1 -2
  55. package/lib/components/tile/tile.component.d.ts +1 -1
  56. package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +2 -2
  57. package/lib/directives/set-background/set-background.directive.d.ts +1 -1
  58. package/lib/models/card-button.model.d.ts +1 -1
  59. package/lib/models/field-config.model.d.ts +1 -3
  60. package/lib/models/filters-options.model.d.ts +1 -1
  61. package/lib/models/list-item.model.d.ts +1 -1
  62. package/lib/pipes/safe.pipe.d.ts +16 -0
  63. package/lib/services/break-point-observer.service.d.ts +21 -0
  64. package/lib/services/file-upload.service.d.ts +1 -0
  65. package/package.json +1 -1
  66. package/public-api.d.ts +3 -5
  67. package/src/lib/assets/constants.json +2 -1
  68. package/esm2022/lib/models/align-type.model.mjs +0 -11
  69. package/esm2022/lib/models/checkbox-option.model.mjs +0 -2
  70. package/esm2022/lib/models/confirmation-modal-data.model.mjs +0 -2
  71. package/esm2022/lib/models/icon-button.model.mjs +0 -2
  72. package/esm2022/lib/models/select-option.model.mjs +0 -2
  73. package/lib/models/align-type.model.d.ts +0 -8
  74. package/lib/models/checkbox-option.model.d.ts +0 -8
  75. package/lib/models/confirmation-modal-data.model.d.ts +0 -11
  76. package/lib/models/icon-button.model.d.ts +0 -8
  77. package/lib/models/select-option.model.d.ts +0 -5
@@ -1,7 +1,7 @@
1
1
  import { EventEmitter, OnDestroy } from '@angular/core';
2
2
  import { MatAccordion } from '@angular/material/expansion';
3
3
  import { AccordionInfo } from '../../models/accordion-info.model';
4
- import { BreakpointObserverService } from '@ieeesa-npm/utility';
4
+ import { BreakpointObserverService } from '../../services/break-point-observer.service';
5
5
  import { Subject } from 'rxjs';
6
6
  import * as i0 from "@angular/core";
7
7
  export declare class AccordionComponent implements OnDestroy {
@@ -4,7 +4,7 @@ import { FormGroup } from '@angular/forms';
4
4
  import { FieldConfig } from '../../models/field-config.model';
5
5
  import { FormField } from '../../models/form-field.model';
6
6
  import { AutoCompleteOption } from '../../models/autocomplete-option.model';
7
- import { SelectOption } from '../../models/select-option.model';
7
+ import { SelectOption } from '@ieeesa-npm/models';
8
8
  import { FormUtilityService } from '../../services/form-utility.service';
9
9
  import * as i0 from "@angular/core";
10
10
  /**
@@ -1,10 +1,10 @@
1
1
  import { EventEmitter, OnDestroy } from '@angular/core';
2
- import { BreakpointObserverService } from '@ieeesa-npm/utility';
2
+ import { BreakpointObserverService } from '../../services/break-point-observer.service';
3
3
  import { ButtonType } from '../../models/button-type.model';
4
4
  import { CardButton } from '../../models/card-button.model';
5
5
  import { CardInfo } from '../../models/card-info.model';
6
6
  import { Subject } from 'rxjs';
7
- import { AlignType } from '../../models/align-type.model';
7
+ import { AlignType } from '@ieeesa-npm/models';
8
8
  import * as i0 from "@angular/core";
9
9
  export declare class CardComponent implements OnDestroy {
10
10
  private breakPointObserverService;
@@ -4,9 +4,8 @@ import { SelectionModel } from '@angular/cdk/collections';
4
4
  import { Subject } from 'rxjs';
5
5
  import { FieldConfig } from '../../models/field-config.model';
6
6
  import { FormField } from '../../models/form-field.model';
7
- import { CheckboxOption } from '../../models/checkbox-option.model';
7
+ import { CheckboxOption, IconButton } from '@ieeesa-npm/models';
8
8
  import { FormUtilityService } from '../../services/form-utility.service';
9
- import { IconButton } from '../../models/icon-button.model';
10
9
  import * as i0 from "@angular/core";
11
10
  /**
12
11
  * Provides implementation of all types of checkboxes.
@@ -1,9 +1,9 @@
1
1
  import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
2
2
  import { MatChipListbox } from '@angular/material/chips';
3
3
  import { Subject } from 'rxjs';
4
- import { BreakpointObserverService } from '@ieeesa-npm/utility';
4
+ import { BreakpointObserverService } from '../../services/break-point-observer.service';
5
5
  import { ChipOption, ChipOrientation, ChipsType } from '../../models/chip-option.model';
6
- import { IconButton } from '../../models/icon-button.model';
6
+ import { IconButton } from '@ieeesa-npm/models';
7
7
  import * as i0 from "@angular/core";
8
8
  /**
9
9
  * Chips component allow users to view information, make selections, filter content.
@@ -155,13 +155,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
155
155
  iconURL: string;
156
156
  label: string;
157
157
  ariaLabel: string;
158
- toolTip: string; /**
159
- * Allows Angular to detect the specific chip option that needs to change or be added by tracking option unique Id.
160
- * @param {number} index
161
- * @param {ChipOption} option
162
- * @return {*} {(number | string)}
163
- * @memberof ChipComponent
164
- */
158
+ toolTip: string;
165
159
  isToolTipNeeded: boolean;
166
160
  }[];
167
161
  errors: {
@@ -320,6 +314,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
320
314
  };
321
315
  };
322
316
  };
317
+ breakPointMaxWidth: string;
323
318
  };
324
319
  chipsType: typeof ChipsType;
325
320
  orientations: typeof ChipOrientation;
@@ -4,11 +4,10 @@ import { MatPaginator, PageEvent } from '@angular/material/paginator';
4
4
  import { MatSort, Sort, SortDirection } from '@angular/material/sort';
5
5
  import { SelectionModel } from '@angular/cdk/collections';
6
6
  import { Subject } from 'rxjs';
7
- import { BreakpointObserverService, SafeType } from '@ieeesa-npm/utility';
7
+ import { BreakpointObserverService } from '../../services/break-point-observer.service';
8
+ import { SafeType, IconButton, CheckboxOption } from '@ieeesa-npm/models';
8
9
  import { TableColumnSchema, TableColumnType } from '../../models/table-schema.model';
9
10
  import { PaginatorConfig } from '../../models/paginator-config.model';
10
- import { CheckboxOption } from '../../models/checkbox-option.model';
11
- import { IconButton } from '../../models/icon-button.model';
12
11
  import { TableActions } from '../../models/table-actions.model';
13
12
  import { ChipOption } from '../../models/chip-option.model';
14
13
  import { SearchType } from '../../models/search.model';
@@ -4,15 +4,13 @@ import { FormModel } from '../../models/form.model';
4
4
  import { FieldConfig } from '../../models/field-config.model';
5
5
  import { FormGrid } from '../../models/form-grid.model';
6
6
  import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
7
- import { AlignType } from '../../models/align-type.model';
8
- import { CheckboxOption } from '../../models/checkbox-option.model';
7
+ import { AlignType, IconButton, CheckboxOption } from '@ieeesa-npm/models';
9
8
  import { SelectedDate } from '../../models/selected-date.model';
10
9
  import { SelectedTime } from '../../models/selected-time.model';
11
10
  import { LinkEventEmitType } from '../../models/event-emit-type.model';
12
11
  import { SlideToggleOption } from '../../models/slide-toggle-options.model';
13
12
  import { SelectOpenedState } from '../../models/select-opened-state.model';
14
13
  import { RadioOption } from '../../models/radio-option.model';
15
- import { IconButton } from '../../models/icon-button.model';
16
14
  import { AutoCompleteOption } from '../../models/autocomplete-option.model';
17
15
  import { FileUploadStatus } from '../../models/file-upload-status.model';
18
16
  import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
@@ -4,13 +4,13 @@ import { FileUploadService } from '../../services/file-upload.service';
4
4
  import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
5
5
  import { DownloadAttachment } from '../../models/download-file.model';
6
6
  import { Subject } from 'rxjs';
7
- import { SharedService } from '@ieeesa-npm/shared';
8
- import { AlignType } from '../../models/align-type.model';
7
+ import { AlertsService } from '@ieeesa-npm/utility';
8
+ import { AlignType } from '@ieeesa-npm/models';
9
9
  import * as i0 from "@angular/core";
10
10
  export declare class FileDownloadComponent implements OnInit, OnDestroy {
11
11
  formUtilityService: FormUtilityService;
12
- sharedService: SharedService;
13
12
  private fileUploadService;
13
+ private alertService;
14
14
  constants: {
15
15
  ariaLabel: {
16
16
  clear: string;
@@ -308,6 +308,7 @@ export declare class FileDownloadComponent implements OnInit, OnDestroy {
308
308
  };
309
309
  };
310
310
  };
311
+ breakPointMaxWidth: string;
311
312
  };
312
313
  destroy$: Subject<boolean>;
313
314
  preSignedUrl: string;
@@ -327,7 +328,7 @@ export declare class FileDownloadComponent implements OnInit, OnDestroy {
327
328
  disabled: boolean;
328
329
  };
329
330
  apiBaseUrl: string;
330
- constructor(formUtilityService: FormUtilityService, sharedService: SharedService, fileUploadService: FileUploadService);
331
+ constructor(formUtilityService: FormUtilityService, fileUploadService: FileUploadService, alertService: AlertsService);
331
332
  /**
332
333
  * Sets API base URL to file upload service
333
334
  * @memberof FileDownloadComponent
@@ -5,7 +5,7 @@ import { FieldConfig } from '../../models/field-config.model';
5
5
  import { AllowedFileTypes } from '../../models/allowed-file-types.model';
6
6
  import { FileUploadService } from '../../services/file-upload.service';
7
7
  import { AlignBrowsedFiles } from '../../models/align-browsed-files.model';
8
- import { AlignType } from '../../models/align-type.model';
8
+ import { AlignType } from '@ieeesa-npm/models';
9
9
  import { FileUploadStatus } from '../../models/file-upload-status.model';
10
10
  import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
11
11
  import { DownloadAttachment } from '../../models/download-file.model';
@@ -232,7 +232,10 @@ export declare class FileUploadComponent implements OnInit {
232
232
  fileUpload: string;
233
233
  allowedFileSize1: string;
234
234
  allowedFileSize2: string;
235
- allowedFileFormat: string;
235
+ allowedFileFormat: string; /**
236
+ * Emits downloadSelectedFile event.
237
+ * @memberof FileUploadComponent
238
+ */
236
239
  browseFiles: string;
237
240
  uploadProgress: string;
238
241
  upload: string;
@@ -282,10 +285,6 @@ export declare class FileUploadComponent implements OnInit {
282
285
  maxFilesUploadedOnce: number;
283
286
  };
284
287
  };
285
- /**
286
- * Based on isMultiFileUpload flag return files to download.
287
- * @memberof FileUploadComponent
288
- */
289
288
  list: {
290
289
  defaultIndentation: number;
291
290
  dragAndDropIconUrl: string;
@@ -307,11 +306,7 @@ export declare class FileUploadComponent implements OnInit {
307
306
  buttons: {
308
307
  id: number;
309
308
  ariaLabel: string;
310
- iconURL: string; /**
311
- * Sets empty value to file form control once it is clicked.
312
- * @param {Event} event
313
- * @memberof FileUploadComponent
314
- */
309
+ iconURL: string;
315
310
  toolTip: string;
316
311
  disabled: boolean;
317
312
  }[];
@@ -325,12 +320,16 @@ export declare class FileUploadComponent implements OnInit {
325
320
  };
326
321
  };
327
322
  };
323
+ breakPointMaxWidth: string;
328
324
  };
329
325
  fileUploadLabel: {
330
326
  fileUpload: string;
331
327
  allowedFileSize1: string;
332
328
  allowedFileSize2: string;
333
- allowedFileFormat: string;
329
+ allowedFileFormat: string; /**
330
+ * Emits downloadSelectedFile event.
331
+ * @memberof FileUploadComponent
332
+ */
334
333
  browseFiles: string;
335
334
  uploadProgress: string;
336
335
  upload: string;
@@ -1,11 +1,9 @@
1
1
  import { EventEmitter, OnDestroy, ChangeDetectorRef } from '@angular/core';
2
- import { BreakpointObserverService } from '@ieeesa-npm/utility';
2
+ import { BreakpointObserverService } from '../../services/break-point-observer.service';
3
3
  import { Subject } from 'rxjs';
4
- import { CheckboxOption } from '../../models/checkbox-option.model';
5
- import { IconButton } from '../../models/icon-button.model';
4
+ import { CheckboxOption, IconButton, SelectOption } from '@ieeesa-npm/models';
6
5
  import { ChipOption, FilterOptionType } from '../../models/chip-option.model';
7
6
  import { FiltersAndOptions } from '../../models/filters-options.model';
8
- import { SelectOption } from '../../models/select-option.model';
9
7
  import { SelectComponent } from '../../components/select/select.component';
10
8
  import { SelectOpenedState } from '../../models/select-opened-state.model';
11
9
  import * as i0 from "@angular/core";
@@ -1,10 +1,10 @@
1
1
  import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
2
2
  import { HeaderConfig } from '../../models/header-config.model';
3
- import { BreakpointObserverService, AuthService, StorageService } from '@ieeesa-npm/utility';
3
+ import { BreakpointObserverService } from '../../services/break-point-observer.service';
4
+ import { AuthService, StorageService, AlertsService } from '@ieeesa-npm/utility';
5
+ import { IconButton } from '@ieeesa-npm/models';
4
6
  import { Subject } from 'rxjs';
5
7
  import { Menu } from '../../models/menu.model';
6
- import { IconButton } from '../../models/icon-button.model';
7
- import { SharedService } from '@ieeesa-npm/shared';
8
8
  import { FileUploadService } from '../../services/file-upload.service';
9
9
  import * as i0 from "@angular/core";
10
10
  /**
@@ -15,7 +15,7 @@ export declare class HeaderComponent implements OnInit, OnDestroy {
15
15
  private breakPointObserverService;
16
16
  private authService;
17
17
  private storageService;
18
- private sharedService;
18
+ private alertService;
19
19
  private fileUploadService;
20
20
  private headerConfigInfo;
21
21
  screenTexts: any;
@@ -39,7 +39,7 @@ export declare class HeaderComponent implements OnInit, OnDestroy {
39
39
  toggleNavMenuClick: EventEmitter<Event>;
40
40
  profileMenuClick: EventEmitter<Menu>;
41
41
  userProfileIconButton: IconButton;
42
- constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService, sharedService: SharedService, fileUploadService: FileUploadService);
42
+ constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService, alertService: AlertsService, fileUploadService: FileUploadService);
43
43
  /**
44
44
  * Sets the appBaseUrl and gets the logo download AWS pre-signed URL from API.
45
45
  */
@@ -50,8 +50,8 @@ export declare class HeaderComponent implements OnInit, OnDestroy {
50
50
  getImageUrl(): void;
51
51
  /**
52
52
  * Desktop event to navigate to logout page.
53
+ * Deletes the application specific and SSO related cookies.
53
54
  * @memberof HeaderComponent
54
- * It will deletes the application specific and SSO related cookies
55
55
  */
56
56
  logout(): void;
57
57
  /**
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter } from '@angular/core';
2
- import { IconButton } from '../../models/icon-button.model';
2
+ import { IconButton } from '@ieeesa-npm/models';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
5
  * Creates svg icon as button component.
@@ -1,7 +1,7 @@
1
1
  import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
2
2
  import { ListHeader, ListItem } from '../../models/list-item.model';
3
3
  import { Menu } from '../../models/menu.model';
4
- import { IconButton } from '../../models/icon-button.model';
4
+ import { IconButton } from '@ieeesa-npm/models';
5
5
  import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
6
6
  import { DownloadAttachment } from '../../models/download-file.model';
7
7
  import { CdkDragDrop } from '@angular/cdk/drag-drop';
@@ -1,6 +1,6 @@
1
1
  import { ElementRef, EventEmitter } from '@angular/core';
2
2
  import { Menu } from '../../models/menu.model';
3
- import { IconButton } from '../../models/icon-button.model';
3
+ import { IconButton } from '@ieeesa-npm/models';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
6
6
  * Creates menu and the menu items are icon based buttons
@@ -1,6 +1,6 @@
1
1
  import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
2
2
  import { MatDialogRef } from '@angular/material/dialog';
3
- import { ModalType } from '@ieeesa-npm/utility';
3
+ import { ModalType } from '@ieeesa-npm/models';
4
4
  import { ToggleButton } from '../../models/toggle-button.model';
5
5
  import { Subject } from 'rxjs';
6
6
  import * as i0 from "@angular/core";
@@ -1,6 +1,5 @@
1
1
  import { MatDialogRef } from "@angular/material/dialog";
2
- import { AlignType } from "../../models/align-type.model";
3
- import { ConfirmationModalData } from "../../models/confirmation-modal-data.model";
2
+ import { AlignType, ConfirmationModalData } from '@ieeesa-npm/models';
4
3
  import * as i0 from "@angular/core";
5
4
  /**
6
5
  * ModalConfirmationComponent is used to get user confirmation and this component should be invoked by using Angular material MatDialog open method.
@@ -5,7 +5,7 @@ import { Subject } from 'rxjs';
5
5
  import { MatChipInputEvent } from '@angular/material/chips';
6
6
  import { FormUtilityService } from '../../services/form-utility.service';
7
7
  import { AutoCompleteOption } from '../../models/autocomplete-option.model';
8
- import { SelectOption } from '../../models/select-option.model';
8
+ import { SelectOption } from '@ieeesa-npm/models';
9
9
  import { FieldConfig } from '../../models/field-config.model';
10
10
  import { FormField } from '../../models/form-field.model';
11
11
  import * as i0 from "@angular/core";
@@ -1,6 +1,6 @@
1
1
  import { EventEmitter, OnInit, AfterViewInit, QueryList } from '@angular/core';
2
2
  import { FormGroup } from '@angular/forms';
3
- import { SelectOption } from '../../models/select-option.model';
3
+ import { SelectOption } from '@ieeesa-npm/models';
4
4
  import { FieldConfig } from '../../models/field-config.model';
5
5
  import { SearchType } from '../../models/search.model';
6
6
  import { SearchComponent } from '../../components/search/search.component';
@@ -2,10 +2,9 @@ import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from
2
2
  import { MatTabChangeEvent, MatTabGroup } from '@angular/material/tabs';
3
3
  import { Tab } from '../../models/tab.model';
4
4
  import { MatDialog } from '@angular/material/dialog';
5
- import { ConfirmationModalData } from '../../models/confirmation-modal-data.model';
6
5
  import { Subject } from 'rxjs';
7
6
  import { FormGroup } from '@angular/forms';
8
- import { EventsAndMeetingRouteConfig, UserPermission } from '@ieeesa-npm/shared';
7
+ import { EventsAndMeetingRouteConfig, UserPermission, ConfirmationModalData } from '@ieeesa-npm/models';
9
8
  import { CustomProperties } from '../../models/custom-properties.model';
10
9
  import * as i0 from "@angular/core";
11
10
  export declare class TabsComponent implements OnInit, OnDestroy {
@@ -1,6 +1,6 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import { Button, Tile } from '../../models/tile.model';
3
- import { AlignType } from '../../models/align-type.model';
3
+ import { AlignType } from '@ieeesa-npm/models';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
6
6
  * Creates tile component.
@@ -3,14 +3,14 @@ import { FormGroup } from '@angular/forms';
3
3
  import { Subject } from 'rxjs';
4
4
  import { FieldConfig } from '../../models/field-config.model';
5
5
  import { FormField } from '../../models/form-field.model';
6
- import { CheckboxOption } from '../../models/checkbox-option.model';
6
+ import { CheckboxOption } from '@ieeesa-npm/models';
7
7
  import { SelectedDate } from '../../models/selected-date.model';
8
8
  import { SelectedTime } from '../../models/selected-time.model';
9
9
  import { LinkEventEmitType } from '../../models/event-emit-type.model';
10
10
  import { SlideToggleOption } from '../../models/slide-toggle-options.model';
11
11
  import { SelectOpenedState } from '../../models/select-opened-state.model';
12
12
  import { RadioOption } from '../../models/radio-option.model';
13
- import { IconButton } from '../../models/icon-button.model';
13
+ import { IconButton } from '@ieeesa-npm/models';
14
14
  import { AutoCompleteOption } from '../../models/autocomplete-option.model';
15
15
  import { FileUploadStatus } from '../../models/file-upload-status.model';
16
16
  import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
@@ -1,6 +1,6 @@
1
1
  import { OnInit } from '@angular/core';
2
2
  import { SafeStyle } from '@angular/platform-browser';
3
- import { SafePipe } from '@ieeesa-npm/utility';
3
+ import { SafePipe } from '../../pipes/safe.pipe';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
6
6
  * Sets background color and image for the attached element.
@@ -1,5 +1,5 @@
1
1
  import { ButtonType } from './button-type.model';
2
- import { IconButton } from './icon-button.model';
2
+ import { IconButton } from '@ieeesa-npm/models';
3
3
  export interface CardButton extends IconButton {
4
4
  isVisible?: boolean;
5
5
  buttonType: ButtonType;
@@ -1,9 +1,8 @@
1
1
  import { ValidatorFn } from '@angular/forms';
2
- import { CheckboxOption } from '../models/checkbox-option.model';
3
2
  import { DatePicker } from '../models/date-picker.model';
4
3
  import { RadioOption } from '../models/radio-option.model';
5
4
  import { SearchType } from '../models/search.model';
6
- import { SelectOption } from '../models/select-option.model';
5
+ import { SelectOption, AlignType, CheckboxOption } from '@ieeesa-npm/models';
7
6
  import { AutoCompleteOption } from '../models/autocomplete-option.model';
8
7
  import { LinkType } from './link-type.model';
9
8
  import { SlideToggleOption } from './slide-toggle-options.model';
@@ -11,7 +10,6 @@ import { ColorFormat, ColorsAnimation } from './color-format.model';
11
10
  import { AllowedFileTypes } from './allowed-file-types.model';
12
11
  import { EditorConfig } from 'ngx-simple-text-editor';
13
12
  import { AlignBrowsedFiles } from './align-browsed-files.model';
14
- import { AlignType } from './align-type.model';
15
13
  export interface FieldConfig {
16
14
  isSortNeeded?: boolean;
17
15
  disabled?: boolean;
@@ -1,4 +1,4 @@
1
- import { CheckboxOption } from './checkbox-option.model';
1
+ import { CheckboxOption } from '@ieeesa-npm/models';
2
2
  export interface FiltersAndOptions {
3
3
  [key: string | number]: CheckboxOption[];
4
4
  }
@@ -1,4 +1,4 @@
1
- import { IconButton } from '../models/icon-button.model';
1
+ import { IconButton } from '@ieeesa-npm/models';
2
2
  import { DownloadAttachment } from './download-file.model';
3
3
  import { Menu } from './menu.model';
4
4
  export interface ListItem {
@@ -0,0 +1,16 @@
1
+ import { PipeTransform } from '@angular/core';
2
+ import { DomSanitizer, SafeHtml, SafeStyle, SafeScript, SafeUrl, SafeResourceUrl } from '@angular/platform-browser';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * SafePipe is using DomSanitizer service which helps to prevent attackers from injecting malicious client-side scripts into web pages, which is often referred to as Cross-site Scripting or XSS.
6
+ * @export
7
+ * @class SafePipe
8
+ * @implements {PipeTransform}
9
+ */
10
+ export declare class SafePipe implements PipeTransform {
11
+ protected sanitizer: DomSanitizer;
12
+ constructor(sanitizer: DomSanitizer);
13
+ transform(value: any, type: string): SafeHtml | SafeStyle | SafeScript | SafeUrl | SafeResourceUrl;
14
+ static ɵfac: i0.ɵɵFactoryDeclaration<SafePipe, never>;
15
+ static ɵpipe: i0.ɵɵPipeDeclaration<SafePipe, "safe", true>;
16
+ }
@@ -0,0 +1,21 @@
1
+ import { BreakpointObserver, BreakpointState } from '@angular/cdk/layout';
2
+ import { Observable } from 'rxjs';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * BreakpointObserver utility service helps us to get the mobile view based on the configured breakpoint.
6
+ * @export
7
+ * @class BreakpointObserverService
8
+ */
9
+ export declare class BreakpointObserverService {
10
+ private breakpointObserver;
11
+ constants: any;
12
+ constructor(breakpointObserver: BreakpointObserver);
13
+ /**
14
+ * Based on break point max-width it returns the Observable of BreakpointState
15
+ * @return {Observable<BreakpointState>}
16
+ * @memberof BreakpointObserverService
17
+ */
18
+ getBreakpoint(): Observable<BreakpointState>;
19
+ static ɵfac: i0.ɵɵFactoryDeclaration<BreakpointObserverService, never>;
20
+ static ɵprov: i0.ɵɵInjectableDeclaration<BreakpointObserverService>;
21
+ }
@@ -314,6 +314,7 @@ export declare class FileUploadService implements OnDestroy {
314
314
  };
315
315
  };
316
316
  };
317
+ breakPointMaxWidth: string;
317
318
  };
318
319
  apiBaseUrl: string;
319
320
  fileByteArray: Uint8Array | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.30.7",
3
+ "version": "0.31.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0",
package/public-api.d.ts CHANGED
@@ -47,13 +47,10 @@ export * from './lib/directives/file-upload/file-upload.directive';
47
47
  export * from './lib/directives/observe-dom-change/observe-dom-change.directive';
48
48
  export * from './lib/models/accordion-info.model';
49
49
  export * from './lib/models/align-browsed-files.model';
50
- export * from './lib/models/align-type.model';
51
50
  export * from './lib/models/allowed-file-types.model';
52
51
  export * from './lib/models/app-config-info.model';
53
52
  export * from './lib/models/autocomplete-option.model';
54
53
  export * from './lib/models/calendar.model';
55
- export * from './lib/models/checkbox-option.model';
56
- export * from './lib/models/confirmation-modal-data.model';
57
54
  export * from './lib/models/custom-properties.model';
58
55
  export * from './lib/models/date-picker.model';
59
56
  export * from './lib/models/download-file.model';
@@ -65,7 +62,6 @@ export * from './lib/models/form-field.model';
65
62
  export * from './lib/models/form-grid.model';
66
63
  export * from './lib/models/form.model';
67
64
  export * from './lib/models/header-config.model';
68
- export * from './lib/models/icon-button.model';
69
65
  export * from './lib/models/legend.model';
70
66
  export * from './lib/models/link-type.model';
71
67
  export * from './lib/models/list-item.model';
@@ -74,7 +70,6 @@ export * from './lib/models/navigation-menu.model';
74
70
  export * from './lib/models/radio-option.model';
75
71
  export * from './lib/models/search.model';
76
72
  export * from './lib/models/select-opened-state.model';
77
- export * from './lib/models/select-option.model';
78
73
  export * from './lib/models/selected-date.model';
79
74
  export * from './lib/models/selected-time.model';
80
75
  export * from './lib/models/tab.model';
@@ -104,4 +99,7 @@ export * from './lib/models/table-column-menu-info.model';
104
99
  export * from './lib/services/datepicker.service';
105
100
  export * from './lib/services/form-utility.service';
106
101
  export * from './lib/services/file-upload.service';
102
+ export * from './lib/services/break-point-observer.service';
103
+ export * from './lib/pipes/safe.pipe';
107
104
  export * from './lib/presentation.module';
105
+ export { SelectOption, CheckboxOption, IconButton, AlignType, ConfirmationModalData, MessagePart } from '@ieeesa-npm/models';
@@ -634,5 +634,6 @@
634
634
  "6028": "Agenda item attachment id does not exist."
635
635
  }
636
636
  }
637
- }
637
+ },
638
+ "breakPointMaxWidth": "767px"
638
639
  }
@@ -1,11 +0,0 @@
1
- /* eslint-disable no-unused-vars */
2
- export var AlignType;
3
- (function (AlignType) {
4
- AlignType["LEFT"] = "Left";
5
- AlignType["MIDDLE"] = "Middle";
6
- AlignType["RIGHT"] = "Right";
7
- AlignType["BOTTOM"] = "Bottom";
8
- AlignType["VERTICAL"] = "Vertical";
9
- AlignType["HORIZONTAL"] = "Horizontal";
10
- })(AlignType || (AlignType = {}));
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxpZ24tdHlwZS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvbGliL21vZGVscy9hbGlnbi10eXBlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1DQUFtQztBQUNuQyxNQUFNLENBQU4sSUFBWSxTQU9YO0FBUEQsV0FBWSxTQUFTO0lBQ25CLDBCQUFhLENBQUE7SUFDYiw4QkFBaUIsQ0FBQTtJQUNqQiw0QkFBZSxDQUFBO0lBQ2YsOEJBQWlCLENBQUE7SUFDakIsa0NBQXFCLENBQUE7SUFDckIsc0NBQXlCLENBQUE7QUFDM0IsQ0FBQyxFQVBXLFNBQVMsS0FBVCxTQUFTLFFBT3BCIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgbm8tdW51c2VkLXZhcnMgKi9cclxuZXhwb3J0IGVudW0gQWxpZ25UeXBlIHtcclxuICBMRUZUID0gJ0xlZnQnLFxyXG4gIE1JRERMRSA9ICdNaWRkbGUnLFxyXG4gIFJJR0hUID0gJ1JpZ2h0JyxcclxuICBCT1RUT00gPSAnQm90dG9tJyxcclxuICBWRVJUSUNBTCA9ICdWZXJ0aWNhbCcsXHJcbiAgSE9SSVpPTlRBTCA9ICdIb3Jpem9udGFsJyxcclxufVxyXG4iXX0=
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3gtb3B0aW9uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvbW9kZWxzL2NoZWNrYm94LW9wdGlvbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL21vZGVscy9pY29uLWJ1dHRvbi5tb2RlbCc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIENoZWNrYm94T3B0aW9uIHtcclxuICBpZDogbnVtYmVyIHwgc3RyaW5nO1xyXG4gIG5hbWU/OiBzdHJpbmc7XHJcbiAgY2hlY2tlZDogYm9vbGVhbjtcclxuICBkaXNhYmxlZDogYm9vbGVhbjtcclxuICBjdGFCdXR0b24/OiBJY29uQnV0dG9uW107XHJcbn1cclxuIl19
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLW1vZGFsLWRhdGEubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9tb2RlbHMvY29uZmlybWF0aW9uLW1vZGFsLWRhdGEubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTWVzc2FnZVBhcnQge1xyXG4gIHRleHQ6IHN0cmluZztcclxuICBib2xkPzogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBDb25maXJtYXRpb25Nb2RhbERhdGEge1xyXG4gIGxlZnRCdXR0b25MYWJlbDogc3RyaW5nO1xyXG4gIHJpZ2h0QnV0dG9uTGFiZWw6IHN0cmluZztcclxuICBwcm9tcHRNZXNzYWdlOiBzdHJpbmc7XHJcbiAgbWVzc2FnZVBhcnRzPzogTWVzc2FnZVBhcnRbXTtcclxuICBhY3Rpb25CdXR0b25BbGlnbjogc3RyaW5nO1xyXG59XHJcbiJdfQ==
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9tb2RlbHMvaWNvbi1idXR0b24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSWNvbkJ1dHRvbiB7XHJcbiAgaWQ6IG51bWJlcjtcclxuICBpY29uVVJMOiBzdHJpbmc7XHJcbiAgbGFiZWw/OiBzdHJpbmc7XHJcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XHJcbiAgdG9vbFRpcDogc3RyaW5nO1xyXG4gIGRpc2FibGVkPzogYm9vbGVhbjtcclxufVxyXG4iXX0=
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LW9wdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvbGliL21vZGVscy9zZWxlY3Qtb3B0aW9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlbGVjdE9wdGlvbiB7XHJcbiAgaWQ6IG51bWJlciB8IHN0cmluZztcclxuICBuYW1lOiBzdHJpbmc7XHJcbiAgb3B0aW9uX2dyb3Vwcz86IFNlbGVjdE9wdGlvbltdO1xyXG59XHJcbiJdfQ==
@@ -1,8 +0,0 @@
1
- export declare enum AlignType {
2
- LEFT = "Left",
3
- MIDDLE = "Middle",
4
- RIGHT = "Right",
5
- BOTTOM = "Bottom",
6
- VERTICAL = "Vertical",
7
- HORIZONTAL = "Horizontal"
8
- }
@@ -1,8 +0,0 @@
1
- import { IconButton } from '../models/icon-button.model';
2
- export interface CheckboxOption {
3
- id: number | string;
4
- name?: string;
5
- checked: boolean;
6
- disabled: boolean;
7
- ctaButton?: IconButton[];
8
- }
@@ -1,11 +0,0 @@
1
- export interface MessagePart {
2
- text: string;
3
- bold?: boolean;
4
- }
5
- export interface ConfirmationModalData {
6
- leftButtonLabel: string;
7
- rightButtonLabel: string;
8
- promptMessage: string;
9
- messageParts?: MessagePart[];
10
- actionButtonAlign: string;
11
- }
@@ -1,8 +0,0 @@
1
- export interface IconButton {
2
- id: number;
3
- iconURL: string;
4
- label?: string;
5
- ariaLabel: string;
6
- toolTip: string;
7
- disabled?: boolean;
8
- }
@@ -1,5 +0,0 @@
1
- export interface SelectOption {
2
- id: number | string;
3
- name: string;
4
- option_groups?: SelectOption[];
5
- }