@natec/mef-dev-ui-kit 14.0.0 → 16.0.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 (132) hide show
  1. package/esm2022/lib/markup-kit/card/card/card.component.mjs +116 -0
  2. package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +169 -0
  3. package/esm2022/lib/markup-kit/card/card-simple/card-simple.component.mjs +50 -0
  4. package/{esm2020 → esm2022}/lib/markup-kit/card/card.module.mjs +11 -11
  5. package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs +149 -0
  6. package/esm2022/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs +102 -0
  7. package/{esm2020 → esm2022}/lib/markup-kit/collapse/collapse.module.mjs +5 -5
  8. package/esm2022/lib/markup-kit/modals/fill/fill.component.mjs +117 -0
  9. package/{esm2020 → esm2022}/lib/markup-kit/modals/markup-kit.module.mjs +15 -15
  10. package/esm2022/lib/markup-kit/modals/right-filter/right-filter.component.mjs +44 -0
  11. package/esm2022/lib/markup-kit/modals/slide-right/slide-right.component.mjs +113 -0
  12. package/esm2022/lib/markup-kit/modals/slide-up/slide-up.component.mjs +113 -0
  13. package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +51 -0
  14. package/esm2022/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +27 -0
  15. package/esm2022/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +73 -0
  16. package/{esm2020 → esm2022}/lib/markup-kit/page-layouts/page-layouts.module.mjs +13 -13
  17. package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs +137 -0
  18. package/esm2022/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +42 -0
  19. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +72 -0
  20. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs +71 -0
  21. package/{esm2020 → esm2022}/lib/markup-kit/utils/filtered-field/filtered-field.module.mjs +7 -7
  22. package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs +43 -0
  23. package/esm2022/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs +13 -0
  24. package/esm2022/lib/markup-kit/utils/help-block/help-block.component.mjs +72 -0
  25. package/{esm2020 → esm2022}/lib/markup-kit/utils/help-block/hepl-block.module.mjs +7 -7
  26. package/esm2022/lib/pg-components/card/card.components.mjs +439 -0
  27. package/{esm2020 → esm2022}/lib/pg-components/card/card.module.mjs +5 -5
  28. package/esm2022/lib/pg-components/progress/progress.component.mjs +80 -0
  29. package/esm2022/lib/pg-components/progress/progress.config.mjs +12 -0
  30. package/{esm2020 → esm2022}/lib/pg-components/progress/progress.module.mjs +5 -5
  31. package/esm2022/lib/pg-components/select/option.component.mjs +93 -0
  32. package/{esm2020 → esm2022}/lib/pg-components/select/option.pipe.mjs +4 -4
  33. package/esm2022/lib/pg-components/select/select.component.mjs +782 -0
  34. package/{esm2020 → esm2022}/lib/pg-components/select/select.module.mjs +5 -5
  35. package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.mjs +36 -0
  36. package/{esm2020 → esm2022}/lib/pg-components/spec-flow-test/spec-flow-test.module.mjs +5 -5
  37. package/esm2022/lib/pg-components/switch/switch.component.mjs +293 -0
  38. package/{esm2020 → esm2022}/lib/pg-components/switch/switch.module.mjs +5 -5
  39. package/esm2022/lib/pg-components/tabs/tab-body.component.mjs +21 -0
  40. package/esm2022/lib/pg-components/tabs/tab-label.directive.mjs +45 -0
  41. package/esm2022/lib/pg-components/tabs/tab.component.mjs +102 -0
  42. package/esm2022/lib/pg-components/tabs/tabs-ink-bar.directive.mjs +81 -0
  43. package/esm2022/lib/pg-components/tabs/tabs-nav.component.mjs +298 -0
  44. package/{esm2020 → esm2022}/lib/pg-components/tabs/tabs.module.mjs +5 -5
  45. package/esm2022/lib/pg-components/tabs/tabset.component.mjs +257 -0
  46. package/fesm2022/natec-mef-dev-ui-kit.mjs +4340 -0
  47. package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -0
  48. package/lib/markup-kit/card/card/card.component.d.ts +69 -35
  49. package/lib/markup-kit/card/card-long/card-long.component.d.ts +114 -4
  50. package/lib/markup-kit/card/card-simple/card-simple.component.d.ts +24 -1
  51. package/lib/markup-kit/collapse/collapse/collapse.component.d.ts +52 -2
  52. package/lib/markup-kit/collapse/collapse-set/collapse-set.component.d.ts +51 -1
  53. package/lib/markup-kit/modals/fill/fill.component.d.ts +59 -35
  54. package/lib/markup-kit/modals/right-filter/right-filter.component.d.ts +14 -1
  55. package/lib/markup-kit/modals/slide-right/slide-right.component.d.ts +53 -1
  56. package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts +56 -4
  57. package/lib/markup-kit/page-layouts/central-page/central-page.component.d.ts +23 -1
  58. package/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.d.ts +14 -1
  59. package/lib/markup-kit/page-layouts/manage-page/manage-page.component.d.ts +47 -4
  60. package/lib/markup-kit/page-layouts/profile/profile.component.d.ts +78 -2
  61. package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts +23 -4
  62. package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts +28 -4
  63. package/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.d.ts +43 -1
  64. package/lib/markup-kit/utils/filtered-field/filtered-field.service.d.ts +14 -0
  65. package/lib/markup-kit/utils/help-block/help-block.component.d.ts +26 -4
  66. package/lib/pg-components/card/card.components.d.ts +182 -1
  67. package/lib/pg-components/progress/progress.component.d.ts +36 -1
  68. package/lib/pg-components/select/option.component.d.ts +31 -1
  69. package/lib/pg-components/select/select.component.d.ts +1 -1
  70. package/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.d.ts +1 -1
  71. package/lib/pg-components/switch/switch.component.d.ts +151 -2
  72. package/lib/pg-components/tabs/tab-body.component.d.ts +7 -1
  73. package/lib/pg-components/tabs/tab-label.directive.d.ts +1 -1
  74. package/lib/pg-components/tabs/tab.component.d.ts +46 -1
  75. package/lib/pg-components/tabs/tabs-ink-bar.directive.d.ts +2 -2
  76. package/lib/pg-components/tabs/tabs-nav.component.d.ts +3 -3
  77. package/lib/pg-components/tabs/tabset.component.d.ts +70 -4
  78. package/package.json +10 -21
  79. package/esm2020/lib/markup-kit/card/card/card.component.mjs +0 -40
  80. package/esm2020/lib/markup-kit/card/card-long/card-long.component.mjs +0 -50
  81. package/esm2020/lib/markup-kit/card/card-simple/card-simple.component.mjs +0 -27
  82. package/esm2020/lib/markup-kit/collapse/collapse/collapse.component.mjs +0 -95
  83. package/esm2020/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs +0 -54
  84. package/esm2020/lib/markup-kit/modals/fill/fill.component.mjs +0 -91
  85. package/esm2020/lib/markup-kit/modals/right-filter/right-filter.component.mjs +0 -28
  86. package/esm2020/lib/markup-kit/modals/slide-right/slide-right.component.mjs +0 -59
  87. package/esm2020/lib/markup-kit/modals/slide-up/slide-up.component.mjs +0 -59
  88. package/esm2020/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +0 -29
  89. package/esm2020/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +0 -14
  90. package/esm2020/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +0 -29
  91. package/esm2020/lib/markup-kit/page-layouts/profile/profile.component.mjs +0 -53
  92. package/esm2020/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +0 -22
  93. package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +0 -47
  94. package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs +0 -29
  95. package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs +0 -30
  96. package/esm2020/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs +0 -9
  97. package/esm2020/lib/markup-kit/utils/help-block/help-block.component.mjs +0 -51
  98. package/esm2020/lib/pg-components/card/card.components.mjs +0 -252
  99. package/esm2020/lib/pg-components/progress/progress.component.mjs +0 -39
  100. package/esm2020/lib/pg-components/progress/progress.config.mjs +0 -14
  101. package/esm2020/lib/pg-components/select/option.component.mjs +0 -59
  102. package/esm2020/lib/pg-components/select/select.component.mjs +0 -766
  103. package/esm2020/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.mjs +0 -24
  104. package/esm2020/lib/pg-components/switch/switch.component.mjs +0 -114
  105. package/esm2020/lib/pg-components/tabs/tab-body.component.mjs +0 -14
  106. package/esm2020/lib/pg-components/tabs/tab-label.directive.mjs +0 -44
  107. package/esm2020/lib/pg-components/tabs/tab.component.mjs +0 -53
  108. package/esm2020/lib/pg-components/tabs/tabs-ink-bar.directive.mjs +0 -78
  109. package/esm2020/lib/pg-components/tabs/tabs-nav.component.mjs +0 -287
  110. package/esm2020/lib/pg-components/tabs/tabset.component.mjs +0 -179
  111. package/fesm2015/natec-mef-dev-ui-kit.mjs +0 -2973
  112. package/fesm2015/natec-mef-dev-ui-kit.mjs.map +0 -1
  113. package/fesm2020/natec-mef-dev-ui-kit.mjs +0 -2966
  114. package/fesm2020/natec-mef-dev-ui-kit.mjs.map +0 -1
  115. /package/{esm2020 → esm2022}/lib/markup-kit/card/card-long/cart-type-colors.enum.mjs +0 -0
  116. /package/{esm2020 → esm2022}/lib/markup-kit/card/index.mjs +0 -0
  117. /package/{esm2020 → esm2022}/lib/markup-kit/collapse/index.mjs +0 -0
  118. /package/{esm2020 → esm2022}/lib/markup-kit/modals/index.mjs +0 -0
  119. /package/{esm2020 → esm2022}/lib/markup-kit/modals/modal-size.enum.mjs +0 -0
  120. /package/{esm2020 → esm2022}/lib/markup-kit/page-layouts/index.mjs +0 -0
  121. /package/{esm2020 → esm2022}/lib/markup-kit/utils/filtered-field/index.mjs +0 -0
  122. /package/{esm2020 → esm2022}/lib/markup-kit/utils/help-block/index.mjs +0 -0
  123. /package/{esm2020 → esm2022}/lib/pg-components/card/index.mjs +0 -0
  124. /package/{esm2020 → esm2022}/lib/pg-components/progress/index.mjs +0 -0
  125. /package/{esm2020 → esm2022}/lib/pg-components/select/index.mjs +0 -0
  126. /package/{esm2020 → esm2022}/lib/pg-components/spec-flow-test/index.mjs +0 -0
  127. /package/{esm2020 → esm2022}/lib/pg-components/switch/index.mjs +0 -0
  128. /package/{esm2020 → esm2022}/lib/pg-components/tabs/index.mjs +0 -0
  129. /package/{esm2020 → esm2022}/lib/pg-components/util/convert.mjs +0 -0
  130. /package/{esm2020 → esm2022}/lib/pg-components/util/request-animation.mjs +0 -0
  131. /package/{esm2020 → esm2022}/natec-mef-dev-ui-kit.mjs +0 -0
  132. /package/{esm2020 → esm2022}/public-api.mjs +0 -0
@@ -2,55 +2,89 @@ import { OnInit, TemplateRef } from '@angular/core';
2
2
  import { Router } from '@angular/router';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
+ * Component for displaying a card with a title, image, and description.
6
+ *
5
7
  * Example of usage:
8
+ *
9
+ * ```
10
+ * <mefdev-card>
11
+ * <ng-template #card_title>
12
+ * <!-- Content for the card title -->
13
+ * </ng-template>
14
+ * <ng-template #card_footer>
15
+ * <!-- Content for the card footer -->
16
+ * </ng-template>
17
+ * </mefdev-card>
18
+ * ```
19
+ *
6
20
  * <example-url>https://mef.dev/ui_kit_demo/view/card</example-url>
7
21
  */
8
22
  export declare class CardComponent implements OnInit {
9
23
  private router;
24
+ /**
25
+ * The template reference to the content of the card title.
26
+ *
27
+ * @usageNotes
28
+ * ```
29
+ * <mefdev-card>
30
+ * <ng-template #card_title>
31
+ * <!-- Content for the card title -->
32
+ * </ng-template>
33
+ * </mefdev-card>
34
+ * ```
35
+ */
10
36
  card_title: TemplateRef<void>;
37
+ /**
38
+ * The template reference to the content of the card footer.
39
+ * @usageNotes
40
+ * ```
41
+ * <mefdev-card>
42
+ * <ng-template #card_footer>
43
+ * <!-- Content for the card footer -->
44
+ * </ng-template>
45
+ * </mefdev-card>
46
+ * ```
47
+ */
11
48
  card_footer: TemplateRef<void>;
49
+ /**
50
+ * The type of the card.
51
+ * @usageNotes
52
+ * ```
53
+ * <mefdev-card [card_type] = "'type'"></mefdev-card>
54
+ * ```
55
+ */
12
56
  card_type: string;
57
+ /**
58
+ * The path to the image.
59
+ * @usageNotes
60
+ * ```
61
+ * <mefdev-card [img] = "'img/path/img.png'"></mefdev-card>
62
+ * ```
63
+ */
13
64
  img: string;
14
65
  /**
15
- * Summary. (use period)
16
- *
17
- * Description. (use period)
18
- *
19
- * @since x.x.x
20
- * @deprecated x.x.x Use new_function_name() instead.
21
- * @access private
22
- *
23
- * @class
24
- * @augments parent
25
- * @mixes mixin
26
- *
27
- * @alias realName
28
- * @memberof namespace
29
- *
30
- * @see Function/class relied on
31
- * @link URL
32
- * @global
33
- *
34
- * @fires eventName
35
- * @fires className#eventName
36
- * @listens event:eventName
37
- * @listens className~event:eventName
38
- *
39
- * @param {type} var Description.
40
- * @param {type} [var] Description of optional variable.
41
- * @param {type} [var=default] Description of optional variable with default variable.
42
- * @param {Object} objectVar Description.
43
- * @param {type} objectVar.key Description of a key in the objectVar parameter.
44
- *
45
- * @yield {type} Yielded value description.
46
- *
47
- * @return {type} Return value description.
48
- */
66
+ * The path, where user goes after click at the image.
67
+ * @usageNotes
68
+ * ```
69
+ * <mefdev-card [imgUrl] = "'Img.url'"></mefdev-card>
70
+ * ```
71
+ */
49
72
  imgUrl: string;
73
+ /**
74
+ * The description of the card.
75
+ * @usageNotes
76
+ * ```
77
+ * <mefdev-card [description] = "'description'"></mefdev-card>
78
+ * ```
79
+ */
50
80
  description: string;
51
81
  constructor(router: Router);
52
82
  ngOnInit(): void;
83
+ /**
84
+ * Event handler for image click.
85
+ * Navigates to the specified URL.
86
+ */
53
87
  imgClick(): void;
54
88
  static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
55
- static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "mefdev-card", never, { "card_type": "card_type"; "img": "img"; "imgUrl": "imgUrl"; "description": "description"; }, {}, ["card_title", "card_footer"], never, false>;
89
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "mefdev-card", never, { "card_type": { "alias": "card_type"; "required": false; }; "img": { "alias": "img"; "required": false; }; "imgUrl": { "alias": "imgUrl"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, ["card_title", "card_footer"], never, false, never, false>;
56
90
  }
@@ -3,23 +3,133 @@ import { Router } from '@angular/router';
3
3
  import { CartTypeColors } from './cart-type-colors.enum';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
6
- * Example of usage:
7
- * <example-url>https://mef.dev/ui_kit_demo/view/card/card-long</example-url>
8
- */
6
+ * Component for displaying a long card with a title, parameters, and description.
7
+ *
8
+ * Example of usage:
9
+ *
10
+ * ```
11
+ * <medev-card-long
12
+ * [type_text]="'Type Text'"
13
+ * [type_color]="CartTypeColors.RED"
14
+ * [img]="'path/to/image.jpg'"
15
+ * [imgUrl]="'path/to/image'"
16
+ * [description]="'Card description'">
17
+ *
18
+ * <ng-template #title>
19
+ * <!-- Content for the card title -->
20
+ * </ng-template>
21
+
22
+ * <ng-template #params>
23
+ * <!-- Content for the card parameters -->
24
+ * </ng-template>
25
+
26
+ * <ng-template #second_col>
27
+ * <!-- Content for the second column -->
28
+ * </ng-template>
29
+
30
+ * <ng-template #third_col>
31
+ * <!-- Content for the third column -->
32
+ * </ng-template>
33
+ * </medev-card-long>
34
+ * ```
35
+ *
36
+ * <example-url>https://mef.dev/ui_kit_demo/view/card/card-long</example-url>
37
+ */
9
38
  export declare class CardLongComponent implements OnInit {
10
39
  private router;
40
+ /**
41
+ * Template for displaying the title of the card.
42
+ * ```
43
+ * <medev-card-long>
44
+ * <ng-template #title>
45
+ * <!-- Content for the card title -->
46
+ * </ng-template>
47
+ * </medev-card-long>
48
+ * ```
49
+ */
11
50
  title: TemplateRef<void>;
51
+ /**
52
+ * Template for displaying the parameters of the card.
53
+ * ```
54
+ * <medev-card-long>
55
+ * <ng-template #params>
56
+ * <!-- Content for the card params -->
57
+ * </ng-template>
58
+ * </medev-card-long>
59
+ * ```
60
+ */
12
61
  params: TemplateRef<void>;
62
+ /**
63
+ * Template for displaying the content of the second column.
64
+ * ```
65
+ * <medev-card-long>
66
+ * <ng-template #second_col>
67
+ * <!-- Content for the card second column -->
68
+ * </ng-template>
69
+ * </medev-card-long>
70
+ * ```
71
+ */
13
72
  second_col: TemplateRef<void>;
73
+ /**
74
+ * Template for displaying the content of the third column.
75
+ * ```
76
+ * <medev-card-long>
77
+ * <ng-template #third_col>
78
+ * <!-- Content for the card third column -->
79
+ * </ng-template>
80
+ * </medev-card-long>
81
+ * ```
82
+ */
14
83
  third_col: TemplateRef<void>;
84
+ /**
85
+ * The text for the card type.
86
+ * @usageNotes
87
+ * ```
88
+ * <medev-card-long type_text = "'Type'"></<medev-card-long>
89
+ * ```
90
+ */
15
91
  type_text: string;
92
+ /**
93
+ * The color of the card type.
94
+ * @usageNotes
95
+ * ```
96
+ * <medev-card-long type_color = "'RED'"></<medev-card-long>
97
+ * ```
98
+ * Colors: RED, UNSET, GREEN
99
+
100
+ */
16
101
  type_color: CartTypeColors;
102
+ /**
103
+ * The path to the image.
104
+ * @usageNotes
105
+ * ```
106
+ * <mefdev-card-long [img] = "'img/path/img.png'"></mefdev-card-long>
107
+ * ```
108
+ */
17
109
  img: string;
110
+ /**
111
+ * The path, where user goes after click at the image.
112
+ * @usageNotes
113
+ * ```
114
+ * <mefdev-card-long [imgUrl] = "'Img.url'"></mefdev-card-long>
115
+ * ```
116
+ */
18
117
  imgUrl: string;
118
+ /**
119
+ * The description of the card.
120
+ * @usageNotes
121
+ * ```
122
+ * <mefdev-card-long [description] = "'description'"></mefdev-card-long>
123
+ * ```
124
+ */
19
125
  description: string;
20
126
  constructor(router: Router);
21
127
  ngOnInit(): void;
128
+ /**
129
+ * Event handler for image click.
130
+ * Navigates to the specified URL.
131
+ */
22
132
  imgClick(): void;
23
133
  static ɵfac: i0.ɵɵFactoryDeclaration<CardLongComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<CardLongComponent, "medev-card-long", never, { "type_text": "type_text"; "type_color": "type_color"; "img": "img"; "imgUrl": "imgUrl"; "description": "description"; }, {}, ["title", "params", "second_col", "third_col"], never, false>;
134
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardLongComponent, "medev-card-long", never, { "type_text": { "alias": "type_text"; "required": false; }; "type_color": { "alias": "type_color"; "required": false; }; "img": { "alias": "img"; "required": false; }; "imgUrl": { "alias": "imgUrl"; "required": false; }; "description": { "alias": "description"; "required": false; }; }, {}, ["title", "params", "second_col", "third_col"], never, false, never, false>;
25
135
  }
@@ -1,14 +1,37 @@
1
1
  import { OnInit, TemplateRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  /**
4
+ * Component for displaying a simple card with a title.
5
+ *
4
6
  * Example of usage:
7
+ *```
8
+ * <medev-card-simple [disabled]="true">
9
+ * <ng-template #card_title>
10
+ * <!-- Content for the card title -->
11
+ * </ng-template>
12
+ * </medev-card-simple>
13
+ *```
14
+ *
5
15
  * <example-url>https://mef.dev/ui_kit_demo/view/card/card-simple</example-url>
6
16
  */
7
17
  export declare class CardSimpleComponent implements OnInit {
18
+ /**
19
+ * Determines whether the card is disabled or not.
20
+ */
8
21
  isDisabled: boolean;
22
+ /**
23
+ * Template for displaying the title of the card.
24
+ *```
25
+ * <medev-card-simple>
26
+ * <ng-template #card_title>
27
+ * <h3>Card Title</h3>
28
+ * </ng-template>
29
+ * </medev-card-simple>
30
+ *```
31
+ */
9
32
  card_title: TemplateRef<void>;
10
33
  constructor();
11
34
  ngOnInit(): void;
12
35
  static ɵfac: i0.ɵɵFactoryDeclaration<CardSimpleComponent, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<CardSimpleComponent, "medev-card-simple", never, { "isDisabled": "disabled"; }, {}, ["card_title"], ["*"], false>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<CardSimpleComponent, "medev-card-simple", never, { "isDisabled": { "alias": "disabled"; "required": false; }; }, {}, ["card_title"], ["*"], false, never, false>;
14
37
  }
@@ -2,8 +2,26 @@ import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
2
2
  import { CollapseSetComponent } from '../collapse-set/collapse-set.component';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
+ * Component for displaying a collapsible content.
6
+ *
7
+ *
5
8
  * Example of usage:
6
- * <example-url>https://mef.dev/ui_kit_demo/view/collapse/collapse</example-url>
9
+ *```
10
+ * <mefdev-collapse [Disabled]="false" [Active]="true" (stateChange)="onStateChange($event)">
11
+ * <ng-template #CardTitle>
12
+ * <!-- Content for the card title -->
13
+ * <h3>Card Title</h3>
14
+ * </ng-template>
15
+ *
16
+ * <!-- Content for the collapsible section -->
17
+ * <div>
18
+ Content inside collapse
19
+ * </div>
20
+ * </mefdev-collapse>
21
+ *
22
+ *```
23
+ * <example-url>https://mef.dev/ui_kit_demo/view/collapse/collapse</example-url>
24
+
7
25
  */
8
26
  export declare class CollapseComponent {
9
27
  private _collapseSet;
@@ -11,14 +29,46 @@ export declare class CollapseComponent {
11
29
  private _disabled;
12
30
  _active: boolean;
13
31
  _el: any;
32
+ /**
33
+ * ContentChild for the template of the card title.
34
+ *
35
+ * Example:
36
+ * ```
37
+ * <ng-template #CardTitle>
38
+ * <h3>Card Title</h3>
39
+ * </ng-template>
40
+ * ```
41
+ */
14
42
  CardTitle: TemplateRef<void>;
43
+ /**
44
+ * Indicates whether the collapse is disabled.
45
+ * Set this to `true` to disable the collapse. Defaults to `false`.
46
+ */
15
47
  set Disabled(value: boolean);
16
48
  get Disabled(): boolean;
49
+ /**
50
+ * Indicates whether the collapse is active or not.
51
+ */
17
52
  set Active(value: boolean);
18
53
  get Active(): boolean;
54
+ /**
55
+ * Event emitter for the state change of the collapse.
56
+ * Emits a boolean value indicating whether the collapse is active or not.
57
+ *
58
+ * Example:
59
+ * ```
60
+ * <mefdev-collapse (stateChange)="onStateChange($event)"></mefdev-collapse>
61
+ * ```
62
+ */
19
63
  stateChange: EventEmitter<boolean>;
64
+ /**
65
+ * Event handler for the header click event.
66
+ * Toggles the active state of the collapse and emits the state change event.
67
+ *
68
+ * @param $event The mouse event object.
69
+ */
20
70
  clickHeader($event: MouseEvent): void;
21
71
  constructor(_collapseSet: CollapseSetComponent, _elementRef: ElementRef);
22
72
  static ɵfac: i0.ɵɵFactoryDeclaration<CollapseComponent, [{ host: true; }, null]>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "mefdev-collapse", never, { "Disabled": "Disabled"; "Active": "Active"; }, { "stateChange": "stateChange"; }, ["CardTitle"], ["*"], false>;
73
+ static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "mefdev-collapse", never, { "Disabled": { "alias": "Disabled"; "required": false; }; "Active": { "alias": "Active"; "required": false; }; }, { "stateChange": "stateChange"; }, ["CardTitle"], ["*"], false, never, false>;
24
74
  }
@@ -1,18 +1,68 @@
1
1
  import { CollapseComponent } from '../collapse/collapse.component';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * Component representing a set of collapsible panels.
5
+ *
6
+ * Example of usage:
7
+ *
8
+ *```
9
+ * <mefdev-collapse-set [Accordion]="true" [Horizontal]="true" [expandAny]="false">
10
+ * <mefdev-collapse [Disabled]="false" [Active]="true">
11
+ * <!-- Content for the collapse panel -->
12
+ * <h3>Panel 1</h3>
13
+ * <p>Panel 1 content...</p>
14
+ * </mefdev-collapse>
15
+
16
+ * <mefdev-collapse [Disabled]="false" [Active]="false">
17
+ * <!-- Content for the collapse panel -->
18
+ * <h3>Panel 2</h3>
19
+ * <p>Panel 2 content...</p>
20
+ * </mefdev-collapse>
21
+
22
+ * <mefdev-collapse [Disabled]="false" [Active]="false">
23
+ * <!-- Content for the collapse panel -->
24
+ * <h3>Panel 3</h3>
25
+ * <p>Panel 3 content...</p>
26
+ * </mefdev-collapse>
27
+ * </mefdev-collapse-set>
28
+ *```
29
+ */
3
30
  export declare class CollapseSetComponent {
4
31
  private _accordion;
5
32
  private _horizontal;
6
33
  private _expandAny;
7
34
  panels: CollapseComponent[];
35
+ /**
36
+ * Indicates whether multiple panels can be expanded simultaneously.
37
+ * Set this to `true` to allow multiple panels to be expanded. Defaults to `false`.
38
+ */
8
39
  set expandAny(value: boolean);
9
40
  get expandAny(): boolean;
41
+ /**
42
+ * Indicates whether the collapse set operates as an accordion.
43
+ * Set this to `true` to enable accordion behavior. Defaults to `false`.
44
+ */
10
45
  set Accordion(value: boolean);
11
46
  get Accordion(): boolean;
47
+ /**
48
+ * Indicates whether the collapse set is displayed horizontally or vertically.
49
+ * Set this to `true` for horizontal display and `false` for vertical display. Defaults to `true`.
50
+ */
12
51
  set Horizontal(value: boolean);
13
52
  get Horizontal(): boolean;
53
+ /**
54
+ * Event handler for the click event on a collapse panel.
55
+ * Closes other panels if the collapse set is an accordion and does not allow multiple expansions.
56
+ *
57
+ * @param collapse The clicked collapse component.
58
+ */
14
59
  pgClick(collapse: CollapseComponent): void;
60
+ /**
61
+ * Adds a collapse panel to the collapse set.
62
+ *
63
+ * @param collapse The collapse component to be added.
64
+ */
15
65
  addTab(collapse: CollapseComponent): void;
16
66
  static ɵfac: i0.ɵɵFactoryDeclaration<CollapseSetComponent, never>;
17
- static ɵcmp: i0.ɵɵComponentDeclaration<CollapseSetComponent, "mefdev-collapse-set", never, { "expandAny": "expandAny"; "Accordion": "Accordion"; "Horizontal": "Horizontal"; }, {}, never, ["*"], false>;
67
+ static ɵcmp: i0.ɵɵComponentDeclaration<CollapseSetComponent, "mefdev-collapse-set", never, { "expandAny": { "alias": "expandAny"; "required": false; }; "Accordion": { "alias": "Accordion"; "required": false; }; "Horizontal": { "alias": "Horizontal"; "required": false; }; }, {}, never, ["*"], false, never, false>;
18
68
  }
@@ -2,55 +2,79 @@ import { EventEmitter, OnInit, TemplateRef } from '@angular/core';
2
2
  import { ModalDirective } from 'ngx-bootstrap/modal';
3
3
  import * as i0 from "@angular/core";
4
4
  /**
5
+ * Fill Component for a modal window.
6
+ *
5
7
  * Example of usage:
8
+ * ```
9
+ * <mefdev-fill-modal #pin_modal>
10
+ * <!-- Modal header content -->
11
+ * <ng-template #modal_header>
12
+ * <!-- Header content goes here -->
13
+ * </ng-template>
14
+ *
15
+ * <!-- Modal footer content -->
16
+ * <ng-template #modal_footer>
17
+ * <!-- Footer content goes here -->
18
+ * </ng-template>
19
+ * </mefdev-fill-modal>
20
+ * ```
21
+ *
6
22
  * <example-url>https://mef.dev/ui_kit_demo/view/modals/fill</example-url>
7
23
  */
8
24
  export declare class FillComponent implements OnInit {
25
+ /**
26
+ * The header template of the modal window.
27
+ * ```
28
+ * <mefdev-fill-modal #pin_modal>
29
+ * <ng-template #modal_header>
30
+ * <!-- Header content goes here -->
31
+ * </ng-template>
32
+ * </mefdev-fill-modal>
33
+ * ```
34
+ */
9
35
  modal_header: TemplateRef<void>;
36
+ /**
37
+ * The footer template of the modal window.
38
+ * ```
39
+ * <mefdev-fill-modal #pin_modal>
40
+ * <ng-template #modal_footer>
41
+ * <!-- Footer content goes here -->
42
+ * </ng-template>
43
+ * </mefdev-fill-modal>
44
+ * ```
45
+ */
10
46
  modal_footer: TemplateRef<void>;
47
+ /**
48
+ * Reference to the ModalDirective element from ngx-bootstrap.
49
+ */
11
50
  fadInModal?: ModalDirective;
51
+ /**
52
+ * Input parameter that determines whether to show the modal window.
53
+ */
12
54
  set show(val: boolean);
55
+ /**
56
+ * Event emitter triggered when the modal window is closed.
57
+ * Emits a boolean value indicating whether the modal window is closed.
58
+ * Example:
59
+ * ```
60
+ * <mefdev-fill-modal (isClouse)="onModalClosed($event)"></mefdev-fill-modal>
61
+ * ```
62
+ */
13
63
  isClouse: EventEmitter<boolean>;
14
64
  constructor();
15
65
  ngOnInit(): void;
16
- modalIsCloused(): void;
17
66
  /**
18
- * Summary. (use period)
19
- *
20
- * Description. (use period)
21
- *
22
- * @since x.x.x
23
- * @deprecated x.x.x Use new_function_name() instead.
24
- * @access private
25
- *
26
- * @class
27
- * @augments parent
28
- * @mixes mixin
29
- *
30
- * @alias realName
31
- * @memberof namespace
32
- *
33
- * @see Function/class relied on
34
- * @link URL
35
- * @global
36
- *
37
- * @fires eventName
38
- * @fires className#eventName
39
- * @listens event:eventName
40
- * @listens className~event:eventName
41
- *
42
- * @param {type} var Description.
43
- * @param {type} [var] Description of optional variable.
44
- * @param {type} [var=default] Description of optional variable with default variable.
45
- * @param {Object} objectVar Description.
46
- * @param {type} objectVar.key Description of a key in the objectVar parameter.
47
- *
48
- * @yield {type} Yielded value description.
49
- *
50
- * @return {type} Return value description.
67
+ * Event emitter for when the modal is closed.
51
68
  */
69
+ modalIsCloused(): void;
70
+ /**
71
+ * Shows the modal window.
72
+ */
52
73
  showModal(): void;
74
+ /**
75
+ * Hides the modal window.
76
+ */
53
77
  hideModal(): void;
54
78
  static ɵfac: i0.ɵɵFactoryDeclaration<FillComponent, never>;
55
- static ɵcmp: i0.ɵɵComponentDeclaration<FillComponent, "mefdev-fill-modal", never, { "show": "show"; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false>;
79
+ static ɵcmp: i0.ɵɵComponentDeclaration<FillComponent, "mefdev-fill-modal", never, { "show": { "alias": "show"; "required": false; }; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never, false>;
56
80
  }
@@ -1,13 +1,26 @@
1
1
  import { OnInit } from '@angular/core';
2
2
  import { FilteredFieldService } from '../../utils/filtered-field/filtered-field.service';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * Component representing the right filter.
6
+ */
4
7
  export declare class RightFilterComponent implements OnInit {
5
8
  private filteredFieldService;
9
+ /**
10
+ * Flag indicating whether the right filter is open or closed.
11
+ */
6
12
  isOpen: boolean;
7
13
  constructor(filteredFieldService: FilteredFieldService);
8
14
  ngOnInit(): void;
15
+ /**
16
+ * Opens or closes the right filter modal.
17
+ */
9
18
  openModal(): void;
19
+ /**
20
+ * Event handler for when the modal is closed.
21
+ * Sets the isOpen flag to false.
22
+ */
10
23
  modalIsCloused(): void;
11
24
  static ɵfac: i0.ɵɵFactoryDeclaration<RightFilterComponent, never>;
12
- static ɵcmp: i0.ɵɵComponentDeclaration<RightFilterComponent, "mefdev-right-filter", never, {}, {}, never, ["*"], false>;
25
+ static ɵcmp: i0.ɵɵComponentDeclaration<RightFilterComponent, "mefdev-right-filter", never, {}, {}, never, ["*"], false, never, false>;
13
26
  }
@@ -3,21 +3,73 @@ import { ModalDirective } from 'ngx-bootstrap/modal';
3
3
  import { ModalSize } from '../modal-size.enum';
4
4
  import * as i0 from "@angular/core";
5
5
  /**
6
+ * A component representing a slide-right modal window.
7
+ *
6
8
  * Example of usage:
9
+ *
10
+ * ```
11
+ * <mefdev-slide-right-modal [size]="ModalSize.lg" [show]="showModal">
12
+ * <ng-template #modal_header>
13
+ * <h4>Modal Header</h4>
14
+ * </ng-template>
15
+ * <ng-template #modal_footer>
16
+ * <button (click)="closeModal()">Close</button>
17
+ * </ng-template>
18
+ * <div class="modal-body">
19
+ * Content goes here...
20
+ * </div>
21
+ * </mefdev-slide-right-modal>
22
+ * ```
7
23
  * <example-url>https://mef.dev/ui_kit_demo/view/modals/slide-right</example-url>
8
24
  */
9
25
  export declare class SlideRightComponent implements OnInit {
26
+ /**
27
+ * Reference to the template for the modal header.
28
+ * Use this template to customize the header of the modal.
29
+ */
10
30
  modal_header: TemplateRef<void>;
31
+ /**
32
+ * Reference to the template for the modal footer.
33
+ * Use this template to customize the footer of the modal.
34
+ */
11
35
  modal_footer: TemplateRef<void>;
36
+ /**
37
+ * Reference to the modal directive.
38
+ */
12
39
  slideRight: ModalDirective;
40
+ /**
41
+ * Size of the modal.
42
+ * Defaults to `ModalSize.md`.
43
+ * Possible values: `ModalSize.sm`, `ModalSize.md`, `ModalSize.lg`, `ModalSize.xl`.
44
+ */
13
45
  size: ModalSize;
46
+ /**
47
+ * Flag indicating whether the modal should be shown or hidden.
48
+ * Set it to `true` to show the modal and `false` to hide it.
49
+ */
14
50
  set show(val: boolean);
51
+ /**
52
+ * Event emitted when the modal is closed.
53
+ * Emits a boolean value indicating if the modal is closed.
54
+ */
15
55
  isClouse: EventEmitter<boolean>;
16
56
  constructor();
17
57
  ngOnInit(): void;
58
+ /**
59
+ * Event handler for when the modal is closed.
60
+ * Emits the `isClosed` event with a value of `true`.
61
+ */
18
62
  modalIsCloused(): void;
63
+ /**
64
+ * Shows the modal.
65
+ * Call this method to open the modal window.
66
+ */
19
67
  showModal(): void;
68
+ /**
69
+ * Hides the modal.
70
+ * Call this method to close the modal window.
71
+ */
20
72
  hideModal(): void;
21
73
  static ɵfac: i0.ɵɵFactoryDeclaration<SlideRightComponent, never>;
22
- static ɵcmp: i0.ɵɵComponentDeclaration<SlideRightComponent, "mefdev-slide-right-modal", never, { "size": "size"; "show": "show"; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false>;
74
+ static ɵcmp: i0.ɵɵComponentDeclaration<SlideRightComponent, "mefdev-slide-right-modal", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, { "isClouse": "isClouse"; }, ["modal_header", "modal_footer"], ["*"], false, never, false>;
23
75
  }