@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,149 +0,0 @@
|
|
|
1
|
-
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { Component, ContentChild, EventEmitter, Host, HostBinding, Input, Output } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "../collapse-set/collapse-set.component";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
/**
|
|
7
|
-
* Component for displaying a collapsible content.
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* Example of usage:
|
|
11
|
-
*```
|
|
12
|
-
* <mefdev-collapse [Disabled]="false" [Active]="true" (stateChange)="onStateChange($event)">
|
|
13
|
-
* <ng-template #CardTitle>
|
|
14
|
-
* <!-- Content for the card title -->
|
|
15
|
-
* <h3>Card Title</h3>
|
|
16
|
-
* </ng-template>
|
|
17
|
-
*
|
|
18
|
-
* <!-- Content for the collapsible section -->
|
|
19
|
-
* <div>
|
|
20
|
-
Content inside collapse
|
|
21
|
-
* </div>
|
|
22
|
-
* </mefdev-collapse>
|
|
23
|
-
*
|
|
24
|
-
*```
|
|
25
|
-
* <example-url>https://platform.mef.dev/ui_kit_demo/view/page_components/collapse</example-url>
|
|
26
|
-
|
|
27
|
-
*/
|
|
28
|
-
export class CollapseComponent {
|
|
29
|
-
_collapseSet;
|
|
30
|
-
_elementRef;
|
|
31
|
-
_disabled = false;
|
|
32
|
-
_active = false;
|
|
33
|
-
_el;
|
|
34
|
-
/**
|
|
35
|
-
* ContentChild for the template of the card title.
|
|
36
|
-
*
|
|
37
|
-
* Example:
|
|
38
|
-
* ```
|
|
39
|
-
* <ng-template #CardTitle>
|
|
40
|
-
* <h3>Card Title</h3>
|
|
41
|
-
* </ng-template>
|
|
42
|
-
* ```
|
|
43
|
-
*/
|
|
44
|
-
CardTitle;
|
|
45
|
-
/**
|
|
46
|
-
* Indicates whether the collapse is disabled.
|
|
47
|
-
* Set this to `true` to disable the collapse. Defaults to `false`.
|
|
48
|
-
*/
|
|
49
|
-
set Disabled(value) {
|
|
50
|
-
this._disabled = value;
|
|
51
|
-
}
|
|
52
|
-
get Disabled() {
|
|
53
|
-
return this._disabled;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Indicates whether the collapse is active or not.
|
|
57
|
-
*/
|
|
58
|
-
set Active(value) {
|
|
59
|
-
const active = value;
|
|
60
|
-
if (this._active === active) {
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
if (!this.Disabled) {
|
|
64
|
-
this._active = active;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
get Active() {
|
|
68
|
-
return this._active;
|
|
69
|
-
}
|
|
70
|
-
/**
|
|
71
|
-
* Event emitter for the state change of the collapse.
|
|
72
|
-
* Emits a boolean value indicating whether the collapse is active or not.
|
|
73
|
-
*
|
|
74
|
-
* Example:
|
|
75
|
-
* ```
|
|
76
|
-
* <mefdev-collapse (stateChange)="onStateChange($event)"></mefdev-collapse>
|
|
77
|
-
* ```
|
|
78
|
-
*/
|
|
79
|
-
stateChange = new EventEmitter();
|
|
80
|
-
/**
|
|
81
|
-
* Event handler for the header click event.
|
|
82
|
-
* Toggles the active state of the collapse and emits the state change event.
|
|
83
|
-
*
|
|
84
|
-
* @param $event The mouse event object.
|
|
85
|
-
*/
|
|
86
|
-
clickHeader($event) {
|
|
87
|
-
this.Active = !this.Active;
|
|
88
|
-
this.stateChange.next(this.Active);
|
|
89
|
-
/** trigger host collapseSet click event */
|
|
90
|
-
this._collapseSet.pgClick(this);
|
|
91
|
-
}
|
|
92
|
-
constructor(_collapseSet, _elementRef) {
|
|
93
|
-
this._collapseSet = _collapseSet;
|
|
94
|
-
this._elementRef = _elementRef;
|
|
95
|
-
this._el = this._elementRef.nativeElement;
|
|
96
|
-
this._collapseSet.addTab(this);
|
|
97
|
-
}
|
|
98
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollapseComponent, deps: [{ token: i1.CollapseSetComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, outputs: { stateChange: "stateChange" }, host: { properties: { "class.card": "true", "class.card-default": "true", "class.m-b-0": "true", "class.disabled": "this.Disabled" } }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }], ngImport: i0, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"col\">\r\n <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n <div *ngIf=\"_active\"\r\n class=\"card-body mb-3\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
|
|
100
|
-
trigger('collapseState', [
|
|
101
|
-
state('inactive', style({
|
|
102
|
-
opacity: '0',
|
|
103
|
-
height: 0
|
|
104
|
-
})),
|
|
105
|
-
state('active', style({
|
|
106
|
-
opacity: '1',
|
|
107
|
-
height: '*'
|
|
108
|
-
})),
|
|
109
|
-
transition('inactive => active', animate('125ms ease-in')),
|
|
110
|
-
transition('active => inactive', animate('125ms ease-out'))
|
|
111
|
-
])
|
|
112
|
-
] });
|
|
113
|
-
}
|
|
114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollapseComponent, decorators: [{
|
|
115
|
-
type: Component,
|
|
116
|
-
args: [{ selector: 'mefdev-collapse', animations: [
|
|
117
|
-
trigger('collapseState', [
|
|
118
|
-
state('inactive', style({
|
|
119
|
-
opacity: '0',
|
|
120
|
-
height: 0
|
|
121
|
-
})),
|
|
122
|
-
state('active', style({
|
|
123
|
-
opacity: '1',
|
|
124
|
-
height: '*'
|
|
125
|
-
})),
|
|
126
|
-
transition('inactive => active', animate('125ms ease-in')),
|
|
127
|
-
transition('active => inactive', animate('125ms ease-out'))
|
|
128
|
-
])
|
|
129
|
-
], host: {
|
|
130
|
-
'[class.card]': 'true',
|
|
131
|
-
'[class.card-default]': 'true',
|
|
132
|
-
'[class.m-b-0]': 'true'
|
|
133
|
-
}, template: "<div class=\"row w-100 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"col\">\r\n <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n <div *ngIf=\"_active\"\r\n class=\"card-body mb-3\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap&subset=cyrillic\";@import\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap&subset=cyrillic\";.color-black{color:#000!important}.color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.color-dark-link{color:#50c0ff!important}.b-color-black{background-color:#000!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.b-color-dark-link{background-color:#50c0ff!important}.h1,h1{font-family:Montserrat,Arial,sans-serif;font-size:32px;line-height:40px;font-weight:700;text-transform:none;color:#000;margin-bottom:16px}.h2,h2{font-family:Montserrat,Arial,sans-serif;font-size:24px;line-height:30px;font-weight:700;text-transform:none;color:#000;margin-bottom:12px}.h3,.card-title,h3{font-family:Montserrat,Arial,sans-serif;font-size:18px;line-height:24px;font-weight:600;text-transform:none;color:#000;margin-bottom:10px}.h4,h4{font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:.5px;color:#000;margin-bottom:8px}.h5,h5{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:20px;font-weight:500;text-transform:none;color:#000;margin-bottom:6px}.h6,h6{font-family:Montserrat,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:500;text-transform:none;color:#000;margin-bottom:4px}.body-1,body-1{font-family:Open Sans,Arial,sans-serif;font-size:18px;line-height:27px;font-weight:700;color:#000}.body-2,body-2{font-family:Open Sans,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color:#000}.body-3,body-3{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Open Sans,Arial,sans-serif;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:18px;font-weight:600;color:#000}.body-6,body-6{font-family:Open Sans,Arial,sans-serif;font-size:13px;line-height:16px;font-weight:400;color:#000}:host{background-color:transparent}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
|
|
134
|
-
}], ctorParameters: function () { return [{ type: i1.CollapseSetComponent, decorators: [{
|
|
135
|
-
type: Host
|
|
136
|
-
}] }, { type: i0.ElementRef }]; }, propDecorators: { CardTitle: [{
|
|
137
|
-
type: ContentChild,
|
|
138
|
-
args: ["CardTitle"]
|
|
139
|
-
}], Disabled: [{
|
|
140
|
-
type: Input
|
|
141
|
-
}, {
|
|
142
|
-
type: HostBinding,
|
|
143
|
-
args: ['class.disabled']
|
|
144
|
-
}], Active: [{
|
|
145
|
-
type: Input
|
|
146
|
-
}], stateChange: [{
|
|
147
|
-
type: Output
|
|
148
|
-
}] } });
|
|
149
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBYyxZQUFZLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7O0FBSWpJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQkk7QUErQkosTUFBTSxPQUFPLGlCQUFpQjtJQTBFQTtJQUE0QztJQXhFaEUsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMxQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLEdBQUcsQ0FBQztJQUVKOzs7Ozs7Ozs7T0FTRztJQUN3QixTQUFTLENBQW9CO0lBRXhEOzs7T0FHRztJQUNILElBRUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUE7O01BRUU7SUFDSCxJQUNJLE1BQU0sQ0FBQyxLQUFjO1FBQ3ZCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTSxFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQ7Ozs7Ozs7O09BUUc7SUFDTyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVwRDs7Ozs7T0FLRztJQUNILFdBQVcsQ0FBQyxNQUFrQjtRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkMsMkNBQTJDO1FBQzNDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUE0QixZQUFrQyxFQUFVLFdBQXVCO1FBQW5FLGlCQUFZLEdBQVosWUFBWSxDQUFzQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQzdGLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQzt3R0E3RVUsaUJBQWlCOzRGQUFqQixpQkFBaUIsZ1lDekQ5Qix1eEJBaUJBLDh4R0RjYztZQUNWLE9BQU8sQ0FBQyxlQUFlLEVBQUU7Z0JBQ3ZCLEtBQUssQ0FDSCxVQUFVLEVBQ1YsS0FBSyxDQUFDO29CQUNKLE9BQU8sRUFBRSxHQUFHO29CQUNaLE1BQU0sRUFBRSxDQUFDO2lCQUNWLENBQUMsQ0FDSDtnQkFDRCxLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDSixPQUFPLEVBQUUsR0FBRztvQkFDWixNQUFNLEVBQUUsR0FBRztpQkFDWixDQUFDLENBQ0g7Z0JBQ0QsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDMUQsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2FBQzVELENBQUM7U0FDSDs7NEZBT1UsaUJBQWlCO2tCQTlCN0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZjt3QkFDVixPQUFPLENBQUMsZUFBZSxFQUFFOzRCQUN2QixLQUFLLENBQ0gsVUFBVSxFQUNWLEtBQUssQ0FBQztnQ0FDSixPQUFPLEVBQUUsR0FBRztnQ0FDWixNQUFNLEVBQUUsQ0FBQzs2QkFDVixDQUFDLENBQ0g7NEJBQ0QsS0FBSyxDQUNILFFBQVEsRUFDUixLQUFLLENBQUM7Z0NBQ0osT0FBTyxFQUFFLEdBQUc7Z0NBQ1osTUFBTSxFQUFFLEdBQUc7NkJBQ1osQ0FBQyxDQUNIOzRCQUNELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7NEJBQzFELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDNUQsQ0FBQztxQkFDSCxRQUNLO3dCQUNKLGNBQWMsRUFBRSxNQUFNO3dCQUN0QixzQkFBc0IsRUFBRSxNQUFNO3dCQUM5QixlQUFlLEVBQUUsTUFBTTtxQkFDeEI7OzBCQTRFWSxJQUFJO3FFQTFEVSxTQUFTO3NCQUFuQyxZQUFZO3VCQUFDLFdBQVc7Z0JBUXJCLFFBQVE7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBYXpCLE1BQU07c0JBRFQsS0FBSztnQkF3QkksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0LCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2VTZXRDb21wb25lbnQgfSBmcm9tICcuLi9jb2xsYXBzZS1zZXQvY29sbGFwc2Utc2V0LmNvbXBvbmVudCc7XHJcblxyXG5cclxuLyoqXHJcbiAgKiBDb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgYSBjb2xsYXBzaWJsZSBjb250ZW50LlxyXG4gICpcclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpgYGBcclxuICAqIDxtZWZkZXYtY29sbGFwc2UgW0Rpc2FibGVkXT1cImZhbHNlXCIgW0FjdGl2ZV09XCJ0cnVlXCIgKHN0YXRlQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICogICA8bmctdGVtcGxhdGUgI0NhcmRUaXRsZT5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHRpdGxlIC0tPlxyXG4gICogICAgIDxoMz5DYXJkIFRpdGxlPC9oMz5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgXHJcbiAgKiAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNvbGxhcHNpYmxlIHNlY3Rpb24gLS0+XHJcbiAgKiAgIDxkaXY+XHJcbiAgICAgICAgQ29udGVudCBpbnNpZGUgY29sbGFwc2VcclxuICAqICAgPC9kaXY+XHJcbiAgKiA8L21lZmRldi1jb2xsYXBzZT5cclxuICAqXHJcbiAgKmBgYFxyXG4gICAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9wbGF0Zm9ybS5tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZV9jb21wb25lbnRzL2NvbGxhcHNlPC9leGFtcGxlLXVybD5cclxuXHJcbiAgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY29sbGFwc2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jb2xsYXBzZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29sbGFwc2UuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdjb2xsYXBzZVN0YXRlJywgW1xyXG4gICAgICBzdGF0ZShcclxuICAgICAgICAnaW5hY3RpdmUnLFxyXG4gICAgICAgIHN0eWxlKHtcclxuICAgICAgICAgIG9wYWNpdHk6ICcwJyxcclxuICAgICAgICAgIGhlaWdodDogMFxyXG4gICAgICAgIH0pXHJcbiAgICAgICksXHJcbiAgICAgIHN0YXRlKFxyXG4gICAgICAgICdhY3RpdmUnLFxyXG4gICAgICAgIHN0eWxlKHtcclxuICAgICAgICAgIG9wYWNpdHk6ICcxJyxcclxuICAgICAgICAgIGhlaWdodDogJyonXHJcbiAgICAgICAgfSlcclxuICAgICAgKSxcclxuICAgICAgdHJhbnNpdGlvbignaW5hY3RpdmUgPT4gYWN0aXZlJywgYW5pbWF0ZSgnMTI1bXMgZWFzZS1pbicpKSxcclxuICAgICAgdHJhbnNpdGlvbignYWN0aXZlID0+IGluYWN0aXZlJywgYW5pbWF0ZSgnMTI1bXMgZWFzZS1vdXQnKSlcclxuICAgIF0pXHJcbiAgXSxcclxuICBob3N0OiB7XHJcbiAgICAnW2NsYXNzLmNhcmRdJzogJ3RydWUnLFxyXG4gICAgJ1tjbGFzcy5jYXJkLWRlZmF1bHRdJzogJ3RydWUnLFxyXG4gICAgJ1tjbGFzcy5tLWItMF0nOiAndHJ1ZSdcclxuICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2xsYXBzZUNvbXBvbmVudCB7XHJcblxyXG4gIHByaXZhdGUgX2Rpc2FibGVkID0gZmFsc2U7XHJcbiAgX2FjdGl2ZSA9IGZhbHNlO1xyXG4gIF9lbDtcclxuXHJcbiAgLyoqXHJcbiAgICogQ29udGVudENoaWxkIGZvciB0aGUgdGVtcGxhdGUgb2YgdGhlIGNhcmQgdGl0bGUuXHJcbiAgICpcclxuICAgKiBFeGFtcGxlOlxyXG4gICAqIGBgYFxyXG4gICAqIDxuZy10ZW1wbGF0ZSAjQ2FyZFRpdGxlPlxyXG4gICAqICAgPGgzPkNhcmQgVGl0bGU8L2gzPlxyXG4gICAqIDwvbmctdGVtcGxhdGU+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcIkNhcmRUaXRsZVwiKSBDYXJkVGl0bGU6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29sbGFwc2UgaXMgZGlzYWJsZWQuXHJcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIGRpc2FibGUgdGhlIGNvbGxhcHNlLiBEZWZhdWx0cyB0byBgZmFsc2VgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kaXNhYmxlZCcpXHJcbiAgc2V0IERpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IERpc2FibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgIC8qKlxyXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBjb2xsYXBzZSBpcyBhY3RpdmUgb3Igbm90LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IEFjdGl2ZSh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgY29uc3QgYWN0aXZlID0gdmFsdWU7XHJcbiAgICBpZiAodGhpcy5fYWN0aXZlID09PSBhY3RpdmUpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgaWYgKCF0aGlzLkRpc2FibGVkKSB7XHJcbiAgICAgIHRoaXMuX2FjdGl2ZSA9IGFjdGl2ZTtcclxuICAgIH1cclxuICB9XHJcbiAgXHJcbiAgZ2V0IEFjdGl2ZSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY3RpdmU7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVyIGZvciB0aGUgc3RhdGUgY2hhbmdlIG9mIHRoZSBjb2xsYXBzZS5cclxuICAgKiBFbWl0cyBhIGJvb2xlYW4gdmFsdWUgaW5kaWNhdGluZyB3aGV0aGVyIHRoZSBjb2xsYXBzZSBpcyBhY3RpdmUgb3Igbm90LlxyXG4gICAqXHJcbiAgICogRXhhbXBsZTpcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWNvbGxhcHNlIChzdGF0ZUNoYW5nZSk9XCJvblN0YXRlQ2hhbmdlKCRldmVudClcIj48L21lZmRldi1jb2xsYXBzZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAT3V0cHV0KCkgc3RhdGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIHRoZSBoZWFkZXIgY2xpY2sgZXZlbnQuXHJcbiAgICogVG9nZ2xlcyB0aGUgYWN0aXZlIHN0YXRlIG9mIHRoZSBjb2xsYXBzZSBhbmQgZW1pdHMgdGhlIHN0YXRlIGNoYW5nZSBldmVudC5cclxuICAgKlxyXG4gICAqIEBwYXJhbSAkZXZlbnQgVGhlIG1vdXNlIGV2ZW50IG9iamVjdC5cclxuICAgKi9cclxuICBjbGlja0hlYWRlcigkZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgIHRoaXMuQWN0aXZlID0gIXRoaXMuQWN0aXZlO1xyXG4gICAgdGhpcy5zdGF0ZUNoYW5nZS5uZXh0KHRoaXMuQWN0aXZlKTtcclxuICAgIC8qKiB0cmlnZ2VyIGhvc3QgY29sbGFwc2VTZXQgY2xpY2sgZXZlbnQgKi9cclxuICAgIHRoaXMuX2NvbGxhcHNlU2V0LnBnQ2xpY2sodGhpcyk7XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihASG9zdCgpIHByaXZhdGUgX2NvbGxhcHNlU2V0OiBDb2xsYXBzZVNldENvbXBvbmVudCwgcHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xyXG4gICAgdGhpcy5fZWwgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICB0aGlzLl9jb2xsYXBzZVNldC5hZGRUYWIodGhpcyk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3cgdy0xMDAgbXQtMiBjYXJkLXRpdGxlXCIgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJfYWN0aXZlXCIgKGNsaWNrKT1cImNsaWNrSGVhZGVyKCRldmVudClcIiByb2xlPVwidGFiXCJcclxuaHJlZj1cImphdmFzY3JpcHQ6O1wiIFtuZ0NsYXNzXT1cInsnY29sbGFwc2VkJzohX2FjdGl2ZX1cIj5cclxuICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiQ2FyZFRpdGxlXCI+PC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLWRvd24gZmxvYXQtZW5kIFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiICpuZ0lmPVwiIV9hY3RpdmVcIj48L2k+XHJcbiAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLXVwIGZsb2F0LWVuZCBcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAqbmdJZj1cIl9hY3RpdmVcIj48L2k+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImNvbGxhcHNlXCIgW25nQ2xhc3NdPVwieydzaG93Jzp0cnVlLCdhY3RpdmUnOl9hY3RpdmUsJ2luYWN0aXZlJzohX2FjdGl2ZX1cIiBbQGNvbGxhcHNlU3RhdGVdPVwiX2FjdGl2ZT8nYWN0aXZlJzonaW5hY3RpdmUnXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiX2FjdGl2ZVwiXHJcbiAgICAgY2xhc3M9XCJjYXJkLWJvZHkgbWItM1wiPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { Component, Input, ViewEncapsulation } from '@angular/core';
|
|
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 class CollapseSetComponent {
|
|
31
|
-
_accordion = false;
|
|
32
|
-
_horizontal = true;
|
|
33
|
-
_expandAny = true;
|
|
34
|
-
panels = [];
|
|
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) {
|
|
40
|
-
this._accordion = value;
|
|
41
|
-
}
|
|
42
|
-
get expandAny() {
|
|
43
|
-
return this._accordion;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Indicates whether the collapse set operates as an accordion.
|
|
47
|
-
* Set this to `true` to enable accordion behavior. Defaults to `false`.
|
|
48
|
-
*/
|
|
49
|
-
set Accordion(value) {
|
|
50
|
-
this._accordion = value;
|
|
51
|
-
}
|
|
52
|
-
get Accordion() {
|
|
53
|
-
return this._accordion;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Indicates whether the collapse set is displayed horizontally or vertically.
|
|
57
|
-
* Set this to `true` for horizontal display and `false` for vertical display. Defaults to `true`.
|
|
58
|
-
*/
|
|
59
|
-
set Horizontal(value) {
|
|
60
|
-
this._horizontal = value;
|
|
61
|
-
}
|
|
62
|
-
get Horizontal() {
|
|
63
|
-
return this._horizontal;
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Event handler for the click event on a collapse panel.
|
|
67
|
-
* Closes other panels if the collapse set is an accordion and does not allow multiple expansions.
|
|
68
|
-
*
|
|
69
|
-
* @param collapse The clicked collapse component.
|
|
70
|
-
*/
|
|
71
|
-
pgClick(collapse) {
|
|
72
|
-
if (this.Accordion && !this.expandAny) {
|
|
73
|
-
this.panels.map((item, index) => {
|
|
74
|
-
const curIndex = this.panels.indexOf(collapse);
|
|
75
|
-
if (index !== curIndex) {
|
|
76
|
-
item.Active = false;
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
/**
|
|
82
|
-
* Adds a collapse panel to the collapse set.
|
|
83
|
-
*
|
|
84
|
-
* @param collapse The collapse component to be added.
|
|
85
|
-
*/
|
|
86
|
-
addTab(collapse) {
|
|
87
|
-
this.panels.push(collapse);
|
|
88
|
-
}
|
|
89
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollapseSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
90
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CollapseSetComponent, selector: "mefdev-collapse-set", inputs: { expandAny: "expandAny", Accordion: "Accordion", Horizontal: "Horizontal" }, ngImport: i0, template: "<div class=\"card-group\" [class.horizontal]=\"Horizontal\">\r\n <ng-content></ng-content>\r\n</div>", styles: [""], encapsulation: i0.ViewEncapsulation.None });
|
|
91
|
-
}
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CollapseSetComponent, decorators: [{
|
|
93
|
-
type: Component,
|
|
94
|
-
args: [{ selector: 'mefdev-collapse-set', encapsulation: ViewEncapsulation.None, template: "<div class=\"card-group\" [class.horizontal]=\"Horizontal\">\r\n <ng-content></ng-content>\r\n</div>" }]
|
|
95
|
-
}], propDecorators: { expandAny: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], Accordion: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], Horizontal: [{
|
|
100
|
-
type: Input
|
|
101
|
-
}] } });
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2Utc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L2NvbGxhcHNlL2NvbGxhcHNlLXNldC9jb2xsYXBzZS1zZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2Utc2V0L2NvbGxhcHNlLXNldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFJNUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBMEJFO0FBT0YsTUFBTSxPQUFPLG9CQUFvQjtJQUV2QixVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQ25CLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDbkIsVUFBVSxHQUFHLElBQUksQ0FBQztJQUMxQixNQUFNLEdBQXdCLEVBQUUsQ0FBQztJQUVqQzs7O09BR0c7SUFDSCxJQUNJLFNBQVMsQ0FBQyxLQUFjO1FBQzFCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVEOzs7T0FHRztJQUNILElBQ0ksU0FBUyxDQUFDLEtBQWM7UUFDMUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFDSSxVQUFVLENBQUMsS0FBYztRQUMzQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILE9BQU8sQ0FBQyxRQUEyQjtRQUNqQyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUM5QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDL0MsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFO29CQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztpQkFDckI7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxNQUFNLENBQUMsUUFBMkI7UUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0IsQ0FBQzt3R0F0RVUsb0JBQW9COzRGQUFwQixvQkFBb0IsaUpDckNqQyx5R0FFTTs7NEZEbUNPLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxxQkFBcUIsaUJBR2hCLGlCQUFpQixDQUFDLElBQUk7OEJBY2pDLFNBQVM7c0JBRFosS0FBSztnQkFjRixTQUFTO3NCQURaLEtBQUs7Z0JBY0YsVUFBVTtzQkFEYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb2xsYXBzZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudCc7XHJcblxyXG5cclxuLyoqXHJcbiogQ29tcG9uZW50IHJlcHJlc2VudGluZyBhIHNldCBvZiBjb2xsYXBzaWJsZSBwYW5lbHMuXHJcbipcclxuKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4qXHJcbipgYGBcclxuKiA8bWVmZGV2LWNvbGxhcHNlLXNldCBbQWNjb3JkaW9uXT1cInRydWVcIiBbSG9yaXpvbnRhbF09XCJ0cnVlXCIgW2V4cGFuZEFueV09XCJmYWxzZVwiPlxyXG4qICAgPG1lZmRldi1jb2xsYXBzZSBbRGlzYWJsZWRdPVwiZmFsc2VcIiBbQWN0aXZlXT1cInRydWVcIj5cclxuKiAgICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjb2xsYXBzZSBwYW5lbCAtLT5cclxuKiAgICAgICA8aDM+UGFuZWwgMTwvaDM+XHJcbiogICAgICAgPHA+UGFuZWwgMSBjb250ZW50Li4uPC9wPlxyXG4qICAgPC9tZWZkZXYtY29sbGFwc2U+XHJcblxyXG4qICAgPG1lZmRldi1jb2xsYXBzZSBbRGlzYWJsZWRdPVwiZmFsc2VcIiBbQWN0aXZlXT1cImZhbHNlXCI+XHJcbiogICAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY29sbGFwc2UgcGFuZWwgLS0+XHJcbiogICAgICAgPGgzPlBhbmVsIDI8L2gzPlxyXG4qICAgICAgIDxwPlBhbmVsIDIgY29udGVudC4uLjwvcD5cclxuKiAgIDwvbWVmZGV2LWNvbGxhcHNlPlxyXG5cclxuKiAgIDxtZWZkZXYtY29sbGFwc2UgW0Rpc2FibGVkXT1cImZhbHNlXCIgW0FjdGl2ZV09XCJmYWxzZVwiPlxyXG4qICAgICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNvbGxhcHNlIHBhbmVsIC0tPlxyXG4qICAgICAgIDxoMz5QYW5lbCAzPC9oMz5cclxuKiAgICAgICA8cD5QYW5lbCAzIGNvbnRlbnQuLi48L3A+XHJcbiogICA8L21lZmRldi1jb2xsYXBzZT5cclxuKiA8L21lZmRldi1jb2xsYXBzZS1zZXQ+XHJcbipgYGBcclxuKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY29sbGFwc2Utc2V0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29sbGFwc2Utc2V0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2xsYXBzZS1zZXQuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29sbGFwc2VTZXRDb21wb25lbnQge1xyXG4gIFxyXG4gIHByaXZhdGUgX2FjY29yZGlvbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2hvcml6b250YWwgPSB0cnVlO1xyXG4gIHByaXZhdGUgX2V4cGFuZEFueSA9IHRydWU7XHJcbiAgcGFuZWxzOiBDb2xsYXBzZUNvbXBvbmVudFtdID0gW107XHJcblxyXG4gIC8qKlxyXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIG11bHRpcGxlIHBhbmVscyBjYW4gYmUgZXhwYW5kZWQgc2ltdWx0YW5lb3VzbHkuXHJcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIGFsbG93IG11bHRpcGxlIHBhbmVscyB0byBiZSBleHBhbmRlZC4gRGVmYXVsdHMgdG8gYGZhbHNlYC5cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIHNldCBleHBhbmRBbnkodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2FjY29yZGlvbiA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGV4cGFuZEFueSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY2NvcmRpb247XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29sbGFwc2Ugc2V0IG9wZXJhdGVzIGFzIGFuIGFjY29yZGlvbi5cclxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgdG8gZW5hYmxlIGFjY29yZGlvbiBiZWhhdmlvci4gRGVmYXVsdHMgdG8gYGZhbHNlYC5cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIHNldCBBY2NvcmRpb24odmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2FjY29yZGlvbiA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IEFjY29yZGlvbigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY2NvcmRpb247XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29sbGFwc2Ugc2V0IGlzIGRpc3BsYXllZCBob3Jpem9udGFsbHkgb3IgdmVydGljYWxseS5cclxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgZm9yIGhvcml6b250YWwgZGlzcGxheSBhbmQgYGZhbHNlYCBmb3IgdmVydGljYWwgZGlzcGxheS4gRGVmYXVsdHMgdG8gYHRydWVgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IEhvcml6b250YWwodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2hvcml6b250YWwgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGdldCBIb3Jpem9udGFsKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2hvcml6b250YWw7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBoYW5kbGVyIGZvciB0aGUgY2xpY2sgZXZlbnQgb24gYSBjb2xsYXBzZSBwYW5lbC5cclxuICAgKiBDbG9zZXMgb3RoZXIgcGFuZWxzIGlmIHRoZSBjb2xsYXBzZSBzZXQgaXMgYW4gYWNjb3JkaW9uIGFuZCBkb2VzIG5vdCBhbGxvdyBtdWx0aXBsZSBleHBhbnNpb25zLlxyXG4gICAqXHJcbiAgICogQHBhcmFtIGNvbGxhcHNlIFRoZSBjbGlja2VkIGNvbGxhcHNlIGNvbXBvbmVudC5cclxuICAgKi9cclxuICBwZ0NsaWNrKGNvbGxhcHNlOiBDb2xsYXBzZUNvbXBvbmVudCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuQWNjb3JkaW9uICYmICF0aGlzLmV4cGFuZEFueSkge1xyXG4gICAgICB0aGlzLnBhbmVscy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XHJcbiAgICAgICAgY29uc3QgY3VySW5kZXggPSB0aGlzLnBhbmVscy5pbmRleE9mKGNvbGxhcHNlKTtcclxuICAgICAgICBpZiAoaW5kZXggIT09IGN1ckluZGV4KSB7XHJcbiAgICAgICAgICBpdGVtLkFjdGl2ZSA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBBZGRzIGEgY29sbGFwc2UgcGFuZWwgdG8gdGhlIGNvbGxhcHNlIHNldC5cclxuICAgKlxyXG4gICAqIEBwYXJhbSBjb2xsYXBzZSBUaGUgY29sbGFwc2UgY29tcG9uZW50IHRvIGJlIGFkZGVkLlxyXG4gICAqL1xyXG4gIGFkZFRhYihjb2xsYXBzZTogQ29sbGFwc2VDb21wb25lbnQpOiB2b2lkIHtcclxuICAgIHRoaXMucGFuZWxzLnB1c2goY29sbGFwc2UpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1ncm91cFwiIFtjbGFzcy5ob3Jpem9udGFsXT1cIkhvcml6b250YWxcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+Il19
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { CollapseSetComponent } from './collapse-set/collapse-set.component';
|
|
4
|
-
import { CollapseComponent } from './collapse/collapse.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export const mefDevCollapseModuleComponents = [CollapseSetComponent, CollapseComponent];
|
|
7
|
-
export class MefDevCollapseModule {
|
|
8
|
-
static forRoot() {
|
|
9
|
-
return {
|
|
10
|
-
ngModule: MefDevCollapseModule
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
14
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: MefDevCollapseModule, declarations: [CollapseSetComponent, CollapseComponent], imports: [CommonModule], exports: [CollapseSetComponent, CollapseComponent] });
|
|
15
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevCollapseModule, imports: [CommonModule] });
|
|
16
|
-
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefDevCollapseModule, decorators: [{
|
|
18
|
-
type: NgModule,
|
|
19
|
-
args: [{
|
|
20
|
-
declarations: mefDevCollapseModuleComponents,
|
|
21
|
-
exports: mefDevCollapseModuleComponents,
|
|
22
|
-
imports: [CommonModule]
|
|
23
|
-
}]
|
|
24
|
-
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFFbEUsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsQ0FBQyxvQkFBb0IsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0FBUXhGLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtTQUMvQixDQUFDO0lBQ0osQ0FBQzt3R0FMVSxvQkFBb0I7eUdBQXBCLG9CQUFvQixpQkFSYyxvQkFBb0IsRUFBRSxpQkFBaUIsYUFLcEUsWUFBWSxhQUxpQixvQkFBb0IsRUFBRSxpQkFBaUI7eUdBUXpFLG9CQUFvQixZQUhmLFlBQVk7OzRGQUdqQixvQkFBb0I7a0JBTmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLDhCQUE4QjtvQkFDNUMsT0FBTyxFQUFPLDhCQUE4QjtvQkFDNUMsT0FBTyxFQUFPLENBQUUsWUFBWSxDQUFFO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlLE1vZHVsZVdpdGhQcm92aWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2VTZXRDb21wb25lbnQgfSBmcm9tICcuL2NvbGxhcHNlLXNldC9jb2xsYXBzZS1zZXQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29sbGFwc2VDb21wb25lbnQgfSBmcm9tICcuL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgY29uc3QgbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzID0gW0NvbGxhcHNlU2V0Q29tcG9uZW50LCBDb2xsYXBzZUNvbXBvbmVudF07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzLFxyXG4gIGV4cG9ydHMgICAgIDogbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzLFxyXG4gIGltcG9ydHMgICAgIDogWyBDb21tb25Nb2R1bGUgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE1lZkRldkNvbGxhcHNlTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE1lZkRldkNvbGxhcHNlTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogTWVmRGV2Q29sbGFwc2VNb2R1bGVcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export * from './collapse-set/collapse-set.component';
|
|
2
|
-
export * from './collapse/collapse.component';
|
|
3
|
-
export * from './collapse.module';
|
|
4
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jb2xsYXBzZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyxtQkFBbUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vY29sbGFwc2Utc2V0L2NvbGxhcHNlLXNldC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29sbGFwc2UubW9kdWxlJztcclxuIl19
|
|
@@ -1,5 +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';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9leGVjdXRvcnMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3RhZ2Uvc3RhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zdGVwLWV4ZWN1dG9yL3N0ZXAtZXhlY3V0b3IuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9tZWZkZXYtZXhlY3V0b3ItcGFnZS9tZWZkZXYtZXhlY3V0b3ItcGFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N0ZXAtZXhlY3V0b3IubW9kdWxlJztcclxuIl19
|
package/esm2022/lib/markup-kit/executors/mefdev-executor-page/mefdev-executor-page.component.mjs
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Host, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../step-executor/step-executor.component";
|
|
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 class MefdevExecutorPageComponent {
|
|
36
|
-
_mainExecutor;
|
|
37
|
-
_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;
|
|
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 = false;
|
|
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 = false;
|
|
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 = new EventEmitter();
|
|
79
|
-
elRef;
|
|
80
|
-
constructor(_mainExecutor, _elementRef) {
|
|
81
|
-
this._mainExecutor = _mainExecutor;
|
|
82
|
-
this._elementRef = _elementRef;
|
|
83
|
-
this.elRef = _elementRef;
|
|
84
|
-
_mainExecutor.pages.push(this);
|
|
85
|
-
if (_mainExecutor.activePageInd == -1) {
|
|
86
|
-
_mainExecutor.activePageInd = 0;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
ngOnChanges(changes) {
|
|
90
|
-
this.isCompletedChange.emit(changes['isCompleted']?.currentValue);
|
|
91
|
-
}
|
|
92
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefdevExecutorPageComponent, deps: [{ token: i1.StepExecutorComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
93
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MefdevExecutorPageComponent, selector: "mefdev-executor-page", inputs: { title: "title", isActive: "isActive", isCompleted: "isCompleted" }, outputs: { isCompletedChange: "isCompletedChange" }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
94
|
-
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MefdevExecutorPageComponent, decorators: [{
|
|
96
|
-
type: Component,
|
|
97
|
-
args: [{
|
|
98
|
-
selector: 'mefdev-executor-page',
|
|
99
|
-
template: '<ng-content></ng-content>',
|
|
100
|
-
}]
|
|
101
|
-
}], ctorParameters: function () { return [{ type: i1.StepExecutorComponent, decorators: [{
|
|
102
|
-
type: Host
|
|
103
|
-
}] }, { type: i0.ElementRef }]; }, propDecorators: { title: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}], isActive: [{
|
|
106
|
-
type: Input
|
|
107
|
-
}], isCompleted: [{
|
|
108
|
-
type: Input
|
|
109
|
-
}], isCompletedChange: [{
|
|
110
|
-
type: Output
|
|
111
|
-
}] } });
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVmZGV2LWV4ZWN1dG9yLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvZXhlY3V0b3JzL21lZmRldi1leGVjdXRvci1wYWdlL21lZmRldi1leGVjdXRvci1wYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUFjLFlBQVksRUFBRSxJQUFJLEVBQ3pDLEtBQUssRUFBYSxNQUFNLEVBQ3pCLE1BQU0sZUFBZSxDQUFDOzs7QUFHdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQThCSTtBQU9KLE1BQU0sT0FBTywyQkFBMkI7SUFtRGxCO0lBQ1I7SUFsRFo7Ozs7OztPQU1HO0lBQ00sS0FBSyxDQUFTO0lBRXZCOzs7Ozs7Ozs7Ozs7O09BYUc7SUFDTSxRQUFRLEdBQVksS0FBSyxDQUFDO0lBR25DOzs7Ozs7O09BT0c7SUFDTSxXQUFXLEdBQVksS0FBSyxDQUFDO0lBRXRDOzs7Ozs7O09BT0c7SUFDTyxpQkFBaUIsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUUxRSxLQUFLLENBQWE7SUFFekIsWUFDb0IsYUFBb0MsRUFDNUMsV0FBdUI7UUFEZixrQkFBYSxHQUFiLGFBQWEsQ0FBdUI7UUFDNUMsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFFakMsSUFBSSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDekIsYUFBYSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0IsSUFBSSxhQUFhLENBQUMsYUFBYSxJQUFJLENBQUMsQ0FBQyxFQUFFO1lBQ3JDLGFBQWEsQ0FBQyxhQUFhLEdBQUcsQ0FBQyxDQUFDO1NBQ2pDO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRSxZQUFZLENBQUMsQ0FBQztJQUNwRSxDQUFDO3dHQS9EVSwyQkFBMkI7NEZBQTNCLDJCQUEyQixvTkFINUIsMkJBQTJCOzs0RkFHMUIsMkJBQTJCO2tCQUx2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSwyQkFBMkI7aUJBQ3RDOzswQkFxRE0sSUFBSTtxRUExQ0EsS0FBSztzQkFBYixLQUFLO2dCQWdCRyxRQUFRO3NCQUFoQixLQUFLO2dCQVdHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBVUksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdCxcclxuICBJbnB1dCwgT25DaGFuZ2VzLCBPdXRwdXQsIFNpbXBsZUNoYW5nZXNcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RlcEV4ZWN1dG9yQ29tcG9uZW50IH0gZnJvbSAnLi4vc3RlcC1leGVjdXRvci9zdGVwLWV4ZWN1dG9yLmNvbXBvbmVudCc7XHJcblxyXG4vKipcclxuICogQSBjb21wb25lbnQgdGhhdCBhbGxvd3MgdXMgdG8gY3JlYXRlIGEgY29udGVudCBwYWdlIC0gYSBzdGVwIGluIG91ciBleGVjdXRvci5cclxuICogRWFjaCBpbmRpdmlkdWFsIHN0ZXAgY2FuIGhhdmUgZGlmZmVyZW50IHN0eWxlcywgY29udGVudCBhbmQgc2V0dGluZ3MuXHJcbiAqXHJcbiAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAqXHJcbiAqIGBgYFxyXG4gKiAgPG1lZmRldi1leGVjdXRvci1wYWdlXHJcbiAqICAgICBbdGl0bGVdPVwiJ0V4ZWN1dG9yIHRpdGxlIDEnXCJcclxuICogICAgIFtpc0FjdGl2ZV09XCJtYWluRXhlY3V0b3IuYWN0aXZlUGFnZUluZCA9PT0gMFwiXHJcbiAqICAgICBbaXNDb21wbGV0ZWRdPVwibWFpbkV4ZWN1dG9yLmFjdGl2ZVBhZ2VJbmQgPj0gMFwiXHJcbiAqICAgICBjbGFzcz1cInlvdXJDbGFzc1wiPlxyXG4gKiAgICAgIDwhLS0gQ29udGVudCBvZiB0aGUgZmlyc3QgZXhlY3V0b3Igc3RlcCAtLT5cclxuICogIDwvbWVmZGV2LWV4ZWN1dG9yLXBhZ2U+XHJcbiAqICA8bWVmZGV2LWV4ZWN1dG9yLXBhZ2VcclxuICogICAgIFt0aXRsZV09XCInRXhlY3V0b3IgdGl0bGUgMidcIlxyXG4gKiAgICAgW2lzQWN0aXZlXT1cIm1haW5FeGVjdXRvci5hY3RpdmVQYWdlSW5kID09PSAxXCJcclxuICogICAgIFtpc0NvbXBsZXRlZF09XCJtYWluRXhlY3V0b3IuYWN0aXZlUGFnZUluZCA+PSAxXCJcclxuICogICAgIGNsYXNzPVwieW91ckNsYXNzXCI+XHJcbiAqICAgICAgPCEtLSBDb250ZW50IG9mIHRoZSBzZWNvbmQgZXhlY3V0b3Igc3RlcCAtLT5cclxuICogIDwvbWVmZGV2LWV4ZWN1dG9yLXBhZ2U+XHJcbiAqICA8bWVmZGV2LWV4ZWN1dG9yLXBhZ2VcclxuICogICAgIFt0aXRsZV09XCInRXhlY3V0b3IgdGl0bGUgMydcIlxyXG4gKiAgICAgW2lzQWN0aXZlXT1cIm1haW5FeGVjdXRvci5hY3RpdmVQYWdlSW5kID09PSAyXCJcclxuICogICAgIFtpc0NvbXBsZXRlZF09XCJtYWluRXhlY3V0b3IuYWN0aXZlUGFnZUluZCA+PSAyXCJcclxuICogICAgIGNsYXNzPVwieW91ckNsYXNzXCI+XHJcbiAqICAgICAgPCEtLSBDb250ZW50IG9mIHRoZSB0aGlyZCBleGVjdXRvciBzdGVwIC0tPlxyXG4gKiAgPC9tZWZkZXYtZXhlY3V0b3ItcGFnZT5cclxuICogYGBgXHJcbiAqXHJcbiAgKi9cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LWV4ZWN1dG9yLXBhZ2UnLFxyXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgTWVmZGV2RXhlY3V0b3JQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBzdGVwXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiAgPG1lZmRldi1leGVjdXRvci1wYWdlIFt0aXRsZV09XCInRGVzY3JpcHRpb24gb2Ygc2l0dWF0aW9uIDEnXCI+PC9tZWZkZXYtZXhlY3V0b3ItcGFnZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgaW5wdXQgcGFyYW1ldGVyIHRoYXQgY29ycmVzcG9uZHMgdG8gd2hldGhlciB0aGUgY3VycmVudCBzdGVwIG1hdGNoZXMgdGhlIHJlc3BlY3RpdmUgcGFnZS5cclxuICAgKiBUaGUgdmFsdWUgb2YgdGhlIGFjdGl2ZSBwYWdlIGlzIHBhc3NlZCBieSByZWZlcmVuY2UgZnJvbSB0aGUgc3BlY2lmaWMgY29tcG9uZW50IFN0ZXBFeGVjdXRvckNvbXBvbmVudC5cclxuICAgKlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogIDxtZWZkZXYtc3RlcC1leGVjdXRvciAjbWFpbkV4ZWN1dG9yPlxyXG4gICAqICAgIDxtZWZkZXYtZXhlY3V0b3ItcGFnZSBbaXNBY3RpdmVdPVwibWFpbkV4ZWN1dG9yLmFjdGl2ZVBhZ2VJbmQgPT09IDBcIj5cclxuICAgKiAgICA8bWVmZGV2LWV4ZWN1dG9yLXBhZ2UgW2lzQWN0aXZlXT1cIm1haW5FeGVjdXRvci5hY3RpdmVQYWdlSW5kID09PSAxXCI+XHJcbiAgICogICAgPG1lZmRldi1leGVjdXRvci1wYWdlIFtpc0FjdGl2ZV09XCJtYWluRXhlY3V0b3IuYWN0aXZlUGFnZUluZCA9PT0gMlwiPlxyXG4gICAqICA8LzxtZWZkZXYtc3RlcC1leGVjdXRvcj5cclxuICAgKlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGlzQWN0aXZlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG5cclxuICAvKipcclxuICAgKiBUaGUgaW5wdXQgcGFyYW1ldGVyIHRoYXQgY2hlY2tzIHdoZXRoZXIgdGhlIHN0ZXAgaXMgY29tcGxldGVkLlxyXG4gICAqXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiAgPG1lZmRldi1leGVjdXRvci1wYWdlIFtpc0NvbXBsZXRlZF09XCJtYWluRXhlY3V0b3IuYWN0aXZlUGFnZUluZCA+PSAwXCI+PC9tZWZkZXYtZXhlY3V0b3ItcGFnZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSBpc0NvbXBsZXRlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgb3V0cHV0IHBhcmFtZXRlciB0aGF0IGVtaXRzIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgb3VyIGNvbXBsZXRlZCBzdGVwIGhhcyBjaGFuZ2VkLlxyXG4gICAqXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiAgPG1lZmRldi1leGVjdXRvci1wYWdlIChpc0NvbXBsZXRlZENoYW5nZSk9XCJvblN0ZXBDaGFuZ2VkKCRldmVudClcIj48L21lZmRldi1leGVjdXRvci1wYWdlPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBpc0NvbXBsZXRlZENoYW5nZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBwdWJsaWMgZWxSZWY6IEVsZW1lbnRSZWY7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgICBASG9zdCgpIHByaXZhdGUgX21haW5FeGVjdXRvcjogU3RlcEV4ZWN1dG9yQ29tcG9uZW50LFxyXG4gICAgICBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmXHJcbiAgKSB7XHJcbiAgICB0aGlzLmVsUmVmID0gX2VsZW1lbnRSZWY7XHJcbiAgICBfbWFpbkV4ZWN1dG9yLnBhZ2VzLnB1c2godGhpcyk7XHJcbiAgICBpZiAoX21haW5FeGVjdXRvci5hY3RpdmVQYWdlSW5kID09IC0xKSB7XHJcbiAgICAgIF9tYWluRXhlY3V0b3IuYWN0aXZlUGFnZUluZCA9IDA7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XHJcbiAgICB0aGlzLmlzQ29tcGxldGVkQ2hhbmdlLmVtaXQoY2hhbmdlc1snaXNDb21wbGV0ZWQnXT8uY3VycmVudFZhbHVlKTtcclxuICB9XHJcblxyXG5cclxufVxyXG4iXX0=
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
|
-
/**
|
|
5
|
-
* @ignore
|
|
6
|
-
*/
|
|
7
|
-
export class StageComponent {
|
|
8
|
-
currentExecutorStep;
|
|
9
|
-
isRightModal;
|
|
10
|
-
isCompleted;
|
|
11
|
-
title;
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StageComponent, selector: "mefdev-stage", inputs: { currentExecutorStep: "currentExecutorStep", isRightModal: "isRightModal", isCompleted: "isCompleted", title: "title" }, ngImport: i0, template: "<div class=\"step\">\r\n <ng-container *ngIf=\"!isCompleted else done\">\r\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" [ngStyle]=\"isRightModal ? { 'fill': '#FFFFFF' } : { 'fill': '#F3F3F3' }\">\r\n <rect width=\"36\" height=\"36\" rx=\"18\" />\r\n <text class=\"body-3\" x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-size=\"16\" fill=\"black\">\r\n {{ currentExecutorStep }}\r\n </text>\r\n </svg>\r\n <div class=\"body-6 descriptionStepText\" *ngIf=\"!isRightModal\">\r\n {{ title }}\r\n </div>\r\n </ng-container>\r\n</div>\r\n<ng-template #done>\r\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"35\" height=\"35\" rx=\"17.5\" stroke=\"#929292\"/>\r\n <path d=\"M24.7373 10L14.5466 20.3769L11.2415 17.0114L8 20.3122L11.3051 23.6777L14.5678 27L17.8093 23.6992L28 13.3224L24.7373 10Z\"\r\n fill=\"#28B446\"/>\r\n </svg>\r\n <span class=\"body-6 descriptionStepText\" *ngIf=\"!isRightModal\">\r\n {{ title }}\r\n </span>\r\n</ng-template>\r\n", styles: [".step{display:flex;align-items:center;column-gap:11px}.step .descriptionStepText{width:77px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
14
|
-
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StageComponent, decorators: [{
|
|
16
|
-
type: Component,
|
|
17
|
-
args: [{ selector: 'mefdev-stage', template: "<div class=\"step\">\r\n <ng-container *ngIf=\"!isCompleted else done\">\r\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" [ngStyle]=\"isRightModal ? { 'fill': '#FFFFFF' } : { 'fill': '#F3F3F3' }\">\r\n <rect width=\"36\" height=\"36\" rx=\"18\" />\r\n <text class=\"body-3\" x=\"50%\" y=\"50%\" dominant-baseline=\"middle\" text-anchor=\"middle\" font-size=\"16\" fill=\"black\">\r\n {{ currentExecutorStep }}\r\n </text>\r\n </svg>\r\n <div class=\"body-6 descriptionStepText\" *ngIf=\"!isRightModal\">\r\n {{ title }}\r\n </div>\r\n </ng-container>\r\n</div>\r\n<ng-template #done>\r\n <svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"0.5\" y=\"0.5\" width=\"35\" height=\"35\" rx=\"17.5\" stroke=\"#929292\"/>\r\n <path d=\"M24.7373 10L14.5466 20.3769L11.2415 17.0114L8 20.3122L11.3051 23.6777L14.5678 27L17.8093 23.6992L28 13.3224L24.7373 10Z\"\r\n fill=\"#28B446\"/>\r\n </svg>\r\n <span class=\"body-6 descriptionStepText\" *ngIf=\"!isRightModal\">\r\n {{ title }}\r\n </span>\r\n</ng-template>\r\n", styles: [".step{display:flex;align-items:center;column-gap:11px}.step .descriptionStepText{width:77px}\n"] }]
|
|
18
|
-
}], propDecorators: { currentExecutorStep: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], isRightModal: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}], isCompleted: [{
|
|
23
|
-
type: Input
|
|
24
|
-
}], title: [{
|
|
25
|
-
type: Input
|
|
26
|
-
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvZXhlY3V0b3JzL3N0YWdlL3N0YWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L2V4ZWN1dG9ycy9zdGFnZS9zdGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRWpEOztHQUVHO0FBUUgsTUFBTSxPQUFPLGNBQWM7SUFFaEIsbUJBQW1CLENBQVM7SUFDNUIsWUFBWSxDQUFVO0lBQ3RCLFdBQVcsQ0FBVTtJQUNyQixLQUFLLENBQVM7d0dBTFosY0FBYzs0RkFBZCxjQUFjLHNMQ1ozQix5c0NBdUJBOzs0RkRYYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLGNBQWM7OEJBT2YsbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG4vKipcclxuICogQGlnbm9yZVxyXG4gKi9cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LXN0YWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3RhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3N0YWdlLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU3RhZ2VDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKSBjdXJyZW50RXhlY3V0b3JTdGVwOiBudW1iZXI7XHJcbiAgQElucHV0KCkgaXNSaWdodE1vZGFsOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGlzQ29tcGxldGVkOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzdGVwXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzQ29tcGxldGVkIGVsc2UgZG9uZVwiPlxyXG4gICAgICAgIDxzdmcgd2lkdGg9XCIzNlwiIGhlaWdodD1cIjM2XCIgdmlld0JveD1cIjAgMCAzNiAzNlwiIFtuZ1N0eWxlXT1cImlzUmlnaHRNb2RhbCA/IHsgJ2ZpbGwnOiAnI0ZGRkZGRicgfSA6IHsgJ2ZpbGwnOiAnI0YzRjNGMycgfVwiPlxyXG4gICAgICAgICAgICA8cmVjdCB3aWR0aD1cIjM2XCIgaGVpZ2h0PVwiMzZcIiByeD1cIjE4XCIgLz5cclxuICAgICAgICAgICAgPHRleHQgY2xhc3M9XCJib2R5LTNcIiB4PVwiNTAlXCIgeT1cIjUwJVwiIGRvbWluYW50LWJhc2VsaW5lPVwibWlkZGxlXCIgdGV4dC1hbmNob3I9XCJtaWRkbGVcIiBmb250LXNpemU9XCIxNlwiIGZpbGw9XCJibGFja1wiPlxyXG4gICAgICAgICAgICAgICAge3sgY3VycmVudEV4ZWN1dG9yU3RlcCB9fVxyXG4gICAgICAgICAgICA8L3RleHQ+XHJcbiAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJvZHktNiBkZXNjcmlwdGlvblN0ZXBUZXh0XCIgKm5nSWY9XCIhaXNSaWdodE1vZGFsXCI+XHJcbiAgICAgICAgICAgIHt7IHRpdGxlIH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9kaXY+XHJcbjxuZy10ZW1wbGF0ZSAjZG9uZT5cclxuICAgIDxzdmcgd2lkdGg9XCIzNlwiIGhlaWdodD1cIjM2XCIgdmlld0JveD1cIjAgMCAzNiAzNlwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxyXG4gICAgICAgIDxyZWN0IHg9XCIwLjVcIiB5PVwiMC41XCIgd2lkdGg9XCIzNVwiIGhlaWdodD1cIjM1XCIgcng9XCIxNy41XCIgc3Ryb2tlPVwiIzkyOTI5MlwiLz5cclxuICAgICAgICA8cGF0aCBkPVwiTTI0LjczNzMgMTBMMTQuNTQ2NiAyMC4zNzY5TDExLjI0MTUgMTcuMDExNEw4IDIwLjMxMjJMMTEuMzA1MSAyMy42Nzc3TDE0LjU2NzggMjdMMTcuODA5MyAyMy42OTkyTDI4IDEzLjMyMjRMMjQuNzM3MyAxMFpcIlxyXG4gICAgICAgICAgICAgIGZpbGw9XCIjMjhCNDQ2XCIvPlxyXG4gICAgPC9zdmc+XHJcbiAgICA8c3BhbiBjbGFzcz1cImJvZHktNiBkZXNjcmlwdGlvblN0ZXBUZXh0XCIgKm5nSWY9XCIhaXNSaWdodE1vZGFsXCI+XHJcbiAgICAgICAge3sgdGl0bGUgfX1cclxuICAgIDwvc3Bhbj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
|