@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.
- package/fesm2022/natec-mef-dev-ui-kit.mjs +10894 -5478
- package/fesm2022/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/index.d.ts +5527 -5
- package/index.d.ts.map +1 -0
- package/package.json +6 -7
- package/src/lib/styles/pg/_mixins.scss +2 -523
- package/src/lib/styles/pg/_var.scss +29 -28
- package/src/lib/styles/pg/modules/_buttons.scss +55 -40
- package/src/lib/styles/pg/modules/_form_elements.scss +5 -4
- package/src/lib/styles/pg/modules/_header.scss +2 -2
- package/src/lib/styles/pg/modules/_secondary-sidebar.scss +3 -1
- package/src/lib/styles/pg/modules/_select.scss +59 -60
- package/src/lib/styles/pg/modules/_sidebar.scss +2 -1
- package/src/lib/styles/pg/utils.scss +0 -3
- package/esm2022/lib/markup-kit/card/card/card.component.mjs +0 -116
- package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs +0 -169
- package/esm2022/lib/markup-kit/card/card-long/cart-type-colors.enum.mjs +0 -7
- package/esm2022/lib/markup-kit/card/card-simple/card-simple.component.mjs +0 -50
- package/esm2022/lib/markup-kit/card/card.module.mjs +0 -35
- package/esm2022/lib/markup-kit/card/index.mjs +0 -6
- package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs +0 -149
- package/esm2022/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs +0 -102
- package/esm2022/lib/markup-kit/collapse/collapse.module.mjs +0 -25
- package/esm2022/lib/markup-kit/collapse/index.mjs +0 -4
- package/esm2022/lib/markup-kit/executors/index.mjs +0 -5
- package/esm2022/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.mjs +0 -112
- package/esm2022/lib/markup-kit/executors/stage/stage.component.mjs +0 -27
- package/esm2022/lib/markup-kit/executors/step-executor/step-executor.component.mjs +0 -289
- package/esm2022/lib/markup-kit/executors/step-executor.module.mjs +0 -42
- package/esm2022/lib/markup-kit/modals/fill/fill.component.mjs +0 -137
- package/esm2022/lib/markup-kit/modals/index.mjs +0 -7
- package/esm2022/lib/markup-kit/modals/markup-kit.module.mjs +0 -39
- package/esm2022/lib/markup-kit/modals/modal-size.enum.mjs +0 -2
- package/esm2022/lib/markup-kit/modals/right-filter/right-filter.component.mjs +0 -48
- package/esm2022/lib/markup-kit/modals/slide-right/slide-right.component.mjs +0 -134
- package/esm2022/lib/markup-kit/modals/slide-up/slide-up.component.mjs +0 -118
- package/esm2022/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +0 -59
- package/esm2022/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +0 -27
- package/esm2022/lib/markup-kit/page-layouts/index.mjs +0 -7
- package/esm2022/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +0 -73
- package/esm2022/lib/markup-kit/page-layouts/page-layouts.module.mjs +0 -41
- package/esm2022/lib/markup-kit/page-layouts/profile/profile.component.mjs +0 -137
- package/esm2022/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +0 -42
- package/esm2022/lib/markup-kit/slider/index.mjs +0 -3
- package/esm2022/lib/markup-kit/slider/slider/slider.component.mjs +0 -120
- package/esm2022/lib/markup-kit/slider/slider.module.mjs +0 -28
- package/esm2022/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.mjs +0 -607
- package/esm2022/lib/markup-kit/utils/datepicker/datepicker.module.mjs +0 -21
- package/esm2022/lib/markup-kit/utils/datepicker/index.mjs +0 -3
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +0 -72
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs +0 -71
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.module.mjs +0 -29
- package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs +0 -43
- package/esm2022/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs +0 -13
- package/esm2022/lib/markup-kit/utils/filtered-field/index.mjs +0 -6
- package/esm2022/lib/markup-kit/utils/help-block/help-block.component.mjs +0 -72
- package/esm2022/lib/markup-kit/utils/help-block/hepl-block.module.mjs +0 -24
- package/esm2022/lib/markup-kit/utils/help-block/index.mjs +0 -3
- package/esm2022/lib/pg-components/card/card.components.mjs +0 -442
- package/esm2022/lib/pg-components/card/card.module.mjs +0 -24
- package/esm2022/lib/pg-components/card/index.mjs +0 -3
- package/esm2022/lib/pg-components/progress/index.mjs +0 -4
- package/esm2022/lib/pg-components/progress/progress.component.mjs +0 -80
- package/esm2022/lib/pg-components/progress/progress.config.mjs +0 -12
- package/esm2022/lib/pg-components/progress/progress.module.mjs +0 -22
- package/esm2022/lib/pg-components/select/index.mjs +0 -5
- package/esm2022/lib/pg-components/select/option.component.mjs +0 -93
- package/esm2022/lib/pg-components/select/option.pipe.mjs +0 -42
- package/esm2022/lib/pg-components/select/select.component.mjs +0 -782
- package/esm2022/lib/pg-components/select/select.module.mjs +0 -22
- package/esm2022/lib/pg-components/spec-flow-test/index.mjs +0 -3
- package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.mjs +0 -36
- package/esm2022/lib/pg-components/spec-flow-test/spec-flow-test.module.mjs +0 -25
- package/esm2022/lib/pg-components/switch/index.mjs +0 -3
- package/esm2022/lib/pg-components/switch/switch.component.mjs +0 -293
- package/esm2022/lib/pg-components/switch/switch.module.mjs +0 -18
- package/esm2022/lib/pg-components/tabs/index.mjs +0 -8
- package/esm2022/lib/pg-components/tabs/tab-body.component.mjs +0 -21
- package/esm2022/lib/pg-components/tabs/tab-label.directive.mjs +0 -45
- package/esm2022/lib/pg-components/tabs/tab.component.mjs +0 -102
- package/esm2022/lib/pg-components/tabs/tabs-ink-bar.directive.mjs +0 -81
- package/esm2022/lib/pg-components/tabs/tabs-nav.component.mjs +0 -298
- package/esm2022/lib/pg-components/tabs/tabs.module.mjs +0 -23
- package/esm2022/lib/pg-components/tabs/tabset.component.mjs +0 -252
- package/esm2022/lib/pg-components/util/convert.mjs +0 -4
- package/esm2022/lib/pg-components/util/request-animation.mjs +0 -26
- package/esm2022/natec-mef-dev-ui-kit.mjs +0 -5
- package/esm2022/public-api.mjs +0 -17
- package/lib/markup-kit/card/card/card.component.d.ts +0 -90
- package/lib/markup-kit/card/card-long/card-long.component.d.ts +0 -135
- package/lib/markup-kit/card/card-long/cart-type-colors.enum.d.ts +0 -5
- package/lib/markup-kit/card/card-simple/card-simple.component.d.ts +0 -37
- package/lib/markup-kit/card/card.module.d.ts +0 -17
- package/lib/markup-kit/card/index.d.ts +0 -5
- package/lib/markup-kit/collapse/collapse/collapse.component.d.ts +0 -74
- package/lib/markup-kit/collapse/collapse-set/collapse-set.component.d.ts +0 -68
- package/lib/markup-kit/collapse/collapse.module.d.ts +0 -14
- package/lib/markup-kit/collapse/index.d.ts +0 -3
- package/lib/markup-kit/executors/index.d.ts +0 -4
- package/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.d.ts +0 -84
- package/lib/markup-kit/executors/stage/stage.component.d.ts +0 -12
- package/lib/markup-kit/executors/step-executor/step-executor.component.d.ts +0 -186
- package/lib/markup-kit/executors/step-executor.module.d.ts +0 -12
- package/lib/markup-kit/modals/fill/fill.component.d.ts +0 -80
- package/lib/markup-kit/modals/index.d.ts +0 -6
- package/lib/markup-kit/modals/markup-kit.module.d.ts +0 -12
- package/lib/markup-kit/modals/modal-size.enum.d.ts +0 -5
- package/lib/markup-kit/modals/right-filter/right-filter.component.d.ts +0 -27
- package/lib/markup-kit/modals/slide-right/slide-right.component.d.ts +0 -76
- package/lib/markup-kit/modals/slide-up/slide-up.component.d.ts +0 -64
- package/lib/markup-kit/page-layouts/central-page/central-page.component.d.ts +0 -37
- package/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.d.ts +0 -21
- package/lib/markup-kit/page-layouts/index.d.ts +0 -6
- package/lib/markup-kit/page-layouts/manage-page/manage-page.component.d.ts +0 -58
- package/lib/markup-kit/page-layouts/page-layouts.module.d.ts +0 -12
- package/lib/markup-kit/page-layouts/profile/profile.component.d.ts +0 -107
- package/lib/markup-kit/page-layouts/table-page/table-page.component.d.ts +0 -32
- package/lib/markup-kit/slider/index.d.ts +0 -2
- package/lib/markup-kit/slider/slider/slider.component.d.ts +0 -93
- package/lib/markup-kit/slider/slider.module.d.ts +0 -9
- package/lib/markup-kit/utils/datepicker/datepicker/datepicker.component.d.ts +0 -421
- package/lib/markup-kit/utils/datepicker/datepicker.module.d.ts +0 -10
- package/lib/markup-kit/utils/datepicker/index.d.ts +0 -2
- package/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.d.ts +0 -42
- package/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.d.ts +0 -56
- package/lib/markup-kit/utils/filtered-field/filtered-field.module.d.ts +0 -9
- package/lib/markup-kit/utils/filtered-field/filtered-field.service.d.ts +0 -28
- package/lib/markup-kit/utils/filtered-field/filtred-item.model.d.ts +0 -7
- package/lib/markup-kit/utils/filtered-field/index.d.ts +0 -5
- package/lib/markup-kit/utils/help-block/help-block.component.d.ts +0 -37
- package/lib/markup-kit/utils/help-block/hepl-block.module.d.ts +0 -9
- package/lib/markup-kit/utils/help-block/index.d.ts +0 -2
- package/lib/pg-components/card/card.components.d.ts +0 -241
- package/lib/pg-components/card/card.module.d.ts +0 -11
- package/lib/pg-components/card/index.d.ts +0 -2
- package/lib/pg-components/progress/index.d.ts +0 -3
- package/lib/pg-components/progress/progress.component.d.ts +0 -50
- package/lib/pg-components/progress/progress.config.d.ts +0 -7
- package/lib/pg-components/progress/progress.module.d.ts +0 -10
- package/lib/pg-components/select/index.d.ts +0 -4
- package/lib/pg-components/select/option.component.d.ts +0 -54
- package/lib/pg-components/select/option.pipe.d.ts +0 -8
- package/lib/pg-components/select/select.component.d.ts +0 -139
- package/lib/pg-components/select/select.module.d.ts +0 -12
- package/lib/pg-components/spec-flow-test/index.d.ts +0 -2
- package/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.d.ts +0 -22
- package/lib/pg-components/spec-flow-test/spec-flow-test.module.d.ts +0 -10
- package/lib/pg-components/switch/index.d.ts +0 -2
- package/lib/pg-components/switch/switch.component.d.ts +0 -185
- package/lib/pg-components/switch/switch.module.d.ts +0 -8
- package/lib/pg-components/tabs/index.d.ts +0 -7
- package/lib/pg-components/tabs/tab-body.component.d.ts +0 -13
- package/lib/pg-components/tabs/tab-label.directive.d.ts +0 -15
- package/lib/pg-components/tabs/tab.component.d.ts +0 -67
- package/lib/pg-components/tabs/tabs-ink-bar.directive.d.ts +0 -23
- package/lib/pg-components/tabs/tabs-nav.component.d.ts +0 -79
- package/lib/pg-components/tabs/tabs.module.d.ts +0 -13
- package/lib/pg-components/tabs/tabset.component.d.ts +0 -137
- package/lib/pg-components/util/convert.d.ts +0 -1
- package/lib/pg-components/util/request-animation.d.ts +0 -1
- package/public-api.d.ts +0 -15
|
@@ -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,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,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
|
-
}
|