@natec/mef-dev-ui-kit 16.4.57 → 19.0.0-beta.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 (161) hide show
  1. package/fesm2022/natec-mef-dev-ui-kit.mjs +10894 -5478
  2. package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
  3. package/index.d.ts +5527 -5
  4. package/index.d.ts.map +1 -0
  5. package/package.json +6 -7
  6. package/src/lib/styles/pg/_mixins.scss +2 -523
  7. package/src/lib/styles/pg/_var.scss +29 -28
  8. package/src/lib/styles/pg/modules/_buttons.scss +55 -40
  9. package/src/lib/styles/pg/modules/_form_elements.scss +5 -4
  10. package/src/lib/styles/pg/modules/_header.scss +2 -2
  11. package/src/lib/styles/pg/modules/_secondary-sidebar.scss +3 -1
  12. package/src/lib/styles/pg/modules/_select.scss +59 -60
  13. package/src/lib/styles/pg/modules/_sidebar.scss +2 -1
  14. package/src/lib/styles/pg/utils.scss +0 -3
  15. package/esm2022/lib/markup-kit/card/card/card.component.mjs +0 -116
  16. package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +0 -169
  17. package/esm2022/lib/markup-kit/card/card-long/cart-type-colors.enum.mjs +0 -7
  18. package/esm2022/lib/markup-kit/card/card-simple/card-simple.component.mjs +0 -50
  19. package/esm2022/lib/markup-kit/card/card.module.mjs +0 -35
  20. package/esm2022/lib/markup-kit/card/index.mjs +0 -6
  21. package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs +0 -149
  22. package/esm2022/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs +0 -102
  23. package/esm2022/lib/markup-kit/collapse/collapse.module.mjs +0 -25
  24. package/esm2022/lib/markup-kit/collapse/index.mjs +0 -4
  25. package/esm2022/lib/markup-kit/executors/index.mjs +0 -5
  26. package/esm2022/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.mjs +0 -112
  27. package/esm2022/lib/markup-kit/executors/stage/stage.component.mjs +0 -27
  28. package/esm2022/lib/markup-kit/executors/step-executor/step-executor.component.mjs +0 -289
  29. package/esm2022/lib/markup-kit/executors/step-executor.module.mjs +0 -42
  30. package/esm2022/lib/markup-kit/modals/fill/fill.component.mjs +0 -137
  31. package/esm2022/lib/markup-kit/modals/index.mjs +0 -7
  32. package/esm2022/lib/markup-kit/modals/markup-kit.module.mjs +0 -39
  33. package/esm2022/lib/markup-kit/modals/modal-size.enum.mjs +0 -2
  34. package/esm2022/lib/markup-kit/modals/right-filter/right-filter.component.mjs +0 -48
  35. package/esm2022/lib/markup-kit/modals/slide-right/slide-right.component.mjs +0 -134
  36. package/esm2022/lib/markup-kit/modals/slide-up/slide-up.component.mjs +0 -118
  37. package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +0 -59
  38. package/esm2022/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +0 -27
  39. package/esm2022/lib/markup-kit/page-layouts/index.mjs +0 -7
  40. package/esm2022/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +0 -73
  41. package/esm2022/lib/markup-kit/page-layouts/page-layouts.module.mjs +0 -41
  42. package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs +0 -137
  43. package/esm2022/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +0 -42
  44. package/esm2022/lib/markup-kit/slider/index.mjs +0 -3
  45. package/esm2022/lib/markup-kit/slider/slider/slider.component.mjs +0 -120
  46. package/esm2022/lib/markup-kit/slider/slider.module.mjs +0 -28
  47. package/esm2022/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.mjs +0 -607
  48. package/esm2022/lib/markup-kit/utils/datepicker/datepicker.module.mjs +0 -21
  49. package/esm2022/lib/markup-kit/utils/datepicker/index.mjs +0 -3
  50. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +0 -72
  51. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs +0 -71
  52. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.module.mjs +0 -29
  53. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs +0 -43
  54. package/esm2022/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs +0 -13
  55. package/esm2022/lib/markup-kit/utils/filtered-field/index.mjs +0 -6
  56. package/esm2022/lib/markup-kit/utils/help-block/help-block.component.mjs +0 -72
  57. package/esm2022/lib/markup-kit/utils/help-block/hepl-block.module.mjs +0 -24
  58. package/esm2022/lib/markup-kit/utils/help-block/index.mjs +0 -3
  59. package/esm2022/lib/pg-components/card/card.components.mjs +0 -442
  60. package/esm2022/lib/pg-components/card/card.module.mjs +0 -24
  61. package/esm2022/lib/pg-components/card/index.mjs +0 -3
  62. package/esm2022/lib/pg-components/progress/index.mjs +0 -4
  63. package/esm2022/lib/pg-components/progress/progress.component.mjs +0 -80
  64. package/esm2022/lib/pg-components/progress/progress.config.mjs +0 -12
  65. package/esm2022/lib/pg-components/progress/progress.module.mjs +0 -22
  66. package/esm2022/lib/pg-components/select/index.mjs +0 -5
  67. package/esm2022/lib/pg-components/select/option.component.mjs +0 -93
  68. package/esm2022/lib/pg-components/select/option.pipe.mjs +0 -42
  69. package/esm2022/lib/pg-components/select/select.component.mjs +0 -782
  70. package/esm2022/lib/pg-components/select/select.module.mjs +0 -22
  71. package/esm2022/lib/pg-components/spec-flow-test/index.mjs +0 -3
  72. package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.mjs +0 -36
  73. package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test.module.mjs +0 -25
  74. package/esm2022/lib/pg-components/switch/index.mjs +0 -3
  75. package/esm2022/lib/pg-components/switch/switch.component.mjs +0 -293
  76. package/esm2022/lib/pg-components/switch/switch.module.mjs +0 -18
  77. package/esm2022/lib/pg-components/tabs/index.mjs +0 -8
  78. package/esm2022/lib/pg-components/tabs/tab-body.component.mjs +0 -21
  79. package/esm2022/lib/pg-components/tabs/tab-label.directive.mjs +0 -45
  80. package/esm2022/lib/pg-components/tabs/tab.component.mjs +0 -102
  81. package/esm2022/lib/pg-components/tabs/tabs-ink-bar.directive.mjs +0 -81
  82. package/esm2022/lib/pg-components/tabs/tabs-nav.component.mjs +0 -298
  83. package/esm2022/lib/pg-components/tabs/tabs.module.mjs +0 -23
  84. package/esm2022/lib/pg-components/tabs/tabset.component.mjs +0 -252
  85. package/esm2022/lib/pg-components/util/convert.mjs +0 -4
  86. package/esm2022/lib/pg-components/util/request-animation.mjs +0 -26
  87. package/esm2022/natec-mef-dev-ui-kit.mjs +0 -5
  88. package/esm2022/public-api.mjs +0 -17
  89. package/lib/markup-kit/card/card/card.component.d.ts +0 -90
  90. package/lib/markup-kit/card/card-long/card-long.component.d.ts +0 -135
  91. package/lib/markup-kit/card/card-long/cart-type-colors.enum.d.ts +0 -5
  92. package/lib/markup-kit/card/card-simple/card-simple.component.d.ts +0 -37
  93. package/lib/markup-kit/card/card.module.d.ts +0 -17
  94. package/lib/markup-kit/card/index.d.ts +0 -5
  95. package/lib/markup-kit/collapse/collapse/collapse.component.d.ts +0 -74
  96. package/lib/markup-kit/collapse/collapse-set/collapse-set.component.d.ts +0 -68
  97. package/lib/markup-kit/collapse/collapse.module.d.ts +0 -14
  98. package/lib/markup-kit/collapse/index.d.ts +0 -3
  99. package/lib/markup-kit/executors/index.d.ts +0 -4
  100. package/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.d.ts +0 -84
  101. package/lib/markup-kit/executors/stage/stage.component.d.ts +0 -12
  102. package/lib/markup-kit/executors/step-executor/step-executor.component.d.ts +0 -186
  103. package/lib/markup-kit/executors/step-executor.module.d.ts +0 -12
  104. package/lib/markup-kit/modals/fill/fill.component.d.ts +0 -80
  105. package/lib/markup-kit/modals/index.d.ts +0 -6
  106. package/lib/markup-kit/modals/markup-kit.module.d.ts +0 -12
  107. package/lib/markup-kit/modals/modal-size.enum.d.ts +0 -5
  108. package/lib/markup-kit/modals/right-filter/right-filter.component.d.ts +0 -27
  109. package/lib/markup-kit/modals/slide-right/slide-right.component.d.ts +0 -76
  110. package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts +0 -64
  111. package/lib/markup-kit/page-layouts/central-page/central-page.component.d.ts +0 -37
  112. package/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.d.ts +0 -21
  113. package/lib/markup-kit/page-layouts/index.d.ts +0 -6
  114. package/lib/markup-kit/page-layouts/manage-page/manage-page.component.d.ts +0 -58
  115. package/lib/markup-kit/page-layouts/page-layouts.module.d.ts +0 -12
  116. package/lib/markup-kit/page-layouts/profile/profile.component.d.ts +0 -107
  117. package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts +0 -32
  118. package/lib/markup-kit/slider/index.d.ts +0 -2
  119. package/lib/markup-kit/slider/slider/slider.component.d.ts +0 -93
  120. package/lib/markup-kit/slider/slider.module.d.ts +0 -9
  121. package/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.d.ts +0 -421
  122. package/lib/markup-kit/utils/datepicker/datepicker.module.d.ts +0 -10
  123. package/lib/markup-kit/utils/datepicker/index.d.ts +0 -2
  124. package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts +0 -42
  125. package/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.d.ts +0 -56
  126. package/lib/markup-kit/utils/filtered-field/filtered-field.module.d.ts +0 -9
  127. package/lib/markup-kit/utils/filtered-field/filtered-field.service.d.ts +0 -28
  128. package/lib/markup-kit/utils/filtered-field/filtred-item.model.d.ts +0 -7
  129. package/lib/markup-kit/utils/filtered-field/index.d.ts +0 -5
  130. package/lib/markup-kit/utils/help-block/help-block.component.d.ts +0 -37
  131. package/lib/markup-kit/utils/help-block/hepl-block.module.d.ts +0 -9
  132. package/lib/markup-kit/utils/help-block/index.d.ts +0 -2
  133. package/lib/pg-components/card/card.components.d.ts +0 -241
  134. package/lib/pg-components/card/card.module.d.ts +0 -11
  135. package/lib/pg-components/card/index.d.ts +0 -2
  136. package/lib/pg-components/progress/index.d.ts +0 -3
  137. package/lib/pg-components/progress/progress.component.d.ts +0 -50
  138. package/lib/pg-components/progress/progress.config.d.ts +0 -7
  139. package/lib/pg-components/progress/progress.module.d.ts +0 -10
  140. package/lib/pg-components/select/index.d.ts +0 -4
  141. package/lib/pg-components/select/option.component.d.ts +0 -54
  142. package/lib/pg-components/select/option.pipe.d.ts +0 -8
  143. package/lib/pg-components/select/select.component.d.ts +0 -139
  144. package/lib/pg-components/select/select.module.d.ts +0 -12
  145. package/lib/pg-components/spec-flow-test/index.d.ts +0 -2
  146. package/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.d.ts +0 -22
  147. package/lib/pg-components/spec-flow-test/spec-flow-test.module.d.ts +0 -10
  148. package/lib/pg-components/switch/index.d.ts +0 -2
  149. package/lib/pg-components/switch/switch.component.d.ts +0 -185
  150. package/lib/pg-components/switch/switch.module.d.ts +0 -8
  151. package/lib/pg-components/tabs/index.d.ts +0 -7
  152. package/lib/pg-components/tabs/tab-body.component.d.ts +0 -13
  153. package/lib/pg-components/tabs/tab-label.directive.d.ts +0 -15
  154. package/lib/pg-components/tabs/tab.component.d.ts +0 -67
  155. package/lib/pg-components/tabs/tabs-ink-bar.directive.d.ts +0 -23
  156. package/lib/pg-components/tabs/tabs-nav.component.d.ts +0 -79
  157. package/lib/pg-components/tabs/tabs.module.d.ts +0 -13
  158. package/lib/pg-components/tabs/tabset.component.d.ts +0 -137
  159. package/lib/pg-components/util/convert.d.ts +0 -1
  160. package/lib/pg-components/util/request-animation.d.ts +0 -1
  161. package/public-api.d.ts +0 -15
@@ -1,421 +0,0 @@
1
- import { ElementRef, OnChanges, OnInit, EventEmitter } from '@angular/core';
2
- import { DatePipe } from '@angular/common';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Datepicker Component for selecting dates.
6
- *
7
- * This component allows users to pick a date from a calendar interface.
8
- * It supports various configuration options such as language, date format, and date range.
9
- *
10
- * @example
11
- * <mefdev-datepicker
12
- * [labelContentText]="'Select your date'"
13
- * [lang]="'uk'"
14
- * [dateFormat]="'dd/MM/yyyy'"
15
- * [range]="{startYear: 1900, toYear: 300}"
16
- * [disabled]="false"
17
- * (dateChanged)="onDateChanged($event)"
18
- * [topOffset]="'20'"
19
- * [leftOffset]="'10'">
20
- * </mefdev-datepicker>
21
- *
22
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/utils/datepicker</example-url>
23
- */
24
- export declare class DatepickerComponent implements OnChanges, OnInit {
25
- private datePipe;
26
- private elementRef;
27
- /**
28
- * A flag that checks whether a valid date has been entered and whether the entered date exists.
29
- * If the two previous conditions are not true, the datepicker will be highlighted in red
30
- */
31
- isUserDateValid: boolean;
32
- /**
33
- * Flag to determine if the calendar is open or closed.
34
- * Default value: false (closed).
35
- */
36
- isCalendarOpen: boolean;
37
- /**
38
- * The currently selected date.
39
- * Default value: Today's date.
40
- */
41
- selectedDate: Date;
42
- /**
43
- * The formatted date for display in the input.
44
- * Default value: Formatted representation of the selected date.
45
- */
46
- formattedDate: any;
47
- /**
48
- * Track the edited date separately when in editing mode.
49
- * Default value: An empty string.
50
- */
51
- editedDate: string;
52
- /**
53
- * Flag to determine if the month dropdown is open or closed.
54
- * Default value: true (open).
55
- */
56
- isMonthDropdownOpen: boolean;
57
- /**
58
- * Flag to determine if the year dropdown is open or closed.
59
- * Default value: true (open).
60
- */
61
- isYearDropdownOpen: boolean;
62
- /**
63
- * The selected month (0-11).
64
- * Default value: The month of the selected date.
65
- */
66
- selectedDateMonth: number;
67
- /**
68
- * The selected year.
69
- * Default value: The year of the selected date.
70
- */
71
- selectedDateYear: number;
72
- /**
73
- * An array of years for the year dropdown.
74
- * Default value: An array of years within the specified range.
75
- */
76
- years: number[];
77
- /**
78
- * Label text for the datepicker.
79
- * Default value: 'en' (English).
80
- * @example
81
- * <mefdev-datepicker
82
- * [labelContentText] = "'Chose your date'">
83
- * </mefdev-datepicker>
84
- */
85
- labelContentText: string;
86
- /**
87
- * The language/locale for the datepicker.
88
- * Default value: 'en' (English).
89
- * @example
90
- * <mefdev-datepicker
91
- * [lang] = "'uk'">
92
- * </mefdev-datepicker>
93
- */
94
- lang: string;
95
- /**
96
- * The date format for displaying the selected date.
97
- * Default value: 'EEE MMM dd yyyy'.
98
- * @example
99
- * <mefdev-datepicker
100
- * [dateFormat]="'dd/MM/yyyy'">
101
- * </mefdev-datepicker>
102
- */
103
- dateFormat: string;
104
- /**
105
- * The range of years available in the year dropdown.
106
- * Default value: { startYear: 1900, toYear: 300 }.
107
- * @example
108
- * <mefdev-datepicker
109
- * [range]="{startYear: 1900, toYear: 300}">
110
- * </mefdev-datepicker>
111
- */
112
- yearsRange: {
113
- startYear: number;
114
- toYear: number;
115
- };
116
- /**
117
- * Whether the datepicker is disabled or not.
118
- * Default value: false (enabled).
119
- * @example
120
- * <mefdev-datepicker
121
- * [disabled]="false">
122
- * </mefdev-datepicker>
123
- */
124
- disabled: boolean;
125
- /**
126
- * The top offset for positioning the datepicker.
127
- * Default value: '20'.
128
- * @example
129
- * <mefdev-datepicker
130
- * [topOffset]="'20'">
131
- * </mefdev-datepicker>
132
- */
133
- topOffset: string;
134
- /**
135
- * The left offset for positioning the datepicker.
136
- * Default value: '10'.
137
- * @example
138
- * <mefdev-datepicker
139
- * [leftOffset]="'10'">
140
- * </mefdev-datepicker>
141
- */
142
- leftOffset: string;
143
- /**
144
- * Event emitted when the selected date in the datepicker changes.
145
- * It emits a `Date` object representing the selected date.
146
- * @example
147
- * <mefdev-datepicker
148
- * (dateChanged)="onDateChanged($event)">
149
- * </mefdev-datepicker>
150
- */
151
- dateChanged: EventEmitter<Date>;
152
- /**
153
- * Regular expression to validate user input for date in the format "dd/MM/yyyy".
154
- * - The day (dd) should be between 01 and 31.
155
- * - The month (MM) should be between 01 and 12.
156
- * - The year (yyyy) should be a 4-digit number.
157
- */
158
- private dateRegExp;
159
- /**
160
- * The string entered by the user for date input.
161
- * This variable stores the user's input as they type in the date field.
162
- */
163
- userInput: string;
164
- /**
165
- * Host listener for document click events to handle calendar interaction.
166
- * This function checks if a click event occurred within the calendar or input elements.
167
- * - If the click occurred within the calendar, no action is taken.
168
- * - If the click occurred within the input element and the component is not in editing mode,
169
- * it opens the calendar.
170
- * @param event The MouseEvent object representing the click event.
171
- */
172
- onClick(event: MouseEvent): void;
173
- /**
174
- * Constructor for the DatepickerComponent class.
175
- * @param datePipe A service for formatting and parsing dates.
176
- * @param elementRef A reference to the element on which this component is attached.
177
- * It is used to access DOM elements.
178
- */
179
- constructor(datePipe: DatePipe, elementRef: ElementRef);
180
- /**
181
- * Lifecycle hook called after the component is initialized.
182
- * It initializes the years for the year select dropdown.
183
- */
184
- ngOnInit(): void;
185
- /**
186
- * Lifecycle hook called whenever the input properties of the component change.
187
- * It updates the input value.
188
- */
189
- ngOnChanges(): void;
190
- /**
191
- * An array of month names based on the selected language.
192
- * It provides localized month names for display in the datepicker.
193
- */
194
- private get months();
195
- /**
196
- * An array of weekday names based on the selected language.
197
- * It provides localized weekday names for display in the datepicker.
198
- */
199
- private get weekdays();
200
- /**
201
- * Initialize the list of years to be displayed in the year dropdown.
202
- * This method populates the 'years' array with a range of years based on the provided 'yearsRange' configuration.
203
- * @example
204
- * ```
205
- * // Assuming 'yearsRange' is { startYear: 1900, toYear: 300 }
206
- * // After calling initializeYears(), 'years' might contain [1900, 1901, ..., 300]
207
- * this.initializeYears();
208
- * ```
209
- */
210
- private initializeYears;
211
- /**
212
- * Toggle the editing mode for the date input. When enabled, the user can edit the date directly in the input field.
213
- */
214
- toggleEdit(): void;
215
- /**
216
- * Get a list of month names in the specified language and format.
217
- * @param locales - An optional parameter specifying the locale or locales to use for formatting.
218
- * @param format - The format for month names, either "long" (default) or "short".
219
- * @returns An array of month names based on the provided format and locale.
220
- * ```
221
- * // Get a list of month names in the default language and long format
222
- * const months = this.getMonthList(this.lang);
223
- * ```
224
- */
225
- private getMonthList;
226
- /**
227
- * Get a list of weekday names in the specified language and format.
228
- * @param locales - An optional parameter specifying the locale or locales to use for formatting.
229
- * @param format - The format for weekday names, either "short" (default) or "long".
230
- * @returns An array of weekday names based on the provided format and locale.
231
- * ```
232
- * // Get a list of weekday names in the default language and short format
233
- * const weekdays = this.getWeekdayList();
234
- * ```
235
- */
236
- private getWeekdayList;
237
- /**
238
- * Save the edited date input by the user, provided it matches the specified date format.
239
- * This method checks if the entered date is in a valid format, disables the editing mode, and applies
240
- * the edited date to the 'selectedDate'. It then reformats the selected date and closes the calendar.
241
- * ```
242
- * // Save the edited date and update the selected date
243
- * this.saveEditedDate();
244
- * ```
245
- */
246
- private saveEditedDate;
247
- /**
248
- * Handle user input in the editable input field for date editing. This method captures the input value
249
- * and stores it in the 'editedDate' variable. If the input matches the valid date format, it updates
250
- * 'selectedDateMonth' and 'selectedDateYear' accordingly.
251
- * @param event - The input event containing the user's input.
252
- * ```
253
- * // Handle user input in the editable input field
254
- * this.onDateInput(event);
255
- * ```
256
- */
257
- onDateInput(event: any): void;
258
- /**
259
- * Toggle the visibility of the month dropdown in the calendar interface.
260
- * This method is used to open or close the dropdown for selecting months.
261
- * @param event - The event triggering the toggle action (e.g., a click event).
262
- * ```
263
- * // Toggle the visibility of the month dropdown
264
- * this.toggleMonthDropdown(event);
265
- * ```
266
- */
267
- private toggleMonthDropdown;
268
- /**
269
- * Toggle the visibility of the year dropdown in the calendar interface.
270
- * This method is used to open or close the dropdown for selecting years.
271
- * @param event - The event triggering the toggle action (e.g., a click event).
272
- * ```
273
- * // Toggle the visibility of the year dropdown
274
- * this.toggleYearDropdown(event);
275
- * ```
276
- */
277
- private toggleYearDropdown;
278
- /**
279
- * Handle the change of the selected month in the calendar interface.
280
- * This method updates the input value, sets the selected date to the first day of the chosen month,
281
- * and recalculates the calendar display accordingly.
282
- * ```
283
- * // Handle the change of the selected month
284
- * this.onMonthChange();
285
- * ```
286
- */
287
- private onMonthChange;
288
- /**
289
- * Handle the change of the selected year in the calendar interface.
290
- * This method updates the input value, sets the selected date to the first day of the chosen year,
291
- * reformats the selected date, and recalculates the calendar display.
292
- * ```
293
- * // Handle the change of the selected year
294
- * this.onYearChange();
295
- * ```
296
- */
297
- private onYearChange;
298
- /**
299
- * Select a date in the calendar interface and perform necessary updates.
300
- * This method sets the selected date, formats it, closes the calendar, and emits a dateChanged event.
301
- * It also updates the selected month and year dropdown values.
302
- * @param date - The date to be selected in the calendar.
303
- */
304
- selectDate(date: Date): void;
305
- /**
306
- * Format the selected date based on the chosen date format and language.
307
- * This method uses the Angular DatePipe to format the selected date and updates the formattedDate variable.
308
- * ```
309
- * // Format the selected date
310
- * this.formatDate();
311
- * ```
312
- */
313
- private formatDate;
314
- /**
315
- * Format the selected date based on the chosen date format, language, and locale.
316
- * This method uses the Angular DatePipe to format the selected date with the specified language and updates the formatted date as a string.
317
- * @returns A formatted date string.
318
- * ```
319
- * // Format the selected date with language
320
- * const formatted = this.formatSelectedDate();
321
- * ```
322
- */
323
- private formatSelectedDate;
324
- /**
325
- * Update the input value displayed in the calendar interface.
326
- * This method updates the input value to either the edited date or the formatted selected date,
327
- * depending on whether the user is in edit mode or not.
328
- * ```
329
- * // Update the input value
330
- * this.updateInputValue();
331
- * ```
332
- */
333
- private updateInputValue;
334
- /**
335
- * Get an array of arrays representing the days of the current month.
336
- * Each sub-array contains the day data for a week, and each day data object includes the date and whether it belongs to the current month.
337
- * @returns An array of arrays representing the days of the current month.
338
- * ```
339
- * // Get an array of arrays representing the days of the current month
340
- * const calendar = this.calendarDays;
341
- * ```
342
- */
343
- private get calendarDays();
344
- /**
345
- * Get the date of the previous month to display in empty cells of the current month.
346
- * This method returns the date of the previous month if the provided date is not in the current month.
347
- * If the provided date is in the current month, it returns the date's day as a string.
348
- * @param date - The date to evaluate.
349
- * @returns The date of the previous month or a day string.
350
- * ```
351
- * // Get the previous month's date to display in empty cells
352
- * const previousMonthDate = this.getPreviousMonthDate(new Date(2023, 8, 1));
353
- * ```
354
- */
355
- private getPreviousMonthDate;
356
- /**
357
- * Navigate to the previous month in the calendar interface.
358
- * This method updates the selectedDate, formats it, and recalculates the first day of the calendar.
359
- * ```
360
- * // Navigate to the previous month
361
- * this.getPreviousMonth();
362
- * ```
363
- */
364
- private getPreviousMonth;
365
- /**
366
- * Navigate to the next month in the calendar interface.
367
- * This method updates the selectedDate, formats it, and recalculates the first day of the calendar.
368
- * ```
369
- * // Navigate to the next month
370
- * this.getNextMonth();
371
- * ```
372
- */
373
- private getNextMonth;
374
- /**
375
- * Get the number of days in a given month of a specific year.
376
- * @param year - The year for which you want to determine the number of days.
377
- * @param month - The month (0-based index) for which you want to determine the number of days.
378
- * @returns The number of days in the specified month of the given year.
379
- */
380
- private daysInMonth;
381
- /**
382
- * Calculate the structure of days in a month for the calendar display.
383
- * This method generates a matrix of day data objects representing the days in the calendar.
384
- * Each day data object contains the date and whether it belongs to the current month.
385
- * @returns A matrix of day data objects for the calendar display.
386
- */
387
- private calculateFirstDayOfCalendar;
388
- /**
389
- * Check if a given date is the currently selected date in the calendar.
390
- * @param date - The date to check.
391
- * @returns `true` if the provided date matches the selected date, otherwise `false`.
392
- * ```
393
- * // Check if a date is selected
394
- * const isSelected = this.isDateSelected(someDate);
395
- * ```
396
- */
397
- private isDateSelected;
398
- /**
399
- * Check if a date string is valid based on the specified date format.
400
- * It also checks whether the specified number, month is correct and whether the specified one exists among calendar years
401
- * @param inputDate - The date string to validate.
402
- * @returns `true` if the input date string is valid, otherwise `false`.
403
- * ```
404
- * // Check if a date string is valid
405
- * const isValidDate = this.isDateValid('05/25/2023');
406
- * ```
407
- */
408
- private isDateValid;
409
- /**
410
- * Check if a given date is today's date.
411
- * @param date - The date to check.
412
- * @returns `true` if the provided date is today's date, otherwise `false`.
413
- * ```
414
- * // Check if a date is today's date
415
- * const isToday = this.isDateToday(someDate);
416
- * ```
417
- */
418
- private isDateToday;
419
- static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
420
- static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "mefdev-datepicker", never, { "labelContentText": { "alias": "labelContentText"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "yearsRange": { "alias": "range"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "topOffset": { "alias": "topOffset"; "required": false; }; "leftOffset": { "alias": "leftOffset"; "required": false; }; }, { "dateChanged": "dateChanged"; }, never, never, false, never>;
421
- }
@@ -1,10 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./datepicker/datepicker.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "@angular/forms";
5
- import * as i4 from "../../../pg-components/select/select.module";
6
- export declare class MefDevDatepickerModule {
7
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevDatepickerModule, never>;
8
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevDatepickerModule, [typeof i1.DatepickerComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i2.DatePipe, typeof i4.MefDevSelectModule], [typeof i1.DatepickerComponent]>;
9
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevDatepickerModule>;
10
- }
@@ -1,2 +0,0 @@
1
- export * from './datepicker/datepicker.component';
2
- export * from './datepicker.module';
@@ -1,42 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { FilteredFieldService } from '../filtered-field.service';
3
- import { FiltredItemModel } from '../filtred-item.model';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * A container component for filtered fields.
7
- *
8
- * Example of usage:
9
- * ```
10
- * <mefdev-filtered-field-container>
11
- *
12
- * <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
13
- * </mefdev-filtered-field-item>
14
- *
15
- * </mefdev-filtered-field-container>
16
- * ```
17
- * Example of usage:
18
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/utils/filtered_field</example-url>
19
- */
20
- export declare class FilteredFieldContainerComponent implements OnInit {
21
- private service;
22
- /**
23
- * An array of filtered item models.
24
- */
25
- items: FiltredItemModel[];
26
- constructor(service: FilteredFieldService);
27
- /**
28
- * Event handler for opening the filter.
29
- *
30
- * @param item The filtered item model.
31
- */
32
- onOpenFilter(item: FiltredItemModel): void;
33
- /**
34
- * Event handler for discarding the filter.
35
- *
36
- * @param item The filtered item model.
37
- */
38
- onDiscard(item: FiltredItemModel): void;
39
- ngOnInit(): void;
40
- static ɵfac: i0.ɵɵFactoryDeclaration<FilteredFieldContainerComponent, never>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<FilteredFieldContainerComponent, "mefdev-filtered-field-container", never, {}, {}, never, never, false, never>;
42
- }
@@ -1,56 +0,0 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
2
- import { FiltredItemModel } from '../filtred-item.model';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Component representing a filtered field item.
6
- *
7
- * Example of usage:
8
- * ```
9
- * <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
10
- * </mefdev-filtered-field-item>
11
- *```
12
- *
13
- */
14
- export declare class FilteredFieldItemComponent implements OnInit {
15
- /**
16
- * The filtered item model.
17
- * ```
18
- * <mefdev-filtered-field-item [item]="filterItem">
19
- * Content goes here...
20
- * </mefdev-filtered-field-item>
21
- * ```
22
- */
23
- item: FiltredItemModel;
24
- /**
25
- * Event emitted when the filter is discarded.
26
- * ```
27
- * <mefdev-filtered-field-item (discard)="onDiscardFilter($event)">
28
- * Content goes here...
29
- * </mefdev-filtered-field-item>
30
- * ```
31
- */
32
- discard: EventEmitter<FiltredItemModel>;
33
- /**
34
- * Event emitted when the filter is opened.
35
- * ```
36
- * <mefdev-filtered-field-item (openFilter)="onOpenFilter()">
37
- * Content goes here...
38
- * </mefdev-filtered-field-item>
39
- * ```
40
- */
41
- openFilter: EventEmitter<any>;
42
- constructor();
43
- ngOnInit(): void;
44
- /**
45
- * Event handler for opening the filter.
46
- * Emits the `openFilter` event.
47
- */
48
- onOpenFilter(): void;
49
- /**
50
- * Event handler for discarding the filter.
51
- * Emits the `discard` event with the `item` as the payload.
52
- */
53
- onDiscard(): void;
54
- static ɵfac: i0.ɵɵFactoryDeclaration<FilteredFieldItemComponent, never>;
55
- static ɵcmp: i0.ɵɵComponentDeclaration<FilteredFieldItemComponent, "mefdev-filtered-field-item", never, { "item": { "alias": "item"; "required": false; }; }, { "discard": "discard"; "openFilter": "openFilter"; }, never, never, false, never>;
56
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./filtered-field-container/filtered-field-container.component";
3
- import * as i2 from "./filtered-field-item/filtered-field-item.component";
4
- import * as i3 from "@angular/common";
5
- export declare class MefDevFilteredFieldModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevFilteredFieldModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevFilteredFieldModule, [typeof i1.FilteredFieldContainerComponent, typeof i2.FilteredFieldItemComponent], [typeof i3.CommonModule], [typeof i2.FilteredFieldItemComponent, typeof i1.FilteredFieldContainerComponent]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevFilteredFieldModule>;
9
- }
@@ -1,28 +0,0 @@
1
- import { Observable } from 'rxjs';
2
- import { FiltredItemModel } from './filtred-item.model';
3
- import * as i0 from "@angular/core";
4
- export declare class FilteredFieldService {
5
- private newFilterItem;
6
- private openFilter;
7
- constructor();
8
- /**
9
- * Returns an observable that emits the open filter events.
10
- */
11
- getOpenFilter(): Observable<FiltredItemModel>;
12
- /**
13
- * Sends an open filter event with the specified item.
14
- * @param item The filtered item model.
15
- */
16
- sendOpenFilter(item: FiltredItemModel): void;
17
- /**
18
- * Returns an observable that emits the new filter item events.
19
- */
20
- getNewFilterItem(): Observable<FiltredItemModel>;
21
- /**
22
- * Sends a new filter item event with the specified item.
23
- * @param item The filtered item model.
24
- */
25
- sendNewFilterItem(item: FiltredItemModel): void;
26
- static ɵfac: i0.ɵɵFactoryDeclaration<FilteredFieldService, never>;
27
- static ɵprov: i0.ɵɵInjectableDeclaration<FilteredFieldService>;
28
- }
@@ -1,7 +0,0 @@
1
- export declare class FiltredItemModel {
2
- constructor(id: string, newValue: string, standartValue: string, discard: (standartValue: string) => any);
3
- id: string;
4
- newValue: string;
5
- standartValue: string;
6
- discard: (standartValue: string) => any;
7
- }
@@ -1,5 +0,0 @@
1
- export * from './filtered-field-container/filtered-field-container.component';
2
- export * from './filtered-field-item/filtered-field-item.component';
3
- export * from './filtered-field.module';
4
- export * from './filtered-field.service';
5
- export * from './filtred-item.model';
@@ -1,37 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * A component representing a help block with smooth expand animation.
5
- *
6
- * Example of usage:
7
- *```
8
- * <mefdev-help-block [title]="'Help'">
9
- * Content goes here...
10
- * <ng-content></ng-content>
11
- * </mefdev-help-block>
12
- *```
13
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/utils/help_block</example-url>
14
- */
15
- export declare class HelpBlockComponent implements OnInit {
16
- /**
17
- * Indicates whether the help block is visible.
18
- */
19
- isVisible: boolean;
20
- /**
21
- * Indicates whether the help block is expanded.
22
- */
23
- expanded: boolean;
24
- /**
25
- * The title of the help block.
26
- *```
27
- * <mefdev-help-block [title]="'Help Block'">
28
- * Content goes here...
29
- * </mefdev-help-block>
30
- *```
31
- */
32
- title: string;
33
- constructor();
34
- ngOnInit(): void;
35
- static ɵfac: i0.ɵɵFactoryDeclaration<HelpBlockComponent, never>;
36
- static ɵcmp: i0.ɵɵComponentDeclaration<HelpBlockComponent, "mefdev-help-block", never, { "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], false, never>;
37
- }
@@ -1,9 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./help-block.component";
3
- import * as i2 from "@angular/common";
4
- import * as i3 from "../../collapse/collapse.module";
5
- export declare class MefDevHelpBlockModule {
6
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevHelpBlockModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevHelpBlockModule, [typeof i1.HelpBlockComponent], [typeof i2.CommonModule, typeof i3.MefDevCollapseModule], [typeof i1.HelpBlockComponent]>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevHelpBlockModule>;
9
- }
@@ -1,2 +0,0 @@
1
- export * from './help-block.component';
2
- export * from './hepl-block.module';