@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,5 +0,0 @@
1
- export * from './card/card.component';
2
- export * from './card-long/card-long.component';
3
- export * from './card-long/cart-type-colors.enum';
4
- export * from './card-simple/card-simple.component';
5
- export * from './card.module';
@@ -1,74 +0,0 @@
1
- import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
2
- import { CollapseSetComponent } from '../collapse-set/collapse-set.component';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Component for displaying a collapsible content.
6
- *
7
- *
8
- * Example of usage:
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://platform.mef.dev/ui_kit_demo/view/page_components/collapse</example-url>
24
-
25
- */
26
- export declare class CollapseComponent {
27
- private _collapseSet;
28
- private _elementRef;
29
- private _disabled;
30
- _active: boolean;
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
- */
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
- */
47
- set Disabled(value: boolean);
48
- get Disabled(): boolean;
49
- /**
50
- * Indicates whether the collapse is active or not.
51
- */
52
- set Active(value: boolean);
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
- */
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
- */
70
- clickHeader($event: MouseEvent): void;
71
- constructor(_collapseSet: CollapseSetComponent, _elementRef: ElementRef);
72
- static ɵfac: i0.ɵɵFactoryDeclaration<CollapseComponent, [{ host: true; }, null]>;
73
- static ɵcmp: i0.ɵɵComponentDeclaration<CollapseComponent, "mefdev-collapse", never, { "Disabled": { "alias": "Disabled"; "required": false; }; "Active": { "alias": "Active"; "required": false; }; }, { "stateChange": "stateChange"; }, ["CardTitle"], ["*"], false, never>;
74
- }
@@ -1,68 +0,0 @@
1
- import { CollapseComponent } from '../collapse/collapse.component';
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
- */
30
- export declare class CollapseSetComponent {
31
- private _accordion;
32
- private _horizontal;
33
- private _expandAny;
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
- */
39
- set expandAny(value: boolean);
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
- */
45
- set Accordion(value: boolean);
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
- */
51
- set Horizontal(value: boolean);
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
- */
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
- */
65
- addTab(collapse: CollapseComponent): void;
66
- static ɵfac: i0.ɵɵFactoryDeclaration<CollapseSetComponent, never>;
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>;
68
- }
@@ -1,14 +0,0 @@
1
- import { ModuleWithProviders } from '@angular/core';
2
- import { CollapseSetComponent } from './collapse-set/collapse-set.component';
3
- import { CollapseComponent } from './collapse/collapse.component';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "./collapse-set/collapse-set.component";
6
- import * as i2 from "./collapse/collapse.component";
7
- import * as i3 from "@angular/common";
8
- export declare const mefDevCollapseModuleComponents: (typeof CollapseComponent | typeof CollapseSetComponent)[];
9
- export declare class MefDevCollapseModule {
10
- static forRoot(): ModuleWithProviders<MefDevCollapseModule>;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevCollapseModule, never>;
12
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevCollapseModule, [typeof i1.CollapseSetComponent, typeof i2.CollapseComponent], [typeof i3.CommonModule], [typeof i1.CollapseSetComponent, typeof i2.CollapseComponent]>;
13
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevCollapseModule>;
14
- }
@@ -1,3 +0,0 @@
1
- export * from './collapse-set/collapse-set.component';
2
- export * from './collapse/collapse.component';
3
- export * from './collapse.module';
@@ -1,4 +0,0 @@
1
- export * from './stage/stage.component';
2
- export * from './step-executor/step-executor.component';
3
- export * from './mefdev-executor-page/mefdev-executor-page.component';
4
- export * from './step-executor.module';
@@ -1,84 +0,0 @@
1
- import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
2
- import { StepExecutorComponent } from '../step-executor/step-executor.component';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * A component that allows us to create a content page - a step in our executor.
6
- * Each individual step can have different styles, content and settings.
7
- *
8
- * Example of usage:
9
- *
10
- * ```
11
- * <mefdev-executor-page
12
- * [title]="'Executor title 1'"
13
- * [isActive]="mainExecutor.activePageInd === 0"
14
- * [isCompleted]="mainExecutor.activePageInd >= 0"
15
- * class="yourClass">
16
- * <!-- Content of the first executor step -->
17
- * </mefdev-executor-page>
18
- * <mefdev-executor-page
19
- * [title]="'Executor title 2'"
20
- * [isActive]="mainExecutor.activePageInd === 1"
21
- * [isCompleted]="mainExecutor.activePageInd >= 1"
22
- * class="yourClass">
23
- * <!-- Content of the second executor step -->
24
- * </mefdev-executor-page>
25
- * <mefdev-executor-page
26
- * [title]="'Executor title 3'"
27
- * [isActive]="mainExecutor.activePageInd === 2"
28
- * [isCompleted]="mainExecutor.activePageInd >= 2"
29
- * class="yourClass">
30
- * <!-- Content of the third executor step -->
31
- * </mefdev-executor-page>
32
- * ```
33
- *
34
- */
35
- export declare class MefdevExecutorPageComponent implements OnChanges {
36
- private _mainExecutor;
37
- private _elementRef;
38
- /**
39
- * The title of the step
40
- * @usageNotes
41
- * ```
42
- * <mefdev-executor-page [title]="'Description of situation 1'"></mefdev-executor-page>
43
- * ```
44
- */
45
- title: string;
46
- /**
47
- * The input parameter that corresponds to whether the current step matches the respective page.
48
- * The value of the active page is passed by reference from the specific component StepExecutorComponent.
49
- *
50
- * @usageNotes
51
- * ```
52
- * <mefdev-step-executor #mainExecutor>
53
- * <mefdev-executor-page [isActive]="mainExecutor.activePageInd === 0">
54
- * <mefdev-executor-page [isActive]="mainExecutor.activePageInd === 1">
55
- * <mefdev-executor-page [isActive]="mainExecutor.activePageInd === 2">
56
- * </<mefdev-step-executor>
57
- *
58
- * ```
59
- */
60
- isActive: boolean;
61
- /**
62
- * The input parameter that checks whether the step is completed.
63
- *
64
- * @usageNotes
65
- * ```
66
- * <mefdev-executor-page [isCompleted]="mainExecutor.activePageInd >= 0"></mefdev-executor-page>
67
- * ```
68
- */
69
- isCompleted: boolean;
70
- /**
71
- * The output parameter that emits a boolean value indicating whether our completed step has changed.
72
- *
73
- * @usageNotes
74
- * ```
75
- * <mefdev-executor-page (isCompletedChange)="onStepChanged($event)"></mefdev-executor-page>
76
- * ```
77
- */
78
- isCompletedChange: EventEmitter<boolean>;
79
- elRef: ElementRef;
80
- constructor(_mainExecutor: StepExecutorComponent, _elementRef: ElementRef);
81
- ngOnChanges(changes: SimpleChanges): void;
82
- static ɵfac: i0.ɵɵFactoryDeclaration<MefdevExecutorPageComponent, [{ host: true; }, null]>;
83
- static ɵcmp: i0.ɵɵComponentDeclaration<MefdevExecutorPageComponent, "mefdev-executor-page", never, { "title": { "alias": "title"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isCompleted": { "alias": "isCompleted"; "required": false; }; }, { "isCompletedChange": "isCompletedChange"; }, never, ["*"], false, never>;
84
- }
@@ -1,12 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * @ignore
4
- */
5
- export declare class StageComponent {
6
- currentExecutorStep: number;
7
- isRightModal: boolean;
8
- isCompleted: boolean;
9
- title: string;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<StageComponent, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<StageComponent, "mefdev-stage", never, { "currentExecutorStep": { "alias": "currentExecutorStep"; "required": false; }; "isRightModal": { "alias": "isRightModal"; "required": false; }; "isCompleted": { "alias": "isCompleted"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, false, never>;
12
- }
@@ -1,186 +0,0 @@
1
- import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, Renderer2, TemplateRef } from '@angular/core';
2
- import { MefdevExecutorPageComponent } from '../mefdev-executor-page/mefdev-executor-page.component';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Wrapper component that represents a specific encapsulated executor.
6
- *
7
- * Example of usage:
8
- *```
9
- * <mefdev-step-executor #mainExecutor [view]="'regular'">
10
- *
11
- * <ng-template #title>
12
- * <!-- Content for the executor title -->
13
- * </ng-template>
14
- * <ng-template #description>
15
- * <!-- Content for the executor description -->
16
- * </ng-template>
17
- *
18
- * <mefdev-executor-page
19
- * [title]="'Description of situation 1'"
20
- * [isActive]="mainExecutor.activePageInd === 0"
21
- * [isCompleted]="mainExecutor.activePageInd >= 0">
22
- * <!-- Content of the first executor step -->
23
- * </mefdev-executor-page>
24
- * <mefdev-executor-page
25
- * [title]="'Description of situation 2'"
26
- * [isActive]="mainExecutor.activePageInd === 1"
27
- * [isCompleted]="mainExecutor.activePageInd >= 1">
28
- * <!-- Content of the second executor step -->
29
- * </mefdev-executor-page>
30
- * <mefdev-executor-page
31
- * [title]="'Description of situation 3'"
32
- * [isActive]="mainExecutor.activePageInd === 2"
33
- * [isCompleted]="mainExecutor.activePageInd >= 2">
34
- * <!-- Content of the third executor step -->
35
- * </mefdev-executor-page>
36
- *
37
- * <ng-template #footer>
38
- * <!-- Content for the executor footer -->
39
- * <ng-template>
40
- *
41
- * </mefdev-step-executor>
42
- *
43
- *```
44
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/utils/main_executor</example-url>
45
- */
46
- export declare class StepExecutorComponent implements AfterViewInit {
47
- private renderer;
48
- private changeDetectorRef;
49
- /**
50
- * Mandatory input parameter that specifies the type of the step-by-step wizard.
51
- * It can have three options: regular, modal, right.
52
- *
53
- * @usageNotes
54
- * ```
55
- * <mefdev-step-executor #mainExecutor [view]="'regular'"></mefdev-step-executor>
56
- * ```
57
- */
58
- view: string;
59
- /**
60
- * An optional input parameter that specifies whether to show your executor.
61
- * Usually used when you have a slideup or right executor view
62
- *
63
- * @usageNotes
64
- * ```
65
- * <mefdev-step-executor [show]="true" [view]="'right'" #mainExecutor></mefdev-step-executor>
66
- * ```
67
- */
68
- show: boolean;
69
- /**
70
- * ViewChild reference to the host executor content.
71
- */
72
- container: ElementRef<HTMLElement>;
73
- /**
74
- * Template for displaying the content of the executor title.
75
- *
76
- * @usageNotes
77
- * ```
78
- * <ng-template #title>
79
- * <!-- Content for the executor title -->
80
- * </ng-template>
81
- * ```
82
- */
83
- title: TemplateRef<void>;
84
- /**
85
- * Template for displaying the content of the executor description.
86
- *
87
- * @usageNotes
88
- * ```
89
- * <ng-template #description>
90
- * <!-- Content for the executor description -->
91
- * </ng-template>
92
- * ```
93
- */
94
- description: TemplateRef<void>;
95
- /**
96
- * Template for displaying the content of the executor footer.
97
- *
98
- * @usageNotes
99
- * ```
100
- * <ng-template #footer>
101
- * <!-- Content for the executor footer -->
102
- * </ng-template>
103
- * ```
104
- */
105
- footer: TemplateRef<void>;
106
- /**
107
- * The output parameter that emits the class of the active page - active step.
108
- *
109
- * @usageNotes
110
- * ```
111
- * <mefdev-step-executor #mainExecutor (onActivePageChange)="getActiveStep($event)"></mefdev-step-executor>
112
- * ```
113
- */
114
- onActivePageChange: EventEmitter<MefdevExecutorPageComponent>;
115
- /**
116
- * An output parameter that conveys the current state of the stepper in modal view
117
- *
118
- * @usageNotes
119
- * ```
120
- * <mefdev-step-executor [view]="'modal'" (modalStepExecutorStateChange)="getModalExecutorStateValue($event)" #modalExecutor></mefdev-step-executor>
121
- * ```
122
- */
123
- modalStepExecutorStateChange: EventEmitter<boolean>;
124
- /**
125
- * An output parameter that conveys the current state of the stepper in right view
126
- *
127
- * @usageNotes
128
- * ```
129
- * <mefdev-step-executor [view]="'right'" (modalStepExecutorStateChange)="getModalExecutorStateValue($event)" #rightExecutor></mefdev-step-executor>
130
- * ```
131
- */
132
- rightStepExecutorStateChange: EventEmitter<boolean>;
133
- _activePageInd: number;
134
- pages: MefdevExecutorPageComponent[];
135
- constructor(renderer: Renderer2, changeDetectorRef: ChangeDetectorRef);
136
- set activePageInd(activePageNumber: number);
137
- get activePageInd(): number;
138
- get activePage(): MefdevExecutorPageComponent | null;
139
- ngAfterViewInit(): void;
140
- /**
141
- * A function that is allows to track the status of your executor in the modal view
142
- */
143
- modalStepExecutorVisibleChange(value: boolean): void;
144
- /**
145
- * A function that is allows to track the status of your executor in the right view
146
- */
147
- rightStepExecutorVisibleChange(value: boolean): void;
148
- /**
149
- * A function that allows you to close your executor
150
- */
151
- closeExecutor(): void;
152
- /**
153
- * Check whether there is a next step of the executor. If we are at the last step - disable the 'next' button
154
- */
155
- nextBtnIsDisabled(): boolean;
156
- /**
157
- * Check whether there is a next step of the executor. If we are at the last step - disable the 'next' button
158
- */
159
- prev(): void;
160
- /**
161
- * Go back to the previous step
162
- */
163
- cancel(): void;
164
- /**
165
- * Go to the next step
166
- */
167
- next(): void;
168
- /**
169
- * Set a specific active page
170
- */
171
- setActivePage(pageNumber: number): void;
172
- /**
173
- * Add new page
174
- */
175
- addPage(page: MefdevExecutorPageComponent): void;
176
- /**
177
- * Delete a specific page
178
- */
179
- removeSpecificPage(page: MefdevExecutorPageComponent): void;
180
- /**
181
- * Delete a page by its index
182
- */
183
- removePageByIndex(index: number): void;
184
- static ɵfac: i0.ɵɵFactoryDeclaration<StepExecutorComponent, never>;
185
- static ɵcmp: i0.ɵɵComponentDeclaration<StepExecutorComponent, "mefdev-step-executor", never, { "view": { "alias": "view"; "required": true; }; "show": { "alias": "show"; "required": false; }; }, { "onActivePageChange": "onActivePageChange"; "modalStepExecutorStateChange": "modalStepExecutorStateChange"; "rightStepExecutorStateChange": "rightStepExecutorStateChange"; }, ["title", "description", "footer"], never, false, never>;
186
- }
@@ -1,12 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./step-executor/step-executor.component";
3
- import * as i2 from "./mefdev-executor-page/mefdev-executor-page.component";
4
- import * as i3 from "./stage/stage.component";
5
- import * as i4 from "../modals/markup-kit.module";
6
- import * as i5 from "@angular/common";
7
- import * as i6 from "@angular/forms";
8
- export declare class MefDevStepExecutorModule {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevStepExecutorModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevStepExecutorModule, [typeof i1.StepExecutorComponent, typeof i2.MefdevExecutorPageComponent, typeof i3.StageComponent], [typeof i4.MefDevModalModule, typeof i5.CommonModule, typeof i6.FormsModule], [typeof i1.StepExecutorComponent, typeof i2.MefdevExecutorPageComponent, typeof i3.StageComponent]>;
11
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevStepExecutorModule>;
12
- }
@@ -1,80 +0,0 @@
1
- import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- /**
4
- * Fill Component for a modal window.
5
- *
6
- * Example of usage:
7
- * ```
8
- * <mefdev-fill-modal #pin_modal>
9
- * <!-- Modal header content -->
10
- * <ng-template #modal_header>
11
- * <!-- Header content goes here -->
12
- * </ng-template>
13
- *
14
- * <!-- Modal footer content -->
15
- * <ng-template #modal_footer>
16
- * <!-- Footer content goes here -->
17
- * </ng-template>
18
- * </mefdev-fill-modal>
19
- * ```
20
- *
21
- * <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/modals/fill</example-url>
22
- */
23
- export declare class FillComponent implements OnInit {
24
- protected visible: boolean;
25
- protected dialog?: ElementRef;
26
- /**
27
- * The header template of the modal window.
28
- * ```
29
- * <mefdev-fill-modal #pin_modal>
30
- * <ng-template #modal_header>
31
- * <!-- Header content goes here -->
32
- * </ng-template>
33
- * </mefdev-fill-modal>
34
- * ```
35
- */
36
- modal_header: TemplateRef<void>;
37
- /**
38
- * The footer template of the modal window.
39
- * ```
40
- * <mefdev-fill-modal #pin_modal>
41
- * <ng-template #modal_footer>
42
- * <!-- Footer content goes here -->
43
- * </ng-template>
44
- * </mefdev-fill-modal>
45
- * ```
46
- */
47
- modal_footer: TemplateRef<void>;
48
- /**
49
- * Input parameter that determines whether to show the modal window.
50
- */
51
- set show(val: boolean);
52
- /**
53
- * Event emitted when the modal is change state.
54
- * Emits a boolean value indicating if the modal is closed(false), or open(true).
55
- * Example:
56
- * ```
57
- * <mefdev-fill-modal (visibleChange)="onModalClosed($event)"></mefdev-fill-modal>
58
- * ```
59
- */
60
- visibleChange: EventEmitter<boolean>;
61
- constructor();
62
- ngOnInit(): void;
63
- /**
64
- * Shows the modal state.
65
- * Return a boolean value indicating if the modal is closed(false), or open(true)
66
- */
67
- getModalState(): boolean;
68
- /**
69
- * Shows the modal.
70
- * Call this method to open the modal window.
71
- */
72
- showModal(): void;
73
- /**
74
- * Hides the modal.
75
- * Call this method to close the modal window.
76
- */
77
- hideModal(): void;
78
- static ɵfac: i0.ɵɵFactoryDeclaration<FillComponent, never>;
79
- static ɵcmp: i0.ɵɵComponentDeclaration<FillComponent, "mefdev-fill-modal", never, { "show": { "alias": "show"; "required": false; }; }, { "visibleChange": "visibleChange"; }, ["modal_header", "modal_footer"], ["*"], false, never>;
80
- }
@@ -1,6 +0,0 @@
1
- export * from './fill/fill.component';
2
- export * from './slide-up/slide-up.component';
3
- export * from './slide-right/slide-right.component';
4
- export * from "./right-filter/right-filter.component";
5
- export * from "./markup-kit.module";
6
- export * from "./modal-size.enum";
@@ -1,12 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./fill/fill.component";
3
- import * as i2 from "./slide-up/slide-up.component";
4
- import * as i3 from "./slide-right/slide-right.component";
5
- import * as i4 from "./right-filter/right-filter.component";
6
- import * as i5 from "@angular/common";
7
- import * as i6 from "../../pg-components/select/select.module";
8
- export declare class MefDevModalModule {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<MefDevModalModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<MefDevModalModule, [typeof i1.FillComponent, typeof i2.SlideUpComponent, typeof i3.SlideRightComponent, typeof i4.RightFilterComponent], [typeof i5.CommonModule, typeof i6.MefDevSelectModule], [typeof i1.FillComponent, typeof i2.SlideUpComponent, typeof i3.SlideRightComponent, typeof i4.RightFilterComponent]>;
11
- static ɵinj: i0.ɵɵInjectorDeclaration<MefDevModalModule>;
12
- }
@@ -1,5 +0,0 @@
1
- export declare const enum ModalSize {
2
- sm = "sm",
3
- md = "md",
4
- lg = "lg"
5
- }
@@ -1,27 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import { FilteredFieldService } from '../../utils/filtered-field/filtered-field.service';
3
- import * as i0 from "@angular/core";
4
- /**
5
- * Component representing the right filter.
6
- */
7
- export declare class RightFilterComponent implements OnInit {
8
- private filteredFieldService;
9
- /**
10
- * Flag indicating whether the right filter is open or closed.
11
- */
12
- isOpen: boolean;
13
- showStandartOpenButton: boolean;
14
- constructor(filteredFieldService: FilteredFieldService);
15
- ngOnInit(): void;
16
- /**
17
- * Opens or closes the right filter modal.
18
- */
19
- openModal(): void;
20
- /**
21
- * Event handler for when the modal is closed.
22
- * Sets the isOpen flag to false.
23
- */
24
- modalIsCloused(): void;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<RightFilterComponent, never>;
26
- static ɵcmp: i0.ɵɵComponentDeclaration<RightFilterComponent, "mefdev-right-filter", never, { "showStandartOpenButton": { "alias": "showStandartOpenButton"; "required": false; }; }, {}, never, ["*"], false, never>;
27
- }