@fundamental-ngx/platform 0.45.1 → 0.46.0-rc.1

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 (119) hide show
  1. package/esm2022/approval-flow/approval-flow-add-node/approval-flow-add-node.component.mjs +1 -1
  2. package/esm2022/approval-flow/approval-flow-messages/approval-flow-messages.component.mjs +1 -1
  3. package/esm2022/approval-flow/approval-flow-select-type/approval-flow-select-type.component.mjs +1 -1
  4. package/esm2022/approval-flow/approval-flow.component.mjs +2 -2
  5. package/esm2022/dynamic-page/dynamic-page.component.mjs +2 -2
  6. package/esm2022/feed-input/feed-input.component.mjs +2 -2
  7. package/esm2022/form/checkbox/checkbox.component.mjs +14 -9
  8. package/esm2022/form/checkbox/checkbox.module.mjs +4 -8
  9. package/esm2022/form/checkbox-group/checkbox-group.component.mjs +7 -7
  10. package/esm2022/form/checkbox-group/checkbox-group.module.mjs +5 -9
  11. package/esm2022/form/combobox/combobox/combobox.component.mjs +1 -1
  12. package/esm2022/form/date-picker/date-picker.component.mjs +23 -9
  13. package/esm2022/form/date-picker/date-picker.module.mjs +5 -11
  14. package/esm2022/form/datetime-picker/datetime-picker.component.mjs +22 -9
  15. package/esm2022/form/datetime-picker/datetime-picker.module.mjs +5 -11
  16. package/esm2022/form/form-generator/controls/dynamic-form-generator-datepicker/dynamic-form-generator-datepicker.component.mjs +2 -2
  17. package/esm2022/form/form-group/form-field-group/form-field-group.component.mjs +2 -2
  18. package/esm2022/form/form-group/form-group.component.mjs +2 -2
  19. package/esm2022/form/input-group/input-group.component.mjs +2 -2
  20. package/esm2022/form/multi-combobox/multi-combobox/multi-combobox.component.mjs +2 -2
  21. package/esm2022/form/select/select/select.component.mjs +2 -2
  22. package/esm2022/form/step-input/number/number-step-input.component.mjs +2 -2
  23. package/esm2022/icon-tab-bar/icon-tab-bar.component.mjs +2 -2
  24. package/esm2022/link/link.component.mjs +2 -2
  25. package/esm2022/list/display-list-item/display-list-item.component.mjs +1 -1
  26. package/esm2022/list/list.component.mjs +2 -2
  27. package/esm2022/list/object-list-item/object-list-item-row.component.mjs +2 -2
  28. package/esm2022/list/object-list-item/object-list-item.component.mjs +2 -2
  29. package/esm2022/list/standard-list-item/standard-list-item.component.mjs +1 -1
  30. package/esm2022/menu/menu-item.component.mjs +2 -2
  31. package/esm2022/menu/menu.component.mjs +2 -2
  32. package/esm2022/message-popover/components/message-popover-form-wrapper/message-popover-form-wrapper.component.mjs +15 -16
  33. package/esm2022/message-popover/components/message-view/message-view.component.mjs +21 -9
  34. package/esm2022/message-popover/directives/message-popover-form-item.directive.mjs +6 -3
  35. package/esm2022/message-popover/message-popover.component.mjs +31 -11
  36. package/esm2022/message-popover/models/message-popover.interface.mjs +1 -1
  37. package/esm2022/message-popover/platform-message-popover.module.mjs +6 -65
  38. package/esm2022/message-popover/utils.mjs +18 -1
  39. package/esm2022/object-attribute/object-attribute.component.mjs +2 -2
  40. package/esm2022/page-footer/page-footer.component.mjs +2 -2
  41. package/esm2022/search-field/search-field.component.mjs +3 -3
  42. package/esm2022/slider/slider.component.mjs +13 -8
  43. package/esm2022/slider/slider.module.mjs +5 -9
  44. package/esm2022/smart-filter-bar/smart-filter-bar.component.mjs +1 -1
  45. package/esm2022/split-menu-button/split-menu-button.component.mjs +2 -2
  46. package/esm2022/table/components/table-editable-cell/table-editable-cell.component.mjs +1 -1
  47. package/esm2022/table/components/table-header-row/table-header-row.component.mjs +1 -1
  48. package/esm2022/table/components/table-p13-dialog/columns/columns.component.mjs +1 -1
  49. package/esm2022/table/components/table-p13-dialog/filtering/filter-rule.component.mjs +1 -1
  50. package/esm2022/table/components/table-p13-dialog/grouping/grouping.component.mjs +1 -1
  51. package/esm2022/table/components/table-row/table-row.component.mjs +1 -1
  52. package/esm2022/table/components/table-toolbar/table-toolbar.component.mjs +1 -1
  53. package/esm2022/table/components/table-view-settings-dialog/filtering/filter-multi-select.component.mjs +1 -1
  54. package/esm2022/table/table.component.mjs +2 -2
  55. package/esm2022/upload-collection/upload-collection/upload-collection.component.mjs +1 -1
  56. package/esm2022/value-help-dialog/components/select-tab/select-tab.component.mjs +1 -1
  57. package/esm2022/value-help-dialog/value-help-dialog/value-help-dialog.component.mjs +1 -1
  58. package/esm2022/variant-management/components/manage-variant-item/manage-variant-item.component.mjs +1 -1
  59. package/esm2022/variant-management/components/manage-variants-dialog/manage-variants-dialog.component.mjs +1 -1
  60. package/esm2022/variant-management/variant-management.component.mjs +2 -2
  61. package/fesm2022/fundamental-ngx-platform-approval-flow.mjs +5 -5
  62. package/fesm2022/fundamental-ngx-platform-approval-flow.mjs.map +1 -1
  63. package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs +2 -2
  64. package/fesm2022/fundamental-ngx-platform-dynamic-page.mjs.map +1 -1
  65. package/fesm2022/fundamental-ngx-platform-feed-input.mjs +2 -2
  66. package/fesm2022/fundamental-ngx-platform-feed-input.mjs.map +1 -1
  67. package/fesm2022/fundamental-ngx-platform-form.mjs +104 -78
  68. package/fesm2022/fundamental-ngx-platform-form.mjs.map +1 -1
  69. package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs +2 -2
  70. package/fesm2022/fundamental-ngx-platform-icon-tab-bar.mjs.map +1 -1
  71. package/fesm2022/fundamental-ngx-platform-link.mjs +2 -2
  72. package/fesm2022/fundamental-ngx-platform-link.mjs.map +1 -1
  73. package/fesm2022/fundamental-ngx-platform-list.mjs +8 -8
  74. package/fesm2022/fundamental-ngx-platform-list.mjs.map +1 -1
  75. package/fesm2022/fundamental-ngx-platform-menu.mjs +4 -4
  76. package/fesm2022/fundamental-ngx-platform-menu.mjs.map +1 -1
  77. package/fesm2022/fundamental-ngx-platform-message-popover.mjs +92 -100
  78. package/fesm2022/fundamental-ngx-platform-message-popover.mjs.map +1 -1
  79. package/fesm2022/fundamental-ngx-platform-object-attribute.mjs +2 -2
  80. package/fesm2022/fundamental-ngx-platform-object-attribute.mjs.map +1 -1
  81. package/fesm2022/fundamental-ngx-platform-page-footer.mjs +2 -2
  82. package/fesm2022/fundamental-ngx-platform-page-footer.mjs.map +1 -1
  83. package/fesm2022/fundamental-ngx-platform-search-field.mjs +2 -2
  84. package/fesm2022/fundamental-ngx-platform-search-field.mjs.map +1 -1
  85. package/fesm2022/fundamental-ngx-platform-slider.mjs +15 -13
  86. package/fesm2022/fundamental-ngx-platform-slider.mjs.map +1 -1
  87. package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs +1 -1
  88. package/fesm2022/fundamental-ngx-platform-smart-filter-bar.mjs.map +1 -1
  89. package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs +2 -2
  90. package/fesm2022/fundamental-ngx-platform-split-menu-button.mjs.map +1 -1
  91. package/fesm2022/fundamental-ngx-platform-table.mjs +10 -10
  92. package/fesm2022/fundamental-ngx-platform-table.mjs.map +1 -1
  93. package/fesm2022/fundamental-ngx-platform-upload-collection.mjs +1 -1
  94. package/fesm2022/fundamental-ngx-platform-upload-collection.mjs.map +1 -1
  95. package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs +2 -2
  96. package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs.map +1 -1
  97. package/fesm2022/fundamental-ngx-platform-variant-management.mjs +4 -4
  98. package/fesm2022/fundamental-ngx-platform-variant-management.mjs.map +1 -1
  99. package/form/checkbox/checkbox.component.d.ts +3 -1
  100. package/form/checkbox/checkbox.module.d.ts +5 -8
  101. package/form/checkbox-group/checkbox-group.component.d.ts +1 -1
  102. package/form/checkbox-group/checkbox-group.module.d.ts +4 -7
  103. package/form/date-picker/date-picker.component.d.ts +11 -2
  104. package/form/date-picker/date-picker.module.d.ts +1 -6
  105. package/form/datetime-picker/datetime-picker.component.d.ts +11 -2
  106. package/form/datetime-picker/datetime-picker.module.d.ts +1 -6
  107. package/fundamental-ngx-platform-v0.46.0-rc.1.tgz +0 -0
  108. package/message-popover/components/message-popover-form-wrapper/message-popover-form-wrapper.component.d.ts +1 -3
  109. package/message-popover/components/message-view/message-view.component.d.ts +1 -1
  110. package/message-popover/directives/message-popover-form-item.directive.d.ts +6 -3
  111. package/message-popover/message-popover.component.d.ts +3 -4
  112. package/message-popover/models/message-popover.interface.d.ts +2 -0
  113. package/message-popover/platform-message-popover.module.d.ts +1 -16
  114. package/message-popover/utils.d.ts +7 -0
  115. package/package.json +4 -4
  116. package/schematics/ng-add/index.js +1 -1
  117. package/slider/slider.component.d.ts +3 -1
  118. package/slider/slider.module.d.ts +3 -6
  119. package/fundamental-ngx-platform-v0.45.1.tgz +0 -0
@@ -1,12 +1,9 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./checkbox-group.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "../checkbox/checkbox.module";
5
- import * as i4 from "@angular/forms";
6
- import * as i5 from "@fundamental-ngx/core/form";
7
- import * as i6 from "@fundamental-ngx/core/content-density";
2
+ import * as i1 from "@fundamental-ngx/core/form";
3
+ import * as i2 from "@fundamental-ngx/core/content-density";
4
+ import * as i3 from "./checkbox-group.component";
8
5
  export declare class PlatformCheckboxGroupModule {
9
6
  static ɵfac: i0.ɵɵFactoryDeclaration<PlatformCheckboxGroupModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformCheckboxGroupModule, [typeof i1.CheckboxGroupComponent], [typeof i2.CommonModule, typeof i3.PlatformCheckboxModule, typeof i4.FormsModule, typeof i5.FormGroupModule, typeof i6.ContentDensityModule], [typeof i1.CheckboxGroupComponent, typeof i6.ContentDensityModule]>;
7
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformCheckboxGroupModule, never, [typeof i1.FormGroupModule, typeof i2.ContentDensityModule, typeof i3.CheckboxGroupComponent], [typeof i3.CheckboxGroupComponent, typeof i2.ContentDensityModule]>;
11
8
  static ɵinj: i0.ɵɵInjectorDeclaration<PlatformCheckboxGroupModule>;
12
9
  }
@@ -7,6 +7,7 @@ import { DatePickerComponent as FdDatePickerComponent } from '@fundamental-ngx/c
7
7
  import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
8
8
  import { PlatformFormFieldControl, BaseInput, PlatformFormField } from '@fundamental-ngx/platform/shared';
9
9
  import { Nullable } from '@fundamental-ngx/cdk/utils';
10
+ import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
10
11
  import * as i0 from "@angular/core";
11
12
  /**
12
13
  * The Platform date picker component is a wrapper around fd-date-picker using platform form.
@@ -76,7 +77,7 @@ export declare class PlatformDatePickerComponent<D> extends BaseInput {
76
77
  buttonFocusable: boolean;
77
78
  /**
78
79
  * Special days mark, it can be used by passing array of object with
79
- * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:
80
+ * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
80
81
  * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
81
82
  * Rule accepts method with FdDate object as a parameter. ex:
82
83
  * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
@@ -114,6 +115,14 @@ export declare class PlatformDatePickerComponent<D> extends BaseInput {
114
115
  * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
115
116
  */
116
117
  preventScrollOnFocus: boolean;
118
+ /** Whether date picker should rendered in mobile mode. */
119
+ mobile: boolean;
120
+ /** Mobile mode configuration. */
121
+ mobileConfig: MobileModeConfig;
122
+ /** Whether calendar is used inside mobile in landscape mode, it also adds close button on right side */
123
+ mobileLandscape: boolean;
124
+ /** Whether calendar is used inside mobile in portrait mode */
125
+ mobilePortrait: boolean;
117
126
  /** Event emitted when the state of the isOpen property changes. */
118
127
  readonly isOpenChange: EventEmitter<boolean>;
119
128
  /** Fired when a new date is selected. */
@@ -160,7 +169,7 @@ export declare class PlatformDatePickerComponent<D> extends BaseInput {
160
169
  /** @hidden */
161
170
  handleActiveViewChange: (fdCalendarView: FdCalendarView) => void;
162
171
  static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatePickerComponent<any>, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; }, { optional: true; }]>;
163
- static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatePickerComponent<any>, "fdp-date-picker", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], false, never, false>;
172
+ static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatePickerComponent<any>, "fdp-date-picker", never, { "value": { "alias": "value"; "required": false; }; "type": { "alias": "type"; "required": false; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedRangeDate": { "alias": "selectedRangeDate"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "rangeHoverEffect": { "alias": "rangeHoverEffect"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "todayButtonLabel": { "alias": "todayButtonLabel"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "closeOnDateChoose": { "alias": "closeOnDateChoose"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; "disableRangeStartFunction": { "alias": "disableRangeStartFunction"; "required": false; }; "disableRangeEndFunction": { "alias": "disableRangeEndFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "selectedDateChange": "selectedDateChange"; "selectedRangeDateChange": "selectedRangeDateChange"; "activeViewChange": "activeViewChange"; }, never, ["*"], true, never, false>;
164
173
  }
165
174
  /** @hidden */
166
175
  export declare function createMissingDateImplementationError(provider: string): Error;
@@ -1,12 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./date-picker.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@fundamental-ngx/core/date-picker";
5
- import * as i4 from "@angular/forms";
6
- import * as i5 from "@fundamental-ngx/cdk/utils";
7
- import * as i6 from "@fundamental-ngx/core/content-density";
8
3
  export declare class PlatformDatePickerModule {
9
4
  static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatePickerModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatePickerModule, [typeof i1.PlatformDatePickerComponent], [typeof i2.CommonModule, typeof i3.DatePickerModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.PipeModule, typeof i6.ContentDensityModule], [typeof i1.PlatformDatePickerComponent, typeof i6.ContentDensityModule]>;
5
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatePickerModule, never, [typeof i1.PlatformDatePickerComponent], [typeof i1.PlatformDatePickerComponent]>;
11
6
  static ɵinj: i0.ɵɵInjectorDeclaration<PlatformDatePickerModule>;
12
7
  }
@@ -6,6 +6,7 @@ import { DatetimeAdapter, DateTimeFormats } from '@fundamental-ngx/core/datetime
6
6
  import { DatetimePickerComponent } from '@fundamental-ngx/core/datetime-picker';
7
7
  import { Placement, SpecialDayRule } from '@fundamental-ngx/core/shared';
8
8
  import { BaseInput, PlatformFormFieldControl, PlatformFormField } from '@fundamental-ngx/platform/shared';
9
+ import { MobileModeConfig } from '@fundamental-ngx/core/mobile-mode';
9
10
  import * as i0 from "@angular/core";
10
11
  export declare class PlatformDatetimePickerComponent<D> extends BaseInput implements AfterViewInit {
11
12
  protected _cd: ChangeDetectorRef;
@@ -75,7 +76,7 @@ export declare class PlatformDatetimePickerComponent<D> extends BaseInput implem
75
76
  buttonFocusable: boolean;
76
77
  /**
77
78
  * Special days mark, it can be used by passing array of object with
78
- * Special day number, list 1-20 [class:`fd-calendar__special-day--{{number}}`] is available there:
79
+ * Special day number, list 1-20 [class:`fd-calendar__item--legend-{{number}}`] is available there:
79
80
  * https://sap.github.io/fundamental-styles/components/calendar.html calendar special days section
80
81
  * Rule accepts method with FdDate object as a parameter. ex:
81
82
  * `rule: (fdDate: FdDate) => fdDate.getDay() === 1`, which will mark all sundays as special day.
@@ -113,6 +114,14 @@ export declare class PlatformDatetimePickerComponent<D> extends BaseInput implem
113
114
  * Whether to prevent page scrolling when focusing date picker input field after calendar has been closed.
114
115
  */
115
116
  preventScrollOnFocus: boolean;
117
+ /** Whether date picker should rendered in mobile mode. */
118
+ mobile: boolean;
119
+ /** Mobile mode configuration. */
120
+ mobileConfig: MobileModeConfig;
121
+ /** Whether calendar is used inside mobile in landscape mode, it also adds close button on right side */
122
+ mobileLandscape: boolean;
123
+ /** Whether calendar is used inside mobile in portrait mode */
124
+ mobilePortrait: boolean;
116
125
  /** Event emitted when the state of the isOpen property changes. */
117
126
  readonly isOpenChange: EventEmitter<boolean>;
118
127
  /** Event thrown every time calendar active view is changed */
@@ -167,5 +176,5 @@ export declare class PlatformDatetimePickerComponent<D> extends BaseInput implem
167
176
  */
168
177
  private _adjustPickerWidth;
169
178
  static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatetimePickerComponent<any>, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; self: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; }, { optional: true; }]>;
170
- static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatetimePickerComponent<any>, "fdp-datetime-picker", never, { "value": { "alias": "value"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "datetimeChange": "datetimeChange"; "onClose": "onClose"; }, never, ["*"], false, never, false>;
179
+ static ɵcmp: i0.ɵɵComponentDeclaration<PlatformDatetimePickerComponent<any>, "fdp-datetime-picker", never, { "value": { "alias": "value"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "meridian": { "alias": "meridian"; "required": false; }; "displaySeconds": { "alias": "displaySeconds"; "required": false; }; "displayMinutes": { "alias": "displayMinutes"; "required": false; }; "displayHours": { "alias": "displayHours"; "required": false; }; "useValidation": { "alias": "useValidation"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "startingDayOfWeek": { "alias": "startingDayOfWeek"; "required": false; }; "activeView": { "alias": "activeView"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "keepTwoDigitsTime": { "alias": "keepTwoDigitsTime"; "required": false; }; "state": { "alias": "state"; "required": false; }; "buttonFocusable": { "alias": "buttonFocusable"; "required": false; }; "specialDaysRules": { "alias": "specialDaysRules"; "required": false; }; "yearGrid": { "alias": "yearGrid"; "required": false; }; "aggregatedYearGrid": { "alias": "aggregatedYearGrid"; "required": false; }; "markWeekends": { "alias": "markWeekends"; "required": false; }; "spinnerButtons": { "alias": "spinnerButtons"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "processInputOnBlur": { "alias": "processInputOnBlur"; "required": false; }; "preventScrollOnFocus": { "alias": "preventScrollOnFocus"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "mobileConfig": { "alias": "mobileConfig"; "required": false; }; "mobileLandscape": { "alias": "mobileLandscape"; "required": false; }; "mobilePortrait": { "alias": "mobilePortrait"; "required": false; }; "disableFunction": { "alias": "disableFunction"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "activeViewChange": "activeViewChange"; "datetimeChange": "datetimeChange"; "onClose": "onClose"; }, never, ["*"], true, never, false>;
171
180
  }
@@ -1,12 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import * as i1 from "./datetime-picker.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/forms";
5
- import * as i4 from "@fundamental-ngx/core/datetime-picker";
6
- import * as i5 from "@fundamental-ngx/cdk/utils";
7
- import * as i6 from "@fundamental-ngx/core/content-density";
8
3
  export declare class PlatformDatetimePickerModule {
9
4
  static ɵfac: i0.ɵɵFactoryDeclaration<PlatformDatetimePickerModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatetimePickerModule, [typeof i1.PlatformDatetimePickerComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.DatetimePickerModule, typeof i5.PipeModule, typeof i6.ContentDensityModule], [typeof i1.PlatformDatetimePickerComponent, typeof i6.ContentDensityModule]>;
5
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformDatetimePickerModule, never, [typeof i1.PlatformDatetimePickerComponent], [typeof i1.PlatformDatetimePickerComponent]>;
11
6
  static ɵinj: i0.ɵɵInjectorDeclaration<PlatformDatetimePickerModule>;
12
7
  }
@@ -14,8 +14,6 @@ export declare class MessagePopoverFormWrapperComponent implements MessagePopove
14
14
  /** @hidden */
15
15
  private readonly _projectedForm;
16
16
  /** @hidden */
17
- private readonly _projectedFormItems;
18
- /** @hidden */
19
17
  private readonly _projectedFormFieldControls;
20
18
  /** @hidden */
21
19
  private readonly _directiveItems;
@@ -97,5 +95,5 @@ export declare class MessagePopoverFormWrapperComponent implements MessagePopove
97
95
  /** @hidden */
98
96
  private _isAdvancedError;
99
97
  static ɵfac: i0.ɵɵFactoryDeclaration<MessagePopoverFormWrapperComponent, never>;
100
- static ɵcmp: i0.ɵɵComponentDeclaration<MessagePopoverFormWrapperComponent, "fdp-message-popover-form-wrapper", ["messagePopoverWrapper"], { "forms": { "alias": "forms"; "required": false; }; "formFields": { "alias": "formFields"; "required": false; }; }, {}, ["_projectedForm", "_projectedFormItems", "_projectedFormFieldControls", "_directiveItems"], ["*"], false, never, false>;
98
+ static ɵcmp: i0.ɵɵComponentDeclaration<MessagePopoverFormWrapperComponent, "fdp-message-popover-form-wrapper", ["messagePopoverWrapper"], { "forms": { "alias": "forms"; "required": false; }; "formFields": { "alias": "formFields"; "required": false; }; }, {}, ["_projectedForm", "_projectedFormFieldControls", "_directiveItems"], ["*"], true, never, false>;
101
99
  }
@@ -37,5 +37,5 @@ export declare class MessageViewComponent implements AfterViewInit {
37
37
  /** @hidden */
38
38
  _onListAnimationComplete(event: any): void;
39
39
  static ɵfac: i0.ɵɵFactoryDeclaration<MessageViewComponent, never>;
40
- static ɵcmp: i0.ɵɵComponentDeclaration<MessageViewComponent, "fdp-message-view", never, { "currentScreen": { "alias": "currentScreen"; "required": false; }; "filteredErrors": { "alias": "filteredErrors"; "required": false; }; "currentEntry": { "alias": "currentEntry"; "required": false; }; }, { "openDetails": "openDetails"; "focusItem": "focusItem"; "closePopover": "closePopover"; }, never, never, false, never, false>;
40
+ static ɵcmp: i0.ɵɵComponentDeclaration<MessageViewComponent, "fdp-message-view", never, { "currentScreen": { "alias": "currentScreen"; "required": false; }; "filteredErrors": { "alias": "filteredErrors"; "required": false; }; "currentEntry": { "alias": "currentEntry"; "required": false; }; }, { "openDetails": "openDetails"; "focusItem": "focusItem"; "closePopover": "closePopover"; }, never, never, true, never, false>;
41
41
  }
@@ -1,13 +1,16 @@
1
1
  import { ElementRef } from '@angular/core';
2
2
  import { NgControl } from '@angular/forms';
3
+ import { MessagePopoverConfig } from '../default-config';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare class MessagePopoverFormItemDirective {
5
- elementRef: ElementRef;
6
- control: NgControl;
6
+ readonly elementRef: ElementRef;
7
+ readonly control: NgControl;
7
8
  /** Form item name. */
8
9
  label: string;
10
+ /** Error type definition. */
11
+ errorTypes: MessagePopoverConfig['errors'];
9
12
  /** @hidden */
10
13
  constructor(elementRef: ElementRef, control: NgControl);
11
14
  static ɵfac: i0.ɵɵFactoryDeclaration<MessagePopoverFormItemDirective, [null, { optional: true; }]>;
12
- static ɵdir: i0.ɵɵDirectiveDeclaration<MessagePopoverFormItemDirective, "[fdpMessagePopoverFormItem]", never, { "label": { "alias": "fdpMessagePopoverFormItem"; "required": false; }; }, {}, never, never, false, never, false>;
15
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MessagePopoverFormItemDirective, "[fdpMessagePopoverFormItem]", never, { "label": { "alias": "fdpMessagePopoverFormItem"; "required": false; }; "errorTypes": { "alias": "errorTypes"; "required": false; }; }, {}, never, never, true, never, false>;
13
16
  }
@@ -1,11 +1,10 @@
1
1
  import { ChangeDetectorRef, DestroyRef, EventEmitter, OnInit } from '@angular/core';
2
- import { ObjectStatus } from '@fundamental-ngx/core/object-status';
3
2
  import { PopoverComponent } from '@fundamental-ngx/core/popover';
4
3
  import { FormStates } from '@fundamental-ngx/cdk/forms';
5
4
  import { Nullable } from '@fundamental-ngx/cdk/utils';
6
5
  import { MessagePopoverEntry, MessagePopoverError, MessagePopoverErrorGroup } from './models/message-popover-entry.interface';
7
6
  import { MessagePopoverWrapper } from './models/message-popover-wrapper.interface';
8
- import { MessagePopover } from './models/message-popover.interface';
7
+ import { MessagePopover, MessagePopoverState } from './models/message-popover.interface';
9
8
  import * as i0 from "@angular/core";
10
9
  export declare class MessagePopoverComponent implements MessagePopover, OnInit {
11
10
  private readonly _cdr;
@@ -29,7 +28,7 @@ export declare class MessagePopoverComponent implements MessagePopover, OnInit {
29
28
  /** @hidden */
30
29
  _priorityFormState: FormStates;
31
30
  /** @hidden */
32
- _priorityState: ObjectStatus;
31
+ _priorityState: MessagePopoverState;
33
32
  /** @hidden */
34
33
  _filteredErrors: MessagePopoverErrorGroup[];
35
34
  /** @hidden */
@@ -47,5 +46,5 @@ export declare class MessagePopoverComponent implements MessagePopover, OnInit {
47
46
  /** @hidden */
48
47
  _filterErrors(): void;
49
48
  static ɵfac: i0.ɵɵFactoryDeclaration<MessagePopoverComponent, never>;
50
- static ɵcmp: i0.ɵɵComponentDeclaration<MessagePopoverComponent, "fdp-message-popover", never, { "wrapper": { "alias": "wrapper"; "required": false; }; }, { "focusItem": "focusItem"; }, never, never, false, never, false>;
49
+ static ɵcmp: i0.ɵɵComponentDeclaration<MessagePopoverComponent, "fdp-message-popover", never, { "wrapper": { "alias": "wrapper"; "required": false; }; }, { "focusItem": "focusItem"; }, never, never, true, never, false>;
51
50
  }
@@ -1,5 +1,7 @@
1
1
  import { EventEmitter } from '@angular/core';
2
2
  import { MessagePopoverEntry } from './message-popover-entry.interface';
3
+ import { ObjectStatus } from '@fundamental-ngx/core/object-status';
4
+ export type MessagePopoverState = Omit<ObjectStatus, 'informative' | 'neutral' | 'positive'> | 'information' | 'success' | 'neutral';
3
5
  export interface MessagePopover {
4
6
  focusItem: EventEmitter<MessagePopoverEntry>;
5
7
  }
@@ -5,21 +5,6 @@ import * as i1 from "./message-popover.component";
5
5
  import * as i2 from "./components/message-popover-form-wrapper/message-popover-form-wrapper.component";
6
6
  import * as i3 from "./components/message-view/message-view.component";
7
7
  import * as i4 from "./directives/message-popover-form-item.directive";
8
- import * as i5 from "@angular/common";
9
- import * as i6 from "@fundamental-ngx/core/icon";
10
- import * as i7 from "@fundamental-ngx/core/popover";
11
- import * as i8 from "@fundamental-ngx/core/bar";
12
- import * as i9 from "@fundamental-ngx/core/list";
13
- import * as i10 from "@fundamental-ngx/core/segmented-button";
14
- import * as i11 from "@angular/forms";
15
- import * as i12 from "@fundamental-ngx/core/button";
16
- import * as i13 from "@fundamental-ngx/core/object-status";
17
- import * as i14 from "@fundamental-ngx/core/scrollbar";
18
- import * as i15 from "@fundamental-ngx/core/link";
19
- import * as i16 from "@fundamental-ngx/platform/object-status";
20
- import * as i17 from "@fundamental-ngx/platform/button";
21
- import * as i18 from "@fundamental-ngx/i18n";
22
- import * as i19 from "@fundamental-ngx/cdk/utils";
23
8
  export declare class PlatformMessagePopoverModule {
24
9
  /**
25
10
  * Method allows users to apply custom configuration.
@@ -27,6 +12,6 @@ export declare class PlatformMessagePopoverModule {
27
12
  */
28
13
  static withConfig(config: MessagePopoverConfig): ModuleWithProviders<PlatformMessagePopoverModule>;
29
14
  static ɵfac: i0.ɵɵFactoryDeclaration<PlatformMessagePopoverModule, never>;
30
- static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformMessagePopoverModule, [typeof i1.MessagePopoverComponent, typeof i2.MessagePopoverFormWrapperComponent, typeof i3.MessageViewComponent, typeof i4.MessagePopoverFormItemDirective], [typeof i5.CommonModule, typeof i6.IconModule, typeof i7.PopoverModule, typeof i8.BarModule, typeof i9.ListModule, typeof i10.SegmentedButtonModule, typeof i11.FormsModule, typeof i12.ButtonModule, typeof i13.ObjectStatusModule, typeof i14.ScrollbarModule, typeof i15.LinkModule, typeof i16.PlatformObjectStatusModule, typeof i17.PlatformButtonModule, typeof i18.I18nModule, typeof i19.InitialFocusModule], [typeof i1.MessagePopoverComponent, typeof i2.MessagePopoverFormWrapperComponent, typeof i3.MessageViewComponent, typeof i4.MessagePopoverFormItemDirective]>;
15
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformMessagePopoverModule, never, [typeof i1.MessagePopoverComponent, typeof i2.MessagePopoverFormWrapperComponent, typeof i3.MessageViewComponent, typeof i4.MessagePopoverFormItemDirective], [typeof i1.MessagePopoverComponent, typeof i2.MessagePopoverFormWrapperComponent, typeof i3.MessageViewComponent, typeof i4.MessagePopoverFormItemDirective]>;
31
16
  static ɵinj: i0.ɵɵInjectorDeclaration<PlatformMessagePopoverModule>;
32
17
  }
@@ -1,5 +1,12 @@
1
1
  import { ObjectStatus } from '@fundamental-ngx/core/object-status';
2
2
  import { FormStates } from '@fundamental-ngx/cdk/forms';
3
+ import { MessagePopoverState } from './models/message-popover.interface';
4
+ /**
5
+ * Converts Object Status into Message Popover State
6
+ * @param status Object status
7
+ * @returns Message Popover State.
8
+ */
9
+ export declare function convertFormStateToMessagePopoverState(state: FormStates): MessagePopoverState;
3
10
  /**
4
11
  * Converts Form State into Object status type.
5
12
  * @param type Form state.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fundamental-ngx/platform",
3
- "version": "0.45.1",
3
+ "version": "0.46.0-rc.1",
4
4
  "schematics": "./schematics/collection.json",
5
5
  "description": "Fundamental Library for Angular - platform",
6
6
  "license": "Apache-2.0",
@@ -13,11 +13,11 @@
13
13
  "node": ">= 10"
14
14
  },
15
15
  "peerDependencies": {
16
- "@fundamental-ngx/core": "0.45.1"
16
+ "@fundamental-ngx/core": "0.46.0-rc.1"
17
17
  },
18
18
  "dependencies": {
19
- "@fundamental-ngx/cdk": "0.45.1",
20
- "@fundamental-ngx/i18n": "0.45.1",
19
+ "@fundamental-ngx/cdk": "0.46.0-rc.1",
20
+ "@fundamental-ngx/i18n": "0.46.0-rc.1",
21
21
  "fast-deep-equal": "3.1.3",
22
22
  "focus-trap": "^7.1.0",
23
23
  "lodash-es": "^4.17.0",
@@ -32,7 +32,7 @@ function callCoreSchematic(options) {
32
32
  (0, dependencies_1.addPackageJsonDependency)(tree, {
33
33
  type: dependencies_1.NodeDependencyType.Default,
34
34
  // Will be replaced with the real version during sync-version script run
35
- version: `0.45.1`,
35
+ version: `0.46.0-rc.1`,
36
36
  name: '@fundamental-ngx/core'
37
37
  });
38
38
  const installTaskId = context.addTask(new tasks_1.NodePackageInstallTask({
@@ -41,6 +41,8 @@ export declare class SliderComponent extends BaseInput {
41
41
  tooltipMode: 'readonly' | 'editable';
42
42
  /** Hides display of colored progress bar. */
43
43
  hideProgressBar: boolean;
44
+ /** Whether the slider should be rendered vertically. */
45
+ vertical: boolean;
44
46
  /**
45
47
  * Event fired when the state of the slider changes.
46
48
  * *$event* can be used to retrieve the new state of the slider.
@@ -58,5 +60,5 @@ export declare class SliderComponent extends BaseInput {
58
60
  */
59
61
  private _emitChangeEvent;
60
62
  static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, [null, null, { optional: true; self: true; }, { optional: true; skipSelf: true; }, { optional: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }, { optional: true; host: true; skipSelf: true; }]>;
61
- static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "fdp-slider", never, { "class": { "alias": "class"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "jump": { "alias": "jump"; "required": false; }; "tickmarksBetweenLabels": { "alias": "tickmarksBetweenLabels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showTicks": { "alias": "showTicks"; "required": false; }; "showTicksLabels": { "alias": "showTicksLabels"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "tooltipMode": { "alias": "tooltipMode"; "required": false; }; "hideProgressBar": { "alias": "hideProgressBar"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "sliderChange": "sliderChange"; }, never, never, false, never, false>;
63
+ static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "fdp-slider", never, { "class": { "alias": "class"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "jump": { "alias": "jump"; "required": false; }; "tickmarksBetweenLabels": { "alias": "tickmarksBetweenLabels"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showTicks": { "alias": "showTicks"; "required": false; }; "showTicksLabels": { "alias": "showTicksLabels"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "tooltipMode": { "alias": "tooltipMode"; "required": false; }; "hideProgressBar": { "alias": "hideProgressBar"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "sliderChange": "sliderChange"; }, never, never, true, never, false>;
62
64
  }
@@ -1,11 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
- import * as i1 from "./slider.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@fundamental-ngx/core/slider";
5
- import * as i4 from "@angular/forms";
6
- import * as i5 from "@fundamental-ngx/core/content-density";
2
+ import * as i1 from "@fundamental-ngx/core/content-density";
3
+ import * as i2 from "./slider.component";
7
4
  export declare class PlatformSliderModule {
8
5
  static ɵfac: i0.ɵɵFactoryDeclaration<PlatformSliderModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformSliderModule, [typeof i1.SliderComponent], [typeof i2.CommonModule, typeof i3.SliderModule, typeof i4.FormsModule, typeof i5.ContentDensityModule], [typeof i1.SliderComponent, typeof i5.ContentDensityModule]>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<PlatformSliderModule, never, [typeof i1.ContentDensityModule, typeof i2.SliderComponent], [typeof i2.SliderComponent]>;
10
7
  static ɵinj: i0.ɵɵInjectorDeclaration<PlatformSliderModule>;
11
8
  }