@natec/mef-dev-ui-kit 0.0.698 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -6
- package/esm2020/lib/markup-kit/card/card/card.component.mjs +1 -1
- package/esm2020/lib/markup-kit/card/card-long/card-long.component.mjs +1 -1
- package/esm2020/lib/markup-kit/card/card-long/cart-type-colors.enum.mjs +1 -1
- package/esm2020/lib/markup-kit/card/card-simple/card-simple.component.mjs +1 -1
- package/esm2020/lib/markup-kit/card/card.module.mjs +1 -5
- package/esm2020/lib/markup-kit/card/index.mjs +1 -1
- package/esm2020/lib/markup-kit/collapse/collapse/collapse.component.mjs +3 -3
- package/esm2020/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs +1 -1
- package/esm2020/lib/markup-kit/collapse/collapse.module.mjs +1 -1
- package/esm2020/lib/markup-kit/collapse/index.mjs +1 -1
- package/esm2020/lib/markup-kit/modals/fill/fill.component.mjs +2 -2
- package/esm2020/lib/markup-kit/modals/index.mjs +1 -1
- package/esm2020/lib/markup-kit/modals/markup-kit.module.mjs +1 -1
- package/esm2020/lib/markup-kit/modals/modal-size.enum.mjs +1 -1
- package/esm2020/lib/markup-kit/modals/right-filter/right-filter.component.mjs +1 -1
- package/esm2020/lib/markup-kit/modals/slide-right/slide-right.component.mjs +2 -2
- package/esm2020/lib/markup-kit/modals/slide-up/slide-up.component.mjs +2 -2
- package/esm2020/lib/markup-kit/page-layouts/central-page/central-page.component.mjs +1 -1
- package/esm2020/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs +1 -1
- package/esm2020/lib/markup-kit/page-layouts/index.mjs +1 -1
- package/esm2020/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs +3 -3
- package/esm2020/lib/markup-kit/page-layouts/page-layouts.module.mjs +5 -6
- package/esm2020/lib/markup-kit/page-layouts/profile/profile.component.mjs +3 -3
- package/esm2020/lib/markup-kit/page-layouts/table-page/table-page.component.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field.module.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/filtered-field/index.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/help-block/help-block.component.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/help-block/hepl-block.module.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/help-block/index.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/loader/index.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/loader/loader/loader.component.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/loader/loader.module.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/loader/loader.service.mjs +1 -1
- package/esm2020/lib/markup-kit/utils/loader/request-event.enum.mjs +1 -1
- package/esm2020/lib/pg-components/card/card.components.mjs +3 -3
- package/esm2020/lib/pg-components/card/card.module.mjs +5 -5
- package/esm2020/lib/pg-components/progress/index.mjs +1 -1
- package/esm2020/lib/pg-components/progress/progress.component.mjs +6 -6
- package/esm2020/lib/pg-components/progress/progress.config.mjs +1 -1
- package/esm2020/lib/pg-components/progress/progress.module.mjs +10 -10
- package/esm2020/lib/pg-components/select/index.mjs +1 -1
- package/esm2020/lib/pg-components/select/option.component.mjs +3 -3
- package/esm2020/lib/pg-components/select/option.pipe.mjs +1 -1
- package/esm2020/lib/pg-components/select/select.component.mjs +3 -3
- package/esm2020/lib/pg-components/select/select.module.mjs +6 -6
- package/esm2020/lib/pg-components/spec-flow-test/index.mjs +1 -1
- package/esm2020/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.mjs +6 -6
- package/esm2020/lib/pg-components/spec-flow-test/spec-flow-test.module.mjs +10 -10
- package/esm2020/lib/pg-components/switch/index.mjs +1 -1
- package/esm2020/lib/pg-components/switch/switch.component.mjs +8 -8
- package/esm2020/lib/pg-components/switch/switch.module.mjs +9 -9
- package/esm2020/lib/pg-components/tabs/index.mjs +8 -8
- package/esm2020/lib/pg-components/tabs/tab-body.component.mjs +6 -6
- package/esm2020/lib/pg-components/tabs/tab-label.directive.mjs +5 -5
- package/esm2020/lib/pg-components/tabs/tab.component.mjs +11 -11
- package/esm2020/lib/pg-components/tabs/tabs-ink-bar.directive.mjs +5 -5
- package/esm2020/lib/pg-components/tabs/tabs-nav.component.mjs +12 -13
- package/esm2020/lib/pg-components/tabs/tabs.module.mjs +15 -16
- package/esm2020/lib/pg-components/tabs/tabset.component.mjs +17 -18
- package/esm2020/lib/pg-components/util/convert.mjs +1 -1
- package/esm2020/lib/pg-components/util/request-animation.mjs +1 -1
- package/esm2020/natec-mef-dev-ui-kit.mjs +1 -1
- package/esm2020/public-api.mjs +3 -4
- package/fesm2015/natec-mef-dev-ui-kit.mjs +305 -312
- package/fesm2015/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/fesm2020/natec-mef-dev-ui-kit.mjs +305 -312
- package/fesm2020/natec-mef-dev-ui-kit.mjs.map +1 -1
- package/lib/markup-kit/page-layouts/page-layouts.module.d.ts +1 -2
- package/lib/pg-components/card/card.module.d.ts +1 -1
- package/lib/pg-components/progress/progress.component.d.ts +3 -3
- package/lib/pg-components/progress/progress.module.d.ts +5 -5
- package/lib/pg-components/select/option.component.d.ts +1 -1
- package/lib/pg-components/select/select.component.d.ts +1 -1
- package/lib/pg-components/spec-flow-test/spec-flow-test/spec-flow-test.component.d.ts +3 -3
- package/lib/pg-components/spec-flow-test/spec-flow-test.module.d.ts +5 -5
- package/lib/pg-components/switch/switch.component.d.ts +3 -3
- package/lib/pg-components/switch/switch.module.d.ts +4 -4
- package/lib/pg-components/tabs/index.d.ts +7 -7
- package/lib/pg-components/tabs/tab-body.component.d.ts +3 -3
- package/lib/pg-components/tabs/tab-label.directive.d.ts +3 -3
- package/lib/pg-components/tabs/tab.component.d.ts +6 -6
- package/lib/pg-components/tabs/tabs-ink-bar.directive.d.ts +3 -3
- package/lib/pg-components/tabs/tabs-nav.component.d.ts +7 -7
- package/lib/pg-components/tabs/tabs.module.d.ts +4 -5
- package/lib/pg-components/tabs/tabset.component.d.ts +9 -9
- package/package.json +2 -2
- package/public-api.d.ts +0 -2
- package/src/lib/styles/icons.scss +3 -0
- package/src/lib/styles/pg/_color.scss +1 -1
- package/src/lib/styles/pg/_mixins.scss +4 -4
- package/src/lib/styles/pg/_var.scss +1 -1
- package/src/lib/styles/pg/core.scss +13 -1
- package/src/lib/styles/pg/modules/_select.scss +3 -3
- package/esm2020/lib/pg-components/card/index.mjs +0 -3
- package/lib/pg-components/card/index.d.ts +0 -2
|
@@ -14,8 +14,6 @@ import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
|
|
|
14
14
|
import { TAB, DOWN_ARROW, ENTER } from '@angular/cdk/keycodes';
|
|
15
15
|
import * as i1$3 from 'ngx-bootstrap/modal';
|
|
16
16
|
import { ModalModule } from 'ngx-bootstrap/modal';
|
|
17
|
-
import * as i2$1 from '@angular/cdk/observers';
|
|
18
|
-
import { ObserversModule } from '@angular/cdk/observers';
|
|
19
17
|
import { auditTime, startWith, map } from 'rxjs/operators';
|
|
20
18
|
import * as i1$4 from '@angular/cdk/bidi';
|
|
21
19
|
|
|
@@ -105,7 +103,7 @@ class CollapseComponent {
|
|
|
105
103
|
}
|
|
106
104
|
}
|
|
107
105
|
CollapseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CollapseComponent, deps: [{ token: CollapseSetComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
-
CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, 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 mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col
|
|
106
|
+
CollapseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, 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 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\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".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}.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}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
109
107
|
trigger('collapseState', [
|
|
110
108
|
state('inactive', style({
|
|
111
109
|
opacity: '0',
|
|
@@ -138,7 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
138
136
|
'[class.card]': 'true',
|
|
139
137
|
'[class.card-default]': 'true',
|
|
140
138
|
'[class.m-b-0]': 'true'
|
|
141
|
-
}, template: "<div class=\"row mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n <div class=\"col
|
|
139
|
+
}, template: "<div class=\"row 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\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".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}.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}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
|
|
142
140
|
}], ctorParameters: function () {
|
|
143
141
|
return [{ type: CollapseSetComponent, decorators: [{
|
|
144
142
|
type: Host
|
|
@@ -495,7 +493,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
495
493
|
}]
|
|
496
494
|
}] });
|
|
497
495
|
|
|
498
|
-
class
|
|
496
|
+
class MefDevProgressComponent {
|
|
499
497
|
constructor() { }
|
|
500
498
|
set value(value) {
|
|
501
499
|
if (this.type == "circle") {
|
|
@@ -514,11 +512,11 @@ class ProgressComponent {
|
|
|
514
512
|
return this._value2;
|
|
515
513
|
}
|
|
516
514
|
}
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
515
|
+
MefDevProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
516
|
+
MefDevProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MefDevProgressComponent, selector: "mefdev-progress", inputs: { type: "type", color: "color", thick: "thick", indeterminate: "indeterminate", value: "value" }, ngImport: i0, template: "<div *ngIf=\"type === 'bar'; else circleBlock\">\r\n <div *ngIf=\"indeterminate; else determineBarBlock\">\r\n <div class=\"progress\" [class.progress-small]=\"!thick\">\r\n <div class=\"progress-bar-{{ color }}\" [class.progress-bar-indeterminate]=\"indeterminate\"></div>\r\n </div>\r\n </div>\r\n <ng-template #determineBarBlock>\r\n <div class=\"progress\" [class.progress-small]=\"!thick\">\r\n <div class=\"progress-bar progress-bar-{{ color }}\" [ngStyle]=\"{ width: value + '%' }\"></div>\r\n </div>\r\n </ng-template>\r\n</div>\r\n<ng-template #circleBlock>\r\n <div class=\"progress-circle-{{ color }}\" [class.progress-circle-indeterminate]=\"indeterminate\"\r\n [class.progress-circle]=\"!indeterminate\" [class.progress-circle-thick]=\"thick\">\r\n <div *ngIf=\"indeterminate; else determineBlock\"></div>\r\n <ng-template #determineBlock>\r\n <div class=\"pie\" [ngStyle]=\"_value2 && { clip: 'rect(auto, auto, auto, auto)' }\">\r\n <div class=\"left-side half-circle\" [ngStyle]=\"_value2 && { transform: 'rotate(' + value + 'deg)' }\"></div>\r\n <div class=\"right-side half-circle\" [ngStyle]=\"{\r\n transform:\r\n _value2 === true ? 'rotate(180deg)' : 'rotate(' + value + 'deg)'\r\n }\"></div>\r\n </div>\r\n <div class=\"shadow\"></div>\r\n </ng-template>\r\n </div>\r\n</ng-template>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevProgressComponent, decorators: [{
|
|
520
518
|
type: Component,
|
|
521
|
-
args: [{ selector: "
|
|
519
|
+
args: [{ selector: "mefdev-progress", template: "<div *ngIf=\"type === 'bar'; else circleBlock\">\r\n <div *ngIf=\"indeterminate; else determineBarBlock\">\r\n <div class=\"progress\" [class.progress-small]=\"!thick\">\r\n <div class=\"progress-bar-{{ color }}\" [class.progress-bar-indeterminate]=\"indeterminate\"></div>\r\n </div>\r\n </div>\r\n <ng-template #determineBarBlock>\r\n <div class=\"progress\" [class.progress-small]=\"!thick\">\r\n <div class=\"progress-bar progress-bar-{{ color }}\" [ngStyle]=\"{ width: value + '%' }\"></div>\r\n </div>\r\n </ng-template>\r\n</div>\r\n<ng-template #circleBlock>\r\n <div class=\"progress-circle-{{ color }}\" [class.progress-circle-indeterminate]=\"indeterminate\"\r\n [class.progress-circle]=\"!indeterminate\" [class.progress-circle-thick]=\"thick\">\r\n <div *ngIf=\"indeterminate; else determineBlock\"></div>\r\n <ng-template #determineBlock>\r\n <div class=\"pie\" [ngStyle]=\"_value2 && { clip: 'rect(auto, auto, auto, auto)' }\">\r\n <div class=\"left-side half-circle\" [ngStyle]=\"_value2 && { transform: 'rotate(' + value + 'deg)' }\"></div>\r\n <div class=\"right-side half-circle\" [ngStyle]=\"{\r\n transform:\r\n _value2 === true ? 'rotate(180deg)' : 'rotate(' + value + 'deg)'\r\n }\"></div>\r\n </div>\r\n <div class=\"shadow\"></div>\r\n </ng-template>\r\n </div>\r\n</ng-template>" }]
|
|
522
520
|
}], ctorParameters: function () { return []; }, propDecorators: { type: [{
|
|
523
521
|
type: Input
|
|
524
522
|
}], color: [{
|
|
@@ -664,7 +662,7 @@ class pgCard {
|
|
|
664
662
|
}
|
|
665
663
|
}
|
|
666
664
|
pgCard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
667
|
-
pgCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgCard, selector: "pgcard", inputs: { Title: "Title", Type: "Type", MinimalHeader: "MinimalHeader", ProgressType: "ProgressType", ProgressColor: "ProgressColor", Refresh: "Refresh", RefreshColor: "RefreshColor", Maximize: "Maximize", Close: "Close", Toggle: "Toggle", HeaderClass: "HeaderClass", BodyClass: "BodyClass", AdditionalClasses: "AdditionalClasses", Controls: "Controls", ShowMessage: "ShowMessage", Message: "Message", Loading: "Loading", TimeOut: "TimeOut", CardBorderStyle: "CardBorderStyle" }, outputs: { onRefresh: "onRefresh" }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }, { propertyName: "CardExtraControls", first: true, predicate: ["CardExtraControls"], descendants: true }], viewQueries: [{ propertyName: "_hostContent", first: true, predicate: ["hostContent"], descendants: true }, { propertyName: "minimalCircleLoading", first: true, predicate: ["minimalCircleLoading"], descendants: true }, { propertyName: "minimalCircleLoadingTrigger", first: true, predicate: ["minimalCircleLoadingTrigger"], descendants: true }], ngImport: i0, template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n [ngStyle]=\"{'border': _card_border_style}\">\r\n <div class=\"card-header {{ _extraHeaderClass }}\">\r\n <div class=\"card-title\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n <li *ngIf=\"_toggle == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n </li>\r\n <li *ngIf=\"_refresh == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n class=\"card-icon card-icon-refresh\"></i></a>\r\n </li>\r\n <li *ngIf=\"_maximize == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n class=\"card-icon card-icon-maximize\"></i></a>\r\n </li>\r\n <li *ngIf=\"_close == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n class=\"card-icon card-icon-close\"></i></a>\r\n </li>\r\n </ul>\r\n <!-- <ng-template #minimalBlock>\r\n <ul>\r\n <li>\r\n <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n [class.refreshing]=\"_isLoading\">\r\n <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n _refreshColor == 'light' ? 'white' : 'master'\r\n }}\" [class.fade]=\"_isLoading\"></i>\r\n <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n [class.hide]=\"_isLoading != true\"></i>\r\n </a>\r\n </li>\r\n </ul>\r\n </ng-template> -->\r\n </div>\r\n </div>\r\n <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n <div class=\"alert alert-danger\">\r\n <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{ 'Close' }}</span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\" display: block;\"></div>\r\n <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\"display: block;pointer-events: none\">\r\n <
|
|
665
|
+
pgCard.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgCard, selector: "pgcard", inputs: { Title: "Title", Type: "Type", MinimalHeader: "MinimalHeader", ProgressType: "ProgressType", ProgressColor: "ProgressColor", Refresh: "Refresh", RefreshColor: "RefreshColor", Maximize: "Maximize", Close: "Close", Toggle: "Toggle", HeaderClass: "HeaderClass", BodyClass: "BodyClass", AdditionalClasses: "AdditionalClasses", Controls: "Controls", ShowMessage: "ShowMessage", Message: "Message", Loading: "Loading", TimeOut: "TimeOut", CardBorderStyle: "CardBorderStyle" }, outputs: { onRefresh: "onRefresh" }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }, { propertyName: "CardExtraControls", first: true, predicate: ["CardExtraControls"], descendants: true }], viewQueries: [{ propertyName: "_hostContent", first: true, predicate: ["hostContent"], descendants: true }, { propertyName: "minimalCircleLoading", first: true, predicate: ["minimalCircleLoading"], descendants: true }, { propertyName: "minimalCircleLoadingTrigger", first: true, predicate: ["minimalCircleLoadingTrigger"], descendants: true }], ngImport: i0, template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n [ngStyle]=\"{'border': _card_border_style}\">\r\n <div class=\"card-header {{ _extraHeaderClass }}\">\r\n <div class=\"card-title\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n <li *ngIf=\"_toggle == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n </li>\r\n <li *ngIf=\"_refresh == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n class=\"card-icon card-icon-refresh\"></i></a>\r\n </li>\r\n <li *ngIf=\"_maximize == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n class=\"card-icon card-icon-maximize\"></i></a>\r\n </li>\r\n <li *ngIf=\"_close == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n class=\"card-icon card-icon-close\"></i></a>\r\n </li>\r\n </ul>\r\n <!-- <ng-template #minimalBlock>\r\n <ul>\r\n <li>\r\n <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n [class.refreshing]=\"_isLoading\">\r\n <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n _refreshColor == 'light' ? 'white' : 'master'\r\n }}\" [class.fade]=\"_isLoading\"></i>\r\n <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n [class.hide]=\"_isLoading != true\"></i>\r\n </a>\r\n </li>\r\n </ul>\r\n </ng-template> -->\r\n </div>\r\n </div>\r\n <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n <div class=\"alert alert-danger\">\r\n <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{ 'Close' }}</span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\" display: block;\"></div>\r\n <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\"display: block;pointer-events: none\">\r\n <mefdev-progress *ngIf=\"_minimalHeader == false\" type=\"{{ _progressType }}\" color=\"{{ _progressColor }}\"\r\n indeterminate=\"true\" class=\"\"></mefdev-progress>\r\n </div>\r\n</div>", components: [{ type: MefDevProgressComponent, selector: "mefdev-progress", inputs: ["type", "color", "thick", "indeterminate", "value"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], animations: [
|
|
668
666
|
trigger("collapseState", [
|
|
669
667
|
state("inactive", style({
|
|
670
668
|
opacity: "0",
|
|
@@ -721,7 +719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
721
719
|
transition("false => true", animate("500ms ease-in")),
|
|
722
720
|
transition("true => false", animate("500ms ease-out"))
|
|
723
721
|
])
|
|
724
|
-
], template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n [ngStyle]=\"{'border': _card_border_style}\">\r\n <div class=\"card-header {{ _extraHeaderClass }}\">\r\n <div class=\"card-title\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n <li *ngIf=\"_toggle == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n </li>\r\n <li *ngIf=\"_refresh == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n class=\"card-icon card-icon-refresh\"></i></a>\r\n </li>\r\n <li *ngIf=\"_maximize == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n class=\"card-icon card-icon-maximize\"></i></a>\r\n </li>\r\n <li *ngIf=\"_close == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n class=\"card-icon card-icon-close\"></i></a>\r\n </li>\r\n </ul>\r\n <!-- <ng-template #minimalBlock>\r\n <ul>\r\n <li>\r\n <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n [class.refreshing]=\"_isLoading\">\r\n <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n _refreshColor == 'light' ? 'white' : 'master'\r\n }}\" [class.fade]=\"_isLoading\"></i>\r\n <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n [class.hide]=\"_isLoading != true\"></i>\r\n </a>\r\n </li>\r\n </ul>\r\n </ng-template> -->\r\n </div>\r\n </div>\r\n <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n <div class=\"alert alert-danger\">\r\n <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{ 'Close' }}</span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\" display: block;\"></div>\r\n <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\"display: block;pointer-events: none\">\r\n <
|
|
722
|
+
], template: "<div class=\"card card-{{ _type }} {{ _additionalClasses }}\" *ngIf=\"!_close_card\" [class.card-collapsed]=\"_isCollapsed\"\r\n [class.card-maximized]=\"_isMaximixed\" #hostContent class=\"col-sm-12 col-md-6 col-lg-4\"\r\n [ngStyle]=\"{'border': _card_border_style}\">\r\n <div class=\"card-header {{ _extraHeaderClass }}\">\r\n <div class=\"card-title\">\r\n <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n </div>\r\n <div class=\"card-controls\" *ngIf=\"_showTools == true\">\r\n <ng-template [ngTemplateOutlet]=\"CardExtraControls\"></ng-template>\r\n <ul *ngIf=\"_minimalHeader == false; else minimalBlock\">\r\n <li *ngIf=\"_toggle == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-collapse\" (click)=\"toggle()\"><i\r\n class=\"pg pg-arrow_maximize\" [class.pg-arrow_minimize]=\"_isCollapsed\"></i></a>\r\n </li>\r\n <li *ngIf=\"_refresh == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-refresh\" (click)=\"refresh()\"><i\r\n class=\"card-icon card-icon-refresh\"></i></a>\r\n </li>\r\n <li *ngIf=\"_maximize == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-maximize\" (click)=\"maximize()\"><i\r\n class=\"card-icon card-icon-maximize\"></i></a>\r\n </li>\r\n <li *ngIf=\"_close == true\">\r\n <a href=\"javascript:void(0);\" data-toggle class=\"card-close\" (click)=\"close()\"><i\r\n class=\"card-icon card-icon-close\"></i></a>\r\n </li>\r\n </ul>\r\n <!-- <ng-template #minimalBlock>\r\n <ul>\r\n <li>\r\n <a href=\"javascript:void(0);\" (click)=\"refresh()\" class=\"card-refresh minimal\"\r\n [class.refreshing]=\"_isLoading\">\r\n <i #minimalCircleLoadingTrigger class=\"card-icon card-icon-refresh-lg-{{\r\n _refreshColor == 'light' ? 'white' : 'master'\r\n }}\" [class.fade]=\"_isLoading\"></i>\r\n <i #minimalCircleLoading class=\"card-icon-refresh-lg-white-animated\"\r\n style=\"position: absolute;top:0;left:0\" [class.active]=\"_isLoading\"\r\n [class.hide]=\"_isLoading != true\"></i>\r\n </a>\r\n </li>\r\n </ul>\r\n </ng-template> -->\r\n </div>\r\n </div>\r\n <div class=\"card-body {{ _extraBodyClass }}\" [@collapseState]=\"_isCollapsed == true ? 'inactive' : 'active'\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"pgn-wrapper\" data-position=\"top\">\r\n <div class=\"pgn pgn-bar push-on-sidebar-open\">\r\n <div class=\"alert alert-danger\">\r\n <span>{{ _message }}</span><button class=\"close\" (click)=\"alertDismiss()\" type=\"button\">\r\n <span aria-hidden=\"true\">\u00D7</span><span class=\"sr-only\">{{ 'Close' }}</span>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"_messageVisible == true\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\" display: block;\"></div>\r\n <div [@fadeAnimation]=\"_isLoading\" class=\"card-progress\" [style.backgroundColor]=\"\r\n _minimalHeader ? 'rgba(0,0,0, 0.6)' : 'rgba(255, 255, 255, 0.8)'\r\n \" style=\"display: block;pointer-events: none\">\r\n <mefdev-progress *ngIf=\"_minimalHeader == false\" type=\"{{ _progressType }}\" color=\"{{ _progressColor }}\"\r\n indeterminate=\"true\" class=\"\"></mefdev-progress>\r\n </div>\r\n</div>" }]
|
|
725
723
|
}], propDecorators: { _hostContent: [{
|
|
726
724
|
type: ViewChild,
|
|
727
725
|
args: ["hostContent"]
|
|
@@ -1516,7 +1514,7 @@ class pgSelectComponent {
|
|
|
1516
1514
|
}
|
|
1517
1515
|
}
|
|
1518
1516
|
pgSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1519
|
-
pgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgSelectComponent, selector: "
|
|
1517
|
+
pgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgSelectComponent, selector: "mefdev-select", inputs: { Filter: "Filter", MaxMultiple: "MaxMultiple", FirstDefault: "FirstDefault", AllowClear: "AllowClear", KeepUnListOptions: "KeepUnListOptions", Mode: "Mode", Multiple: "Multiple", PlaceHolder: "PlaceHolder", NotFoundContent: "NotFoundContent", Size: "Size", ShowSearch: "ShowSearch", Tags: "Tags", Disabled: "Disabled", Open: "Open" }, outputs: { SearchChange: "SearchChange", change: "change", OpenChange: "OpenChange", ScrollToBottom: "ScrollToBottom" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, providers: [
|
|
1520
1518
|
{
|
|
1521
1519
|
provide: NG_VALUE_ACCESSOR,
|
|
1522
1520
|
useExisting: forwardRef(() => pgSelectComponent),
|
|
@@ -1567,7 +1565,7 @@ pgSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
1567
1565
|
])], encapsulation: i0.ViewEncapsulation.None });
|
|
1568
1566
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgSelectComponent, decorators: [{
|
|
1569
1567
|
type: Component,
|
|
1570
|
-
args: [{ selector: "
|
|
1568
|
+
args: [{ selector: "mefdev-select", encapsulation: ViewEncapsulation.None, providers: [
|
|
1571
1569
|
{
|
|
1572
1570
|
provide: NG_VALUE_ACCESSOR,
|
|
1573
1571
|
useExisting: forwardRef(() => pgSelectComponent),
|
|
@@ -1709,12 +1707,12 @@ class pgOptionComponent {
|
|
|
1709
1707
|
}
|
|
1710
1708
|
}
|
|
1711
1709
|
pgOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgOptionComponent, deps: [{ token: pgSelectComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
1712
|
-
pgOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgOptionComponent, selector: "
|
|
1710
|
+
pgOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgOptionComponent, selector: "mefdev-option", inputs: { Value: "Value", Label: "Label", Disabled: "Disabled" }, queries: [{ propertyName: "OptionTemplate", first: true, predicate: ["OptionTemplate"], descendants: true }], ngImport: i0, template: `
|
|
1713
1711
|
<ng-content></ng-content>
|
|
1714
1712
|
`, isInline: true, encapsulation: i0.ViewEncapsulation.None });
|
|
1715
1713
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgOptionComponent, decorators: [{
|
|
1716
1714
|
type: Component,
|
|
1717
|
-
args: [{ selector: "
|
|
1715
|
+
args: [{ selector: "mefdev-option", encapsulation: ViewEncapsulation.None, template: `
|
|
1718
1716
|
<ng-content></ng-content>
|
|
1719
1717
|
`, styles: [] }]
|
|
1720
1718
|
}], ctorParameters: function () { return [{ type: pgSelectComponent }]; }, propDecorators: { OptionTemplate: [{
|
|
@@ -1754,20 +1752,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
1754
1752
|
type: Injectable
|
|
1755
1753
|
}] });
|
|
1756
1754
|
|
|
1757
|
-
class
|
|
1755
|
+
class MefDevProgressModule {
|
|
1758
1756
|
static forRoot() {
|
|
1759
|
-
return { ngModule:
|
|
1757
|
+
return { ngModule: MefDevProgressModule, providers: [ProgressConfig] };
|
|
1760
1758
|
}
|
|
1761
1759
|
}
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
1760
|
+
MefDevProgressModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevProgressModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1761
|
+
MefDevProgressModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevProgressModule, declarations: [MefDevProgressComponent], imports: [CommonModule], exports: [MefDevProgressComponent] });
|
|
1762
|
+
MefDevProgressModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevProgressModule, imports: [[CommonModule]] });
|
|
1763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevProgressModule, decorators: [{
|
|
1766
1764
|
type: NgModule,
|
|
1767
1765
|
args: [{
|
|
1768
1766
|
imports: [CommonModule],
|
|
1769
|
-
declarations: [
|
|
1770
|
-
exports: [
|
|
1767
|
+
declarations: [MefDevProgressComponent],
|
|
1768
|
+
exports: [MefDevProgressComponent]
|
|
1771
1769
|
}]
|
|
1772
1770
|
}] });
|
|
1773
1771
|
|
|
@@ -1779,14 +1777,14 @@ class pgCardModule {
|
|
|
1779
1777
|
}
|
|
1780
1778
|
}
|
|
1781
1779
|
pgCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1782
|
-
pgCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, declarations: [pgCard], imports: [CommonModule,
|
|
1783
|
-
pgCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, imports: [[CommonModule,
|
|
1780
|
+
pgCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, declarations: [pgCard], imports: [CommonModule, MefDevProgressModule], exports: [pgCard] });
|
|
1781
|
+
pgCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, imports: [[CommonModule, MefDevProgressModule]] });
|
|
1784
1782
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgCardModule, decorators: [{
|
|
1785
1783
|
type: NgModule,
|
|
1786
1784
|
args: [{
|
|
1787
1785
|
declarations: [pgCard],
|
|
1788
1786
|
exports: [pgCard],
|
|
1789
|
-
imports: [CommonModule,
|
|
1787
|
+
imports: [CommonModule, MefDevProgressModule]
|
|
1790
1788
|
}]
|
|
1791
1789
|
}] });
|
|
1792
1790
|
|
|
@@ -1796,13 +1794,11 @@ class MefDevCardModule {
|
|
|
1796
1794
|
MefDevCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1797
1795
|
MefDevCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevCardModule, declarations: [CardComponent, CardLongComponent, CardSimpleComponent], imports: [CommonModule,
|
|
1798
1796
|
MefDevCollapseModule,
|
|
1799
|
-
// PerfectScrollbarModule,
|
|
1800
1797
|
PgSelectModule,
|
|
1801
1798
|
pgCardModule], exports: [CardComponent, CardLongComponent, CardSimpleComponent] });
|
|
1802
1799
|
MefDevCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevCardModule, imports: [[
|
|
1803
1800
|
CommonModule,
|
|
1804
1801
|
MefDevCollapseModule,
|
|
1805
|
-
// PerfectScrollbarModule,
|
|
1806
1802
|
PgSelectModule,
|
|
1807
1803
|
pgCardModule,
|
|
1808
1804
|
]] });
|
|
@@ -1814,7 +1810,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
1814
1810
|
imports: [
|
|
1815
1811
|
CommonModule,
|
|
1816
1812
|
MefDevCollapseModule,
|
|
1817
|
-
// PerfectScrollbarModule,
|
|
1818
1813
|
PgSelectModule,
|
|
1819
1814
|
pgCardModule,
|
|
1820
1815
|
]
|
|
@@ -1852,7 +1847,7 @@ class FillComponent {
|
|
|
1852
1847
|
}
|
|
1853
1848
|
}
|
|
1854
1849
|
FillComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1855
|
-
FillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FillComponent, selector: "mefdev-fill-modal", inputs: { show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "fadInModal", first: true, predicate: ["fadInModal"], descendants: true }], ngImport: i0, template: " <div bsModal #fadInModal=\"bs-modal\" class=\"modal fade fill-in\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n <button type=\"button\" class=\"close\" (click)=\"fadInModal.hide()\" aria-hidden=\"true\">\r\n <i class=\"pg pg-close\"></i>\r\n </button>\r\n <div class=\"modal-dialog \">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div> \r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div> \r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: [""], directives: [{ type: i1$3.ModalDirective, selector: "[bsModal]", inputs: ["config"
|
|
1850
|
+
FillComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FillComponent, selector: "mefdev-fill-modal", inputs: { show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "fadInModal", first: true, predicate: ["fadInModal"], descendants: true }], ngImport: i0, template: " <div bsModal #fadInModal=\"bs-modal\" class=\"modal fade fill-in\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n <button type=\"button\" class=\"close\" (click)=\"fadInModal.hide()\" aria-hidden=\"true\">\r\n <i class=\"pg pg-close\"></i>\r\n </button>\r\n <div class=\"modal-dialog \">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div> \r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div> \r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: [""], directives: [{ type: i1$3.ModalDirective, selector: "[bsModal]", inputs: ["config"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1856
1851
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FillComponent, decorators: [{
|
|
1857
1852
|
type: Component,
|
|
1858
1853
|
args: [{ selector: 'mefdev-fill-modal', template: " <div bsModal #fadInModal=\"bs-modal\" class=\"modal fade fill-in\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n <button type=\"button\" class=\"close\" (click)=\"fadInModal.hide()\" aria-hidden=\"true\">\r\n <i class=\"pg pg-close\"></i>\r\n </button>\r\n <div class=\"modal-dialog \">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div> \r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div> \r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>", styles: [""] }]
|
|
@@ -1901,7 +1896,7 @@ class SlideUpComponent {
|
|
|
1901
1896
|
}
|
|
1902
1897
|
}
|
|
1903
1898
|
SlideUpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideUpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1904
|
-
SlideUpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SlideUpComponent, selector: "mefdev-slide-up-modal", inputs: { size: "size", show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "mdSlideUp", first: true, predicate: ["mdSlideUp"], descendants: true }], ngImport: i0, template: "<div bsModal #mdSlideUp=\"bs-modal\" class=\"modal fade slide-up disable-scroll\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"false\" (onHide)=\"modalIsCloused()\">\r\n <div class=\"modal-dialog modal-{{size}}\">\r\n <div class=\"modal-content-wrapper\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [""], directives: [{ type: i1$3.ModalDirective, selector: "[bsModal]", inputs: ["config"
|
|
1899
|
+
SlideUpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SlideUpComponent, selector: "mefdev-slide-up-modal", inputs: { size: "size", show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "mdSlideUp", first: true, predicate: ["mdSlideUp"], descendants: true }], ngImport: i0, template: "<div bsModal #mdSlideUp=\"bs-modal\" class=\"modal fade slide-up disable-scroll\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"false\" (onHide)=\"modalIsCloused()\">\r\n <div class=\"modal-dialog modal-{{size}}\">\r\n <div class=\"modal-content-wrapper\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [""], directives: [{ type: i1$3.ModalDirective, selector: "[bsModal]", inputs: ["config"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1905
1900
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideUpComponent, decorators: [{
|
|
1906
1901
|
type: Component,
|
|
1907
1902
|
args: [{ selector: 'mefdev-slide-up-modal', template: "<div bsModal #mdSlideUp=\"bs-modal\" class=\"modal fade slide-up disable-scroll\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"false\" (onHide)=\"modalIsCloused()\">\r\n <div class=\"modal-dialog modal-{{size}}\">\r\n <div class=\"modal-content-wrapper\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [""] }]
|
|
@@ -1952,7 +1947,7 @@ class SlideRightComponent {
|
|
|
1952
1947
|
}
|
|
1953
1948
|
}
|
|
1954
1949
|
SlideRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideRightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1955
|
-
SlideRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: { size: "size", show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "slideRight", first: true, predicate: ["slideRight"], descendants: true }], ngImport: i0, template: "<div bsModal #slideRight=\"bs-modal\" class=\"modal fade slide-right\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n <div class=\"modal-dialog modal-{{size}}\">\r\n <div class=\"modal-content-wrapper\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [""], directives: [{ type: i1$3.ModalDirective, selector: "[bsModal]", inputs: ["config"
|
|
1950
|
+
SlideRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: { size: "size", show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "slideRight", first: true, predicate: ["slideRight"], descendants: true }], ngImport: i0, template: "<div bsModal #slideRight=\"bs-modal\" class=\"modal fade slide-right\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n <div class=\"modal-dialog modal-{{size}}\">\r\n <div class=\"modal-content-wrapper\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [""], directives: [{ type: i1$3.ModalDirective, selector: "[bsModal]", inputs: ["config"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
1956
1951
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideRightComponent, decorators: [{
|
|
1957
1952
|
type: Component,
|
|
1958
1953
|
args: [{ selector: 'mefdev-slide-right-modal', template: "<div bsModal #slideRight=\"bs-modal\" class=\"modal fade slide-right\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n <div class=\"modal-dialog modal-{{size}}\">\r\n <div class=\"modal-content-wrapper\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header clearfix text-left\">\r\n <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n </div>\r\n <div class=\"modal-body\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"modal-footer\">\r\n <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [""] }]
|
|
@@ -2054,10 +2049,10 @@ class ProfileComponent {
|
|
|
2054
2049
|
}
|
|
2055
2050
|
}
|
|
2056
2051
|
ProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2057
|
-
ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProfileComponent, selector: "mefdev-profile", inputs: { name: "name", img: "img", shortDescription: "shortDescription", header: "header", circleImg: "circleImg" }, queries: [{ propertyName: "first_colum", first: true, predicate: ["first_colum"], descendants: true }, { propertyName: "second_colum", first: true, predicate: ["second_colum"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: "<div class=\"row profile-page\">\r\n <div class=\"col-12 h3 mt-3\">\r\n {{header}}\r\n </div>\r\n <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n <div *ngIf=\"!img || img == ''\" >\r\n <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n </div>\r\n <div *ngIf=\"img\" >\r\n <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n />\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n <div class=\"row profile-name\">\r\n <div class=\"col\">\r\n {{name}}\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col profile-description\">\r\n {{shortDescription}}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n <div class=\"row profile-page-tabs\">\r\n <ng-template [ngTemplateOutlet]=\"footer\">\r\n </ng-template> \r\n </div> \r\n</div>\r\n", styles: [".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}.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}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(
|
|
2052
|
+
ProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProfileComponent, selector: "mefdev-profile", inputs: { name: "name", img: "img", shortDescription: "shortDescription", header: "header", circleImg: "circleImg" }, queries: [{ propertyName: "first_colum", first: true, predicate: ["first_colum"], descendants: true }, { propertyName: "second_colum", first: true, predicate: ["second_colum"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: "<div class=\"row profile-page\">\r\n <div class=\"col-12 h3 mt-3\">\r\n {{header}}\r\n </div>\r\n <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n <div *ngIf=\"!img || img == ''\" >\r\n <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n </div>\r\n <div *ngIf=\"img\" >\r\n <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n />\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n <div class=\"row profile-name\">\r\n <div class=\"col\">\r\n {{name}}\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col profile-description\">\r\n {{shortDescription}}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n <div class=\"row profile-page-tabs\">\r\n <ng-template [ngTemplateOutlet]=\"footer\">\r\n </ng-template> \r\n </div> \r\n</div>\r\n", styles: [".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}.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}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
2058
2053
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, decorators: [{
|
|
2059
2054
|
type: Component,
|
|
2060
|
-
args: [{ selector: 'mefdev-profile', template: "<div class=\"row profile-page\">\r\n <div class=\"col-12 h3 mt-3\">\r\n {{header}}\r\n </div>\r\n <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n <div *ngIf=\"!img || img == ''\" >\r\n <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n </div>\r\n <div *ngIf=\"img\" >\r\n <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n />\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n <div class=\"row profile-name\">\r\n <div class=\"col\">\r\n {{name}}\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col profile-description\">\r\n {{shortDescription}}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n <div class=\"row profile-page-tabs\">\r\n <ng-template [ngTemplateOutlet]=\"footer\">\r\n </ng-template> \r\n </div> \r\n</div>\r\n", styles: [".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}.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}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(
|
|
2055
|
+
args: [{ selector: 'mefdev-profile', template: "<div class=\"row profile-page\">\r\n <div class=\"col-12 h3 mt-3\">\r\n {{header}}\r\n </div>\r\n <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n <div *ngIf=\"!img || img == ''\" >\r\n <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n </div>\r\n <div *ngIf=\"img\" >\r\n <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n />\r\n </div>\r\n </div>\r\n \r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n <div class=\"row profile-name\">\r\n <div class=\"col\">\r\n {{name}}\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col profile-description\">\r\n {{shortDescription}}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template> \r\n </div>\r\n\r\n <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template> \r\n </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n <div class=\"row profile-page-tabs\">\r\n <ng-template [ngTemplateOutlet]=\"footer\">\r\n </ng-template> \r\n </div> \r\n</div>\r\n", styles: [".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}.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}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"] }]
|
|
2061
2056
|
}], ctorParameters: function () { return []; }, propDecorators: { first_colum: [{
|
|
2062
2057
|
type: ContentChild,
|
|
2063
2058
|
args: ["first_colum"]
|
|
@@ -2136,10 +2131,10 @@ class ManagePageComponent {
|
|
|
2136
2131
|
}
|
|
2137
2132
|
}
|
|
2138
2133
|
ManagePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ManagePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2139
|
-
ManagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ManagePageComponent, selector: "mefdev-manage-page", inputs: { startTabInd: "startTabInd" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "tabs_block", first: true, predicate: ["tabs_block"], descendants: true }], ngImport: i0, template: "<div class=\"card-tabs\">\r\n <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n <div class=\"m-2\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row profile-page-tabs\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".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}.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}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(
|
|
2134
|
+
ManagePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ManagePageComponent, selector: "mefdev-manage-page", inputs: { startTabInd: "startTabInd" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "tabs_block", first: true, predicate: ["tabs_block"], descendants: true }], ngImport: i0, template: "<div class=\"card-tabs\">\r\n <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n <div class=\"m-2\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row profile-page-tabs\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".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}.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}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
2140
2135
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ManagePageComponent, decorators: [{
|
|
2141
2136
|
type: Component,
|
|
2142
|
-
args: [{ selector: 'mefdev-manage-page', template: "<div class=\"card-tabs\">\r\n <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n <div class=\"m-2\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row profile-page-tabs\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".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}.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}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(
|
|
2137
|
+
args: [{ selector: 'mefdev-manage-page', template: "<div class=\"card-tabs\">\r\n <div class=\"row body-1 card-header\" *ngIf=\"card_title\">\r\n <div class=\"m-2\">\r\n <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"row profile-page-tabs\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>\r\n", styles: [".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}.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}.card-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"] }]
|
|
2143
2138
|
}], ctorParameters: function () { return []; }, propDecorators: { card_title: [{
|
|
2144
2139
|
type: ContentChild,
|
|
2145
2140
|
args: ["card_title"]
|
|
@@ -2150,16 +2145,235 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2150
2145
|
type: Input
|
|
2151
2146
|
}] } });
|
|
2152
2147
|
|
|
2153
|
-
|
|
2148
|
+
let mefDevPageLayoutsModuleComponents = [
|
|
2149
|
+
ProfileComponent,
|
|
2150
|
+
CentralPageComponent,
|
|
2151
|
+
CentralPageRowComponent,
|
|
2152
|
+
TablePageComponent,
|
|
2153
|
+
ManagePageComponent
|
|
2154
|
+
];
|
|
2155
|
+
class MefDevPageLayoutsModule {
|
|
2156
|
+
}
|
|
2157
|
+
MefDevPageLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2158
|
+
MefDevPageLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, declarations: [ProfileComponent,
|
|
2159
|
+
CentralPageComponent,
|
|
2160
|
+
CentralPageRowComponent,
|
|
2161
|
+
TablePageComponent,
|
|
2162
|
+
ManagePageComponent], imports: [CommonModule], exports: [ProfileComponent,
|
|
2163
|
+
CentralPageComponent,
|
|
2164
|
+
CentralPageRowComponent,
|
|
2165
|
+
TablePageComponent,
|
|
2166
|
+
ManagePageComponent] });
|
|
2167
|
+
MefDevPageLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, imports: [[
|
|
2168
|
+
CommonModule,
|
|
2169
|
+
// pgTabsModule,
|
|
2170
|
+
]] });
|
|
2171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, decorators: [{
|
|
2172
|
+
type: NgModule,
|
|
2173
|
+
args: [{
|
|
2174
|
+
declarations: mefDevPageLayoutsModuleComponents,
|
|
2175
|
+
exports: mefDevPageLayoutsModuleComponents,
|
|
2176
|
+
imports: [
|
|
2177
|
+
CommonModule,
|
|
2178
|
+
// pgTabsModule,
|
|
2179
|
+
],
|
|
2180
|
+
}]
|
|
2181
|
+
}] });
|
|
2182
|
+
|
|
2183
|
+
class MefDevSpecFlowTestComponent {
|
|
2184
|
+
constructor() { }
|
|
2185
|
+
ngOnInit() {
|
|
2186
|
+
}
|
|
2187
|
+
setError(error) {
|
|
2188
|
+
this.ResponseTimestamp = Date.now();
|
|
2189
|
+
this.ResponseError = 1;
|
|
2190
|
+
this.ReportError = error;
|
|
2191
|
+
}
|
|
2192
|
+
setSuccess() {
|
|
2193
|
+
this.ResponseTimestamp = Date.now();
|
|
2194
|
+
this.ResponseError = 0;
|
|
2195
|
+
this.ReportError = undefined;
|
|
2196
|
+
}
|
|
2197
|
+
}
|
|
2198
|
+
MefDevSpecFlowTestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSpecFlowTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2199
|
+
MefDevSpecFlowTestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MefDevSpecFlowTestComponent, selector: "mefdev-spec-flow-test", ngImport: i0, template: "<!-- Block for test -->\r\n<div style=\"display: none;\">\r\n <input id=\"ResponseTimestamp\" type=\"hidden\" value=\"{{ResponseTimestamp}}\" />\r\n <input id=\"ResponseError\" type=\"hidden\" value=\"{{ResponseError}}\" />\r\n <input id=\"ReportError\" type=\"hidden\" value=\"{{ReportError}}\" />\r\n</div>", styles: [""] });
|
|
2200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSpecFlowTestComponent, decorators: [{
|
|
2201
|
+
type: Component,
|
|
2202
|
+
args: [{ selector: 'mefdev-spec-flow-test', template: "<!-- Block for test -->\r\n<div style=\"display: none;\">\r\n <input id=\"ResponseTimestamp\" type=\"hidden\" value=\"{{ResponseTimestamp}}\" />\r\n <input id=\"ResponseError\" type=\"hidden\" value=\"{{ResponseError}}\" />\r\n <input id=\"ReportError\" type=\"hidden\" value=\"{{ReportError}}\" />\r\n</div>", styles: [""] }]
|
|
2203
|
+
}], ctorParameters: function () { return []; } });
|
|
2204
|
+
|
|
2205
|
+
class MefDevSpecFlowTestModule {
|
|
2206
|
+
static forRoot() {
|
|
2207
|
+
return {
|
|
2208
|
+
ngModule: MefDevSpecFlowTestModule
|
|
2209
|
+
};
|
|
2210
|
+
}
|
|
2211
|
+
}
|
|
2212
|
+
MefDevSpecFlowTestModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSpecFlowTestModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2213
|
+
MefDevSpecFlowTestModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSpecFlowTestModule, declarations: [MefDevSpecFlowTestComponent], imports: [CommonModule], exports: [MefDevSpecFlowTestComponent] });
|
|
2214
|
+
MefDevSpecFlowTestModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSpecFlowTestModule, imports: [[
|
|
2215
|
+
CommonModule
|
|
2216
|
+
]] });
|
|
2217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSpecFlowTestModule, decorators: [{
|
|
2218
|
+
type: NgModule,
|
|
2219
|
+
args: [{
|
|
2220
|
+
declarations: [MefDevSpecFlowTestComponent],
|
|
2221
|
+
exports: [MefDevSpecFlowTestComponent],
|
|
2222
|
+
imports: [
|
|
2223
|
+
CommonModule
|
|
2224
|
+
]
|
|
2225
|
+
}]
|
|
2226
|
+
}] });
|
|
2227
|
+
|
|
2228
|
+
class MefDevSwitchComponent {
|
|
2229
|
+
constructor() {
|
|
2230
|
+
this._disabled = false;
|
|
2231
|
+
this._prefixCls = "toggle-switch";
|
|
2232
|
+
this._color = "primary";
|
|
2233
|
+
this._innerPrefixCls = `${this._prefixCls}-inner `;
|
|
2234
|
+
this._checked = false;
|
|
2235
|
+
// ngModel Access
|
|
2236
|
+
this.onChange = () => null;
|
|
2237
|
+
this.onTouched = () => null;
|
|
2238
|
+
}
|
|
2239
|
+
set Size(value) {
|
|
2240
|
+
this._size = value;
|
|
2241
|
+
this.setClassMap();
|
|
2242
|
+
}
|
|
2243
|
+
set Color(value) {
|
|
2244
|
+
this._color = value;
|
|
2245
|
+
this.setClassMap();
|
|
2246
|
+
}
|
|
2247
|
+
get Size() {
|
|
2248
|
+
return this._size;
|
|
2249
|
+
}
|
|
2250
|
+
set Disabled(value) {
|
|
2251
|
+
this._disabled = toBoolean(value);
|
|
2252
|
+
this.setClassMap();
|
|
2253
|
+
}
|
|
2254
|
+
get Disabled() {
|
|
2255
|
+
return this._disabled;
|
|
2256
|
+
}
|
|
2257
|
+
onClick(e) {
|
|
2258
|
+
e.preventDefault();
|
|
2259
|
+
if (!this._disabled) {
|
|
2260
|
+
this.updateValue(!this._checked);
|
|
2261
|
+
this.onChange(this._checked);
|
|
2262
|
+
}
|
|
2263
|
+
}
|
|
2264
|
+
updateValue(value) {
|
|
2265
|
+
if (this._checked === value) {
|
|
2266
|
+
return;
|
|
2267
|
+
}
|
|
2268
|
+
this._checked = value;
|
|
2269
|
+
this.setClassMap();
|
|
2270
|
+
}
|
|
2271
|
+
setClassMap() {
|
|
2272
|
+
this._classMap = {
|
|
2273
|
+
[this._prefixCls]: true,
|
|
2274
|
+
[`${this._prefixCls}-checked`]: this._checked,
|
|
2275
|
+
[`${this._prefixCls}-disabled`]: this._disabled,
|
|
2276
|
+
[`${this._prefixCls}-small`]: this._size === "small",
|
|
2277
|
+
[this._color]: this._color
|
|
2278
|
+
};
|
|
2279
|
+
}
|
|
2280
|
+
writeValue(value) {
|
|
2281
|
+
this.updateValue(value);
|
|
2282
|
+
}
|
|
2283
|
+
registerOnChange(fn) {
|
|
2284
|
+
this.onChange = fn;
|
|
2285
|
+
}
|
|
2286
|
+
registerOnTouched(fn) {
|
|
2287
|
+
this.onTouched = fn;
|
|
2288
|
+
}
|
|
2289
|
+
setDisabledState(isDisabled) {
|
|
2290
|
+
this.Disabled = isDisabled;
|
|
2291
|
+
}
|
|
2292
|
+
ngOnInit() {
|
|
2293
|
+
this.setClassMap();
|
|
2294
|
+
}
|
|
2295
|
+
}
|
|
2296
|
+
MefDevSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2297
|
+
MefDevSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MefDevSwitchComponent, selector: "mefdev-switch", inputs: { Size: "Size", Color: "Color", Disabled: "Disabled" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
|
|
2298
|
+
{
|
|
2299
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2300
|
+
useExisting: forwardRef(() => MefDevSwitchComponent),
|
|
2301
|
+
multi: true
|
|
2302
|
+
}
|
|
2303
|
+
], ngImport: i0, template: `
|
|
2304
|
+
<span [ngClass]="_classMap" tabindex="0">
|
|
2305
|
+
<span [ngClass]="_innerPrefixCls">
|
|
2306
|
+
<ng-template [ngIf]="_checked">
|
|
2307
|
+
<ng-content select="[checked]"></ng-content>
|
|
2308
|
+
</ng-template>
|
|
2309
|
+
<ng-template [ngIf]="!_checked">
|
|
2310
|
+
<ng-content select="[unchecked]"></ng-content>
|
|
2311
|
+
</ng-template>
|
|
2312
|
+
</span>
|
|
2313
|
+
</span>
|
|
2314
|
+
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSwitchComponent, decorators: [{
|
|
2316
|
+
type: Component,
|
|
2317
|
+
args: [{
|
|
2318
|
+
selector: "mefdev-switch",
|
|
2319
|
+
encapsulation: ViewEncapsulation.None,
|
|
2320
|
+
template: `
|
|
2321
|
+
<span [ngClass]="_classMap" tabindex="0">
|
|
2322
|
+
<span [ngClass]="_innerPrefixCls">
|
|
2323
|
+
<ng-template [ngIf]="_checked">
|
|
2324
|
+
<ng-content select="[checked]"></ng-content>
|
|
2325
|
+
</ng-template>
|
|
2326
|
+
<ng-template [ngIf]="!_checked">
|
|
2327
|
+
<ng-content select="[unchecked]"></ng-content>
|
|
2328
|
+
</ng-template>
|
|
2329
|
+
</span>
|
|
2330
|
+
</span>
|
|
2331
|
+
`,
|
|
2332
|
+
providers: [
|
|
2333
|
+
{
|
|
2334
|
+
provide: NG_VALUE_ACCESSOR,
|
|
2335
|
+
useExisting: forwardRef(() => MefDevSwitchComponent),
|
|
2336
|
+
multi: true
|
|
2337
|
+
}
|
|
2338
|
+
]
|
|
2339
|
+
}]
|
|
2340
|
+
}], propDecorators: { onChange: [{
|
|
2341
|
+
type: Output
|
|
2342
|
+
}], Size: [{
|
|
2343
|
+
type: Input
|
|
2344
|
+
}], Color: [{
|
|
2345
|
+
type: Input
|
|
2346
|
+
}], Disabled: [{
|
|
2347
|
+
type: Input
|
|
2348
|
+
}], onClick: [{
|
|
2349
|
+
type: HostListener,
|
|
2350
|
+
args: ["click", ["$event"]]
|
|
2351
|
+
}] } });
|
|
2352
|
+
|
|
2353
|
+
class MefDevSwitchModule {
|
|
2354
|
+
}
|
|
2355
|
+
MefDevSwitchModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2356
|
+
MefDevSwitchModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSwitchModule, declarations: [MefDevSwitchComponent], imports: [CommonModule], exports: [MefDevSwitchComponent] });
|
|
2357
|
+
MefDevSwitchModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSwitchModule, imports: [[CommonModule]] });
|
|
2358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevSwitchModule, decorators: [{
|
|
2359
|
+
type: NgModule,
|
|
2360
|
+
args: [{
|
|
2361
|
+
exports: [MefDevSwitchComponent],
|
|
2362
|
+
declarations: [MefDevSwitchComponent],
|
|
2363
|
+
imports: [CommonModule]
|
|
2364
|
+
}]
|
|
2365
|
+
}] });
|
|
2366
|
+
|
|
2367
|
+
class MefDevTabBodyComponent {
|
|
2154
2368
|
}
|
|
2155
|
-
|
|
2156
|
-
|
|
2369
|
+
MefDevTabBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2370
|
+
MefDevTabBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MefDevTabBodyComponent, selector: "mefdev-tab-body", inputs: { content: "content" }, ngImport: i0, template: `
|
|
2157
2371
|
<ng-template [ngTemplateOutlet]="content"></ng-template>
|
|
2158
2372
|
`, isInline: true, directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2159
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
2373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabBodyComponent, decorators: [{
|
|
2160
2374
|
type: Component,
|
|
2161
2375
|
args: [{
|
|
2162
|
-
selector: '
|
|
2376
|
+
selector: 'mefdev-tab-body',
|
|
2163
2377
|
encapsulation: ViewEncapsulation.None,
|
|
2164
2378
|
template: `
|
|
2165
2379
|
<ng-template [ngTemplateOutlet]="content"></ng-template>
|
|
@@ -2169,7 +2383,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2169
2383
|
type: Input
|
|
2170
2384
|
}] } });
|
|
2171
2385
|
|
|
2172
|
-
class
|
|
2386
|
+
class MefDevTabLabelDirective {
|
|
2173
2387
|
constructor(elementRef) {
|
|
2174
2388
|
this.elementRef = elementRef;
|
|
2175
2389
|
this._disabled = false;
|
|
@@ -2193,9 +2407,9 @@ class pgTabLabelDirective {
|
|
|
2193
2407
|
return this.elementRef.nativeElement.offsetHeight;
|
|
2194
2408
|
}
|
|
2195
2409
|
}
|
|
2196
|
-
|
|
2197
|
-
|
|
2198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
2410
|
+
MefDevTabLabelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabLabelDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2411
|
+
MefDevTabLabelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: MefDevTabLabelDirective, selector: "[pg-tab-label]", inputs: { disabled: "disabled" }, host: { properties: { "class.nav-item": "true", "class.nav-item-disabled": "this.disabled" } }, ngImport: i0 });
|
|
2412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabLabelDirective, decorators: [{
|
|
2199
2413
|
type: Directive,
|
|
2200
2414
|
args: [{
|
|
2201
2415
|
selector: '[pg-tab-label]',
|
|
@@ -2236,7 +2450,7 @@ function getRequestAnimationFrame() {
|
|
|
2236
2450
|
}
|
|
2237
2451
|
const reqAnimFrame = getRequestAnimationFrame();
|
|
2238
2452
|
|
|
2239
|
-
class
|
|
2453
|
+
class MefDevTabsInkBarDirective {
|
|
2240
2454
|
constructor(_renderer, _elementRef, _ngZone) {
|
|
2241
2455
|
this._renderer = _renderer;
|
|
2242
2456
|
this._elementRef = _elementRef;
|
|
@@ -2291,9 +2505,9 @@ class pgTabsInkBarDirective {
|
|
|
2291
2505
|
return element ? element.offsetHeight + 'px' : '0';
|
|
2292
2506
|
}
|
|
2293
2507
|
}
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
2508
|
+
MefDevTabsInkBarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsInkBarDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2509
|
+
MefDevTabsInkBarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: MefDevTabsInkBarDirective, selector: "[pg-tabs-ink-bar]", inputs: { Animated: "Animated", PositionMode: "PositionMode" }, host: { properties: { "class.nav-item": "true", "class.nav-item-animated": "this.Animated" } }, ngImport: i0 });
|
|
2510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsInkBarDirective, decorators: [{
|
|
2297
2511
|
type: Directive,
|
|
2298
2512
|
args: [{
|
|
2299
2513
|
selector: '[pg-tabs-ink-bar]',
|
|
@@ -2311,7 +2525,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2311
2525
|
}] } });
|
|
2312
2526
|
|
|
2313
2527
|
const EXAGGERATED_OVERSCROLL = 64;
|
|
2314
|
-
class
|
|
2528
|
+
class MefDevTabsNavComponent {
|
|
2315
2529
|
constructor(_elementRef, _ngZone, _renderer, _dir) {
|
|
2316
2530
|
this._elementRef = _elementRef;
|
|
2317
2531
|
this._ngZone = _ngZone;
|
|
@@ -2548,8 +2762,8 @@ class pgTabsNavComponent {
|
|
|
2548
2762
|
}
|
|
2549
2763
|
}
|
|
2550
2764
|
}
|
|
2551
|
-
|
|
2552
|
-
|
|
2765
|
+
MefDevTabsNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsNavComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$4.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2766
|
+
MefDevTabsNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MefDevTabsNavComponent, selector: "mefdev-tabs-nav", inputs: { Size: "Size", Animated: "Animated", Position: "Position", HideBar: "HideBar", Type: "Type", ShowPagination: "ShowPagination", PositionMode: "PositionMode", selectedIndex: "selectedIndex" }, queries: [{ propertyName: "_tabBarExtraContent", first: true, predicate: ["tabBarExtraContent"], descendants: true, static: true }, { propertyName: "_labelWrappers", predicate: MefDevTabLabelDirective }], viewQueries: [{ propertyName: "_inkBar", first: true, predicate: MefDevTabsInkBarDirective, descendants: true, static: true }, { propertyName: "_tabListContainer", first: true, predicate: ["tabListContainer"], descendants: true, static: true }, { propertyName: "_tabList", first: true, predicate: ["tabList"], descendants: true, static: true }], ngImport: i0, template: `
|
|
2553
2767
|
<div class="nav-tabs-wrapper" [class.scrolling]="_showPaginationControls" #tabListContainer>
|
|
2554
2768
|
<div class="nav-wrap">
|
|
2555
2769
|
<ul
|
|
@@ -2570,11 +2784,11 @@ pgTabsNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
|
|
|
2570
2784
|
</ul>
|
|
2571
2785
|
</div>
|
|
2572
2786
|
</div>
|
|
2573
|
-
`, isInline: true, directives: [{ type:
|
|
2574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
2787
|
+
`, isInline: true, directives: [{ type: MefDevTabsInkBarDirective, selector: "[pg-tabs-ink-bar]", inputs: ["Animated", "PositionMode"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsNavComponent, decorators: [{
|
|
2575
2789
|
type: Component,
|
|
2576
2790
|
args: [{
|
|
2577
|
-
selector: '
|
|
2791
|
+
selector: 'mefdev-tabs-nav',
|
|
2578
2792
|
encapsulation: ViewEncapsulation.None,
|
|
2579
2793
|
template: `
|
|
2580
2794
|
<div class="nav-tabs-wrapper" [class.scrolling]="_showPaginationControls" #tabListContainer>
|
|
@@ -2619,10 +2833,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2619
2833
|
args: ['tabBarExtraContent', { static: true }]
|
|
2620
2834
|
}], _labelWrappers: [{
|
|
2621
2835
|
type: ContentChildren,
|
|
2622
|
-
args: [
|
|
2836
|
+
args: [MefDevTabLabelDirective]
|
|
2623
2837
|
}], _inkBar: [{
|
|
2624
2838
|
type: ViewChild,
|
|
2625
|
-
args: [
|
|
2839
|
+
args: [MefDevTabsInkBarDirective, { static: true }]
|
|
2626
2840
|
}], _tabListContainer: [{
|
|
2627
2841
|
type: ViewChild,
|
|
2628
2842
|
args: ['tabListContainer', { static: true }]
|
|
@@ -2640,7 +2854,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2640
2854
|
/** code from https://github.com/angular/material2 */
|
|
2641
2855
|
class TabChangeEvent {
|
|
2642
2856
|
}
|
|
2643
|
-
class
|
|
2857
|
+
class MefDevTabSetComponent {
|
|
2644
2858
|
constructor(_renderer) {
|
|
2645
2859
|
this._renderer = _renderer;
|
|
2646
2860
|
this._prefixCls = 'nav-tabs';
|
|
@@ -2668,7 +2882,8 @@ class pgTabSetComponent {
|
|
|
2668
2882
|
return this._selectedIndex;
|
|
2669
2883
|
}
|
|
2670
2884
|
get SelectedIndexChange() {
|
|
2671
|
-
|
|
2885
|
+
//@ts-ignore
|
|
2886
|
+
return this.SelectChange.pipe(map((event) => event.index));
|
|
2672
2887
|
}
|
|
2673
2888
|
set TabPosition(value) {
|
|
2674
2889
|
this._tabPosition = value;
|
|
@@ -2759,10 +2974,10 @@ class pgTabSetComponent {
|
|
|
2759
2974
|
return this.Animated === true || this.Animated.tabPane === true;
|
|
2760
2975
|
}
|
|
2761
2976
|
}
|
|
2762
|
-
|
|
2763
|
-
|
|
2977
|
+
MefDevTabSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabSetComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
2978
|
+
MefDevTabSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MefDevTabSetComponent, selector: "mefdev-tabset", inputs: { TabBarExtraTemplate: "TabBarExtraTemplate", Animated: "Animated", ShowPagination: "ShowPagination", Hide: "Hide", SelectedIndex: "SelectedIndex", Size: "Size", TabPosition: "TabPosition", extraTabClass: "extraTabClass", extraTabContentClass: "extraTabContentClass", Type: "Type", tabAnimation: "tabAnimation" }, outputs: { SelectedIndexChange: "SelectedIndexChange", SelectChange: "SelectChange" }, queries: [{ propertyName: "TabBarExtraContent", first: true, predicate: ["TabBarExtraContent"], descendants: true, static: true }], viewQueries: [{ propertyName: "_tabNav", first: true, predicate: ["tabNav"], descendants: true, static: true }, { propertyName: "_tabContent", first: true, predicate: ["tabContent"], descendants: true, static: true }, { propertyName: "_hostContent", first: true, predicate: ["hostContent"], descendants: true, static: true }], ngImport: i0, template: `
|
|
2764
2979
|
<div class="tab-wrapper tab-{{ _tabPositionMode }} {{ _tabPosition }} {{ _type }} {{ _extra_tab_class }}" #hostContent>
|
|
2765
|
-
<
|
|
2980
|
+
<mefdev-tabs-nav
|
|
2766
2981
|
#tabNav
|
|
2767
2982
|
[Size]="Size"
|
|
2768
2983
|
[Type]="Type"
|
|
@@ -2780,8 +2995,7 @@ pgTabSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
2780
2995
|
<a href="javascript:void(0);" class="" [class.active]="SelectedIndex == i && !Hide">
|
|
2781
2996
|
<ng-template [ngTemplateOutlet]="tab._tabHeading"></ng-template>
|
|
2782
2997
|
</a>
|
|
2783
|
-
</
|
|
2784
|
-
</pg-tabs-nav>
|
|
2998
|
+
</mefdev-tabs-nav>
|
|
2785
2999
|
<div class="tab-content-wrapper {{ _extra_tabcontent_class }}">
|
|
2786
3000
|
<div
|
|
2787
3001
|
class="tab-content {{ _tabAnimation }}"
|
|
@@ -2790,26 +3004,26 @@ pgTabSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
2790
3004
|
[class.not-animated]="!tabPaneAnimated"
|
|
2791
3005
|
[style.margin-left.%]="tabPaneAnimated && -(SelectedIndex ?? -1) * 100"
|
|
2792
3006
|
>
|
|
2793
|
-
<
|
|
3007
|
+
<mefdev-tab-body
|
|
2794
3008
|
class="tab-pane"
|
|
2795
3009
|
[class.active]="SelectedIndex == i && !Hide"
|
|
2796
3010
|
[class.inactive]="SelectedIndex != i || Hide"
|
|
2797
3011
|
[content]="tab.content"
|
|
2798
3012
|
*ngFor="let tab of _tabs; let i = index"
|
|
2799
3013
|
>
|
|
2800
|
-
</
|
|
3014
|
+
</mefdev-tab-body>
|
|
2801
3015
|
</div>
|
|
2802
3016
|
</div>
|
|
2803
3017
|
</div>
|
|
2804
|
-
`, isInline: true, components: [{ type:
|
|
2805
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
3018
|
+
`, isInline: true, components: [{ type: MefDevTabsNavComponent, selector: "mefdev-tabs-nav", inputs: ["Size", "Animated", "Position", "HideBar", "Type", "ShowPagination", "PositionMode", "selectedIndex"] }, { type: MefDevTabBodyComponent, selector: "mefdev-tab-body", inputs: ["content"] }], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: MefDevTabLabelDirective, selector: "[pg-tab-label]", inputs: ["disabled"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3019
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabSetComponent, decorators: [{
|
|
2806
3020
|
type: Component,
|
|
2807
3021
|
args: [{
|
|
2808
|
-
selector: '
|
|
3022
|
+
selector: 'mefdev-tabset',
|
|
2809
3023
|
encapsulation: ViewEncapsulation.None,
|
|
2810
3024
|
template: `
|
|
2811
3025
|
<div class="tab-wrapper tab-{{ _tabPositionMode }} {{ _tabPosition }} {{ _type }} {{ _extra_tab_class }}" #hostContent>
|
|
2812
|
-
<
|
|
3026
|
+
<mefdev-tabs-nav
|
|
2813
3027
|
#tabNav
|
|
2814
3028
|
[Size]="Size"
|
|
2815
3029
|
[Type]="Type"
|
|
@@ -2827,8 +3041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2827
3041
|
<a href="javascript:void(0);" class="" [class.active]="SelectedIndex == i && !Hide">
|
|
2828
3042
|
<ng-template [ngTemplateOutlet]="tab._tabHeading"></ng-template>
|
|
2829
3043
|
</a>
|
|
2830
|
-
</
|
|
2831
|
-
</pg-tabs-nav>
|
|
3044
|
+
</mefdev-tabs-nav>
|
|
2832
3045
|
<div class="tab-content-wrapper {{ _extra_tabcontent_class }}">
|
|
2833
3046
|
<div
|
|
2834
3047
|
class="tab-content {{ _tabAnimation }}"
|
|
@@ -2837,14 +3050,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2837
3050
|
[class.not-animated]="!tabPaneAnimated"
|
|
2838
3051
|
[style.margin-left.%]="tabPaneAnimated && -(SelectedIndex ?? -1) * 100"
|
|
2839
3052
|
>
|
|
2840
|
-
<
|
|
3053
|
+
<mefdev-tab-body
|
|
2841
3054
|
class="tab-pane"
|
|
2842
3055
|
[class.active]="SelectedIndex == i && !Hide"
|
|
2843
3056
|
[class.inactive]="SelectedIndex != i || Hide"
|
|
2844
3057
|
[content]="tab.content"
|
|
2845
3058
|
*ngFor="let tab of _tabs; let i = index"
|
|
2846
3059
|
>
|
|
2847
|
-
</
|
|
3060
|
+
</mefdev-tab-body>
|
|
2848
3061
|
</div>
|
|
2849
3062
|
</div>
|
|
2850
3063
|
</div>
|
|
@@ -2890,9 +3103,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2890
3103
|
type: Input
|
|
2891
3104
|
}] } });
|
|
2892
3105
|
|
|
2893
|
-
class
|
|
2894
|
-
constructor(
|
|
2895
|
-
this.
|
|
3106
|
+
class MefDevTabComponent {
|
|
3107
|
+
constructor(MefDevTabSetComponent) {
|
|
3108
|
+
this.MefDevTabSetComponent = MefDevTabSetComponent;
|
|
2896
3109
|
this.disabled = false;
|
|
2897
3110
|
this.position = null;
|
|
2898
3111
|
this.origin = null;
|
|
@@ -2910,22 +3123,22 @@ class pgTabComponent {
|
|
|
2910
3123
|
return this._content;
|
|
2911
3124
|
}
|
|
2912
3125
|
ngOnInit() {
|
|
2913
|
-
this.
|
|
3126
|
+
this.MefDevTabSetComponent._tabs.push(this);
|
|
2914
3127
|
}
|
|
2915
3128
|
ngOnDestroy() {
|
|
2916
|
-
this.
|
|
3129
|
+
this.MefDevTabSetComponent._tabs.splice(this.MefDevTabSetComponent._tabs.indexOf(this), 1);
|
|
2917
3130
|
}
|
|
2918
3131
|
}
|
|
2919
|
-
|
|
2920
|
-
|
|
3132
|
+
MefDevTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabComponent, deps: [{ token: MefDevTabSetComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
3133
|
+
MefDevTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: MefDevTabComponent, selector: "mefdev-tab", inputs: { Disabled: "Disabled" }, outputs: { pgSelect: "pgSelect", pgClick: "pgClick", pgDeselect: "pgDeselect" }, host: { properties: { "class.ant-tabs-tabpane": "true" } }, queries: [{ propertyName: "_tabHeading", first: true, predicate: ["TabHeading"], descendants: true, static: true }], viewQueries: [{ propertyName: "_content", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `
|
|
2921
3134
|
<ng-template>
|
|
2922
3135
|
<ng-content></ng-content>
|
|
2923
3136
|
</ng-template>
|
|
2924
3137
|
`, isInline: true });
|
|
2925
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
3138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabComponent, decorators: [{
|
|
2926
3139
|
type: Component,
|
|
2927
3140
|
args: [{
|
|
2928
|
-
selector: '
|
|
3141
|
+
selector: 'mefdev-tab',
|
|
2929
3142
|
template: `
|
|
2930
3143
|
<ng-template>
|
|
2931
3144
|
<ng-content></ng-content>
|
|
@@ -2936,7 +3149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2936
3149
|
'[class.ant-tabs-tabpane]': 'true'
|
|
2937
3150
|
}
|
|
2938
3151
|
}]
|
|
2939
|
-
}], ctorParameters: function () { return [{ type:
|
|
3152
|
+
}], ctorParameters: function () { return [{ type: MefDevTabSetComponent }]; }, propDecorators: { Disabled: [{
|
|
2940
3153
|
type: Input
|
|
2941
3154
|
}], pgSelect: [{
|
|
2942
3155
|
type: Output
|
|
@@ -2952,236 +3165,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
2952
3165
|
args: [TemplateRef, { static: true }]
|
|
2953
3166
|
}] } });
|
|
2954
3167
|
|
|
2955
|
-
class
|
|
2956
|
-
}
|
|
2957
|
-
pgTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2958
|
-
pgTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgTabsModule, declarations: [pgTabComponent, pgTabSetComponent, pgTabsNavComponent, pgTabLabelDirective, pgTabsInkBarDirective, pgTabBodyComponent], imports: [CommonModule, ObserversModule], exports: [pgTabComponent, pgTabSetComponent, pgTabsNavComponent, pgTabLabelDirective, pgTabsInkBarDirective, pgTabBodyComponent] });
|
|
2959
|
-
pgTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgTabsModule, imports: [[CommonModule, ObserversModule]] });
|
|
2960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgTabsModule, decorators: [{
|
|
2961
|
-
type: NgModule,
|
|
2962
|
-
args: [{
|
|
2963
|
-
declarations: [pgTabComponent, pgTabSetComponent, pgTabsNavComponent, pgTabLabelDirective, pgTabsInkBarDirective, pgTabBodyComponent],
|
|
2964
|
-
exports: [pgTabComponent, pgTabSetComponent, pgTabsNavComponent, pgTabLabelDirective, pgTabsInkBarDirective, pgTabBodyComponent],
|
|
2965
|
-
imports: [CommonModule, ObserversModule]
|
|
2966
|
-
}]
|
|
2967
|
-
}] });
|
|
2968
|
-
|
|
2969
|
-
let mefDevPageLayoutsModuleComponents = [
|
|
2970
|
-
ProfileComponent,
|
|
2971
|
-
CentralPageComponent,
|
|
2972
|
-
CentralPageRowComponent,
|
|
2973
|
-
TablePageComponent,
|
|
2974
|
-
ManagePageComponent
|
|
2975
|
-
];
|
|
2976
|
-
class MefDevPageLayoutsModule {
|
|
2977
|
-
}
|
|
2978
|
-
MefDevPageLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2979
|
-
MefDevPageLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, declarations: [ProfileComponent,
|
|
2980
|
-
CentralPageComponent,
|
|
2981
|
-
CentralPageRowComponent,
|
|
2982
|
-
TablePageComponent,
|
|
2983
|
-
ManagePageComponent], imports: [CommonModule,
|
|
2984
|
-
pgTabsModule], exports: [ProfileComponent,
|
|
2985
|
-
CentralPageComponent,
|
|
2986
|
-
CentralPageRowComponent,
|
|
2987
|
-
TablePageComponent,
|
|
2988
|
-
ManagePageComponent] });
|
|
2989
|
-
MefDevPageLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, imports: [[
|
|
2990
|
-
CommonModule,
|
|
2991
|
-
pgTabsModule,
|
|
2992
|
-
]] });
|
|
2993
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, decorators: [{
|
|
2994
|
-
type: NgModule,
|
|
2995
|
-
args: [{
|
|
2996
|
-
declarations: mefDevPageLayoutsModuleComponents,
|
|
2997
|
-
exports: mefDevPageLayoutsModuleComponents,
|
|
2998
|
-
imports: [
|
|
2999
|
-
CommonModule,
|
|
3000
|
-
pgTabsModule,
|
|
3001
|
-
],
|
|
3002
|
-
}]
|
|
3003
|
-
}] });
|
|
3004
|
-
|
|
3005
|
-
class SpecFlowTestComponent {
|
|
3006
|
-
constructor() { }
|
|
3007
|
-
ngOnInit() {
|
|
3008
|
-
}
|
|
3009
|
-
setError(error) {
|
|
3010
|
-
this.ResponseTimestamp = Date.now();
|
|
3011
|
-
this.ResponseError = 1;
|
|
3012
|
-
this.ReportError = error;
|
|
3013
|
-
}
|
|
3014
|
-
setSuccess() {
|
|
3015
|
-
this.ResponseTimestamp = Date.now();
|
|
3016
|
-
this.ResponseError = 0;
|
|
3017
|
-
this.ReportError = undefined;
|
|
3018
|
-
}
|
|
3019
|
-
}
|
|
3020
|
-
SpecFlowTestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpecFlowTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3021
|
-
SpecFlowTestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SpecFlowTestComponent, selector: "app-spec-flow-test", ngImport: i0, template: "<!-- Block for test -->\r\n<div style=\"display: none;\">\r\n <input id=\"ResponseTimestamp\" type=\"hidden\" value=\"{{ResponseTimestamp}}\" />\r\n <input id=\"ResponseError\" type=\"hidden\" value=\"{{ResponseError}}\" />\r\n <input id=\"ReportError\" type=\"hidden\" value=\"{{ReportError}}\" />\r\n</div>", styles: [""] });
|
|
3022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpecFlowTestComponent, decorators: [{
|
|
3023
|
-
type: Component,
|
|
3024
|
-
args: [{ selector: 'app-spec-flow-test', template: "<!-- Block for test -->\r\n<div style=\"display: none;\">\r\n <input id=\"ResponseTimestamp\" type=\"hidden\" value=\"{{ResponseTimestamp}}\" />\r\n <input id=\"ResponseError\" type=\"hidden\" value=\"{{ResponseError}}\" />\r\n <input id=\"ReportError\" type=\"hidden\" value=\"{{ReportError}}\" />\r\n</div>", styles: [""] }]
|
|
3025
|
-
}], ctorParameters: function () { return []; } });
|
|
3026
|
-
|
|
3027
|
-
class SpecFlowTestModule {
|
|
3028
|
-
static forRoot() {
|
|
3029
|
-
return {
|
|
3030
|
-
ngModule: SpecFlowTestModule
|
|
3031
|
-
};
|
|
3032
|
-
}
|
|
3033
|
-
}
|
|
3034
|
-
SpecFlowTestModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpecFlowTestModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3035
|
-
SpecFlowTestModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpecFlowTestModule, declarations: [SpecFlowTestComponent], imports: [CommonModule], exports: [SpecFlowTestComponent] });
|
|
3036
|
-
SpecFlowTestModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpecFlowTestModule, imports: [[
|
|
3037
|
-
CommonModule
|
|
3038
|
-
]] });
|
|
3039
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpecFlowTestModule, decorators: [{
|
|
3040
|
-
type: NgModule,
|
|
3041
|
-
args: [{
|
|
3042
|
-
declarations: [SpecFlowTestComponent],
|
|
3043
|
-
exports: [SpecFlowTestComponent],
|
|
3044
|
-
imports: [
|
|
3045
|
-
CommonModule
|
|
3046
|
-
]
|
|
3047
|
-
}]
|
|
3048
|
-
}] });
|
|
3049
|
-
|
|
3050
|
-
class pgSwitchComponent {
|
|
3051
|
-
constructor() {
|
|
3052
|
-
this._disabled = false;
|
|
3053
|
-
this._prefixCls = "toggle-switch";
|
|
3054
|
-
this._color = "primary";
|
|
3055
|
-
this._innerPrefixCls = `${this._prefixCls}-inner `;
|
|
3056
|
-
this._checked = false;
|
|
3057
|
-
// ngModel Access
|
|
3058
|
-
this.onChange = () => null;
|
|
3059
|
-
this.onTouched = () => null;
|
|
3060
|
-
}
|
|
3061
|
-
set Size(value) {
|
|
3062
|
-
this._size = value;
|
|
3063
|
-
this.setClassMap();
|
|
3064
|
-
}
|
|
3065
|
-
set Color(value) {
|
|
3066
|
-
this._color = value;
|
|
3067
|
-
this.setClassMap();
|
|
3068
|
-
}
|
|
3069
|
-
get Size() {
|
|
3070
|
-
return this._size;
|
|
3071
|
-
}
|
|
3072
|
-
set Disabled(value) {
|
|
3073
|
-
this._disabled = toBoolean(value);
|
|
3074
|
-
this.setClassMap();
|
|
3075
|
-
}
|
|
3076
|
-
get Disabled() {
|
|
3077
|
-
return this._disabled;
|
|
3078
|
-
}
|
|
3079
|
-
onClick(e) {
|
|
3080
|
-
e.preventDefault();
|
|
3081
|
-
if (!this._disabled) {
|
|
3082
|
-
this.updateValue(!this._checked);
|
|
3083
|
-
this.onChange(this._checked);
|
|
3084
|
-
}
|
|
3085
|
-
}
|
|
3086
|
-
updateValue(value) {
|
|
3087
|
-
if (this._checked === value) {
|
|
3088
|
-
return;
|
|
3089
|
-
}
|
|
3090
|
-
this._checked = value;
|
|
3091
|
-
this.setClassMap();
|
|
3092
|
-
}
|
|
3093
|
-
setClassMap() {
|
|
3094
|
-
this._classMap = {
|
|
3095
|
-
[this._prefixCls]: true,
|
|
3096
|
-
[`${this._prefixCls}-checked`]: this._checked,
|
|
3097
|
-
[`${this._prefixCls}-disabled`]: this._disabled,
|
|
3098
|
-
[`${this._prefixCls}-small`]: this._size === "small",
|
|
3099
|
-
[this._color]: this._color
|
|
3100
|
-
};
|
|
3101
|
-
}
|
|
3102
|
-
writeValue(value) {
|
|
3103
|
-
this.updateValue(value);
|
|
3104
|
-
}
|
|
3105
|
-
registerOnChange(fn) {
|
|
3106
|
-
this.onChange = fn;
|
|
3107
|
-
}
|
|
3108
|
-
registerOnTouched(fn) {
|
|
3109
|
-
this.onTouched = fn;
|
|
3110
|
-
}
|
|
3111
|
-
setDisabledState(isDisabled) {
|
|
3112
|
-
this.Disabled = isDisabled;
|
|
3113
|
-
}
|
|
3114
|
-
ngOnInit() {
|
|
3115
|
-
this.setClassMap();
|
|
3116
|
-
}
|
|
3117
|
-
}
|
|
3118
|
-
pgSwitchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3119
|
-
pgSwitchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: pgSwitchComponent, selector: "pg-switch", inputs: { Size: "Size", Color: "Color", Disabled: "Disabled" }, outputs: { onChange: "onChange" }, host: { listeners: { "click": "onClick($event)" } }, providers: [
|
|
3120
|
-
{
|
|
3121
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3122
|
-
useExisting: forwardRef(() => pgSwitchComponent),
|
|
3123
|
-
multi: true
|
|
3124
|
-
}
|
|
3125
|
-
], ngImport: i0, template: `
|
|
3126
|
-
<span [ngClass]="_classMap" tabindex="0">
|
|
3127
|
-
<span [ngClass]="_innerPrefixCls">
|
|
3128
|
-
<ng-template [ngIf]="_checked">
|
|
3129
|
-
<ng-content select="[checked]"></ng-content>
|
|
3130
|
-
</ng-template>
|
|
3131
|
-
<ng-template [ngIf]="!_checked">
|
|
3132
|
-
<ng-content select="[unchecked]"></ng-content>
|
|
3133
|
-
</ng-template>
|
|
3134
|
-
</span>
|
|
3135
|
-
</span>
|
|
3136
|
-
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
3137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: pgSwitchComponent, decorators: [{
|
|
3138
|
-
type: Component,
|
|
3139
|
-
args: [{
|
|
3140
|
-
selector: "pg-switch",
|
|
3141
|
-
encapsulation: ViewEncapsulation.None,
|
|
3142
|
-
template: `
|
|
3143
|
-
<span [ngClass]="_classMap" tabindex="0">
|
|
3144
|
-
<span [ngClass]="_innerPrefixCls">
|
|
3145
|
-
<ng-template [ngIf]="_checked">
|
|
3146
|
-
<ng-content select="[checked]"></ng-content>
|
|
3147
|
-
</ng-template>
|
|
3148
|
-
<ng-template [ngIf]="!_checked">
|
|
3149
|
-
<ng-content select="[unchecked]"></ng-content>
|
|
3150
|
-
</ng-template>
|
|
3151
|
-
</span>
|
|
3152
|
-
</span>
|
|
3153
|
-
`,
|
|
3154
|
-
providers: [
|
|
3155
|
-
{
|
|
3156
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3157
|
-
useExisting: forwardRef(() => pgSwitchComponent),
|
|
3158
|
-
multi: true
|
|
3159
|
-
}
|
|
3160
|
-
]
|
|
3161
|
-
}]
|
|
3162
|
-
}], propDecorators: { onChange: [{
|
|
3163
|
-
type: Output
|
|
3164
|
-
}], Size: [{
|
|
3165
|
-
type: Input
|
|
3166
|
-
}], Color: [{
|
|
3167
|
-
type: Input
|
|
3168
|
-
}], Disabled: [{
|
|
3169
|
-
type: Input
|
|
3170
|
-
}], onClick: [{
|
|
3171
|
-
type: HostListener,
|
|
3172
|
-
args: ["click", ["$event"]]
|
|
3173
|
-
}] } });
|
|
3174
|
-
|
|
3175
|
-
class pgSwitchModule {
|
|
3168
|
+
class MefDevTabsModule {
|
|
3176
3169
|
}
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
|
|
3180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type:
|
|
3170
|
+
MefDevTabsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3171
|
+
MefDevTabsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsModule, declarations: [MefDevTabComponent, MefDevTabSetComponent, MefDevTabsNavComponent, MefDevTabLabelDirective, MefDevTabsInkBarDirective, MefDevTabBodyComponent], imports: [CommonModule], exports: [MefDevTabComponent, MefDevTabSetComponent, MefDevTabsNavComponent, MefDevTabLabelDirective, MefDevTabsInkBarDirective, MefDevTabBodyComponent] });
|
|
3172
|
+
MefDevTabsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsModule, imports: [[CommonModule]] });
|
|
3173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevTabsModule, decorators: [{
|
|
3181
3174
|
type: NgModule,
|
|
3182
3175
|
args: [{
|
|
3183
|
-
|
|
3184
|
-
|
|
3176
|
+
declarations: [MefDevTabComponent, MefDevTabSetComponent, MefDevTabsNavComponent, MefDevTabLabelDirective, MefDevTabsInkBarDirective, MefDevTabBodyComponent],
|
|
3177
|
+
exports: [MefDevTabComponent, MefDevTabSetComponent, MefDevTabsNavComponent, MefDevTabLabelDirective, MefDevTabsInkBarDirective, MefDevTabBodyComponent],
|
|
3185
3178
|
imports: [CommonModule]
|
|
3186
3179
|
}]
|
|
3187
3180
|
}] });
|
|
@@ -3190,5 +3183,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
3190
3183
|
* Generated bundle index. Do not edit.
|
|
3191
3184
|
*/
|
|
3192
3185
|
|
|
3193
|
-
export { CardComponent, CardLongComponent, CardSimpleComponent, CartTypeColors, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, HelpBlockComponent, LoaderComponent, LoaderService, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevFilteredFieldModule, MefDevHelpBlockModule, MefDevLoaderModule, MefDevModalModule, MefDevPageLayoutsModule,
|
|
3186
|
+
export { CardComponent, CardLongComponent, CardSimpleComponent, CartTypeColors, CentralPageComponent, CentralPageRowComponent, CollapseComponent, CollapseSetComponent, FillComponent, FilteredFieldContainerComponent, FilteredFieldItemComponent, FilteredFieldService, FiltredItemModel, HelpBlockComponent, LoaderComponent, LoaderService, ManagePageComponent, MefDevCardModule, MefDevCollapseModule, MefDevFilteredFieldModule, MefDevHelpBlockModule, MefDevLoaderModule, MefDevModalModule, MefDevPageLayoutsModule, MefDevProgressComponent, MefDevProgressModule, MefDevSpecFlowTestComponent, MefDevSpecFlowTestModule, MefDevSwitchComponent, MefDevSwitchModule, MefDevTabBodyComponent, MefDevTabComponent, MefDevTabLabelDirective, MefDevTabSetComponent, MefDevTabsInkBarDirective, MefDevTabsModule, MefDevTabsNavComponent, OptionPipe, PgSelectModule, ProfileComponent, ProgressConfig, RequestEvent, RightFilterComponent, SlideRightComponent, SlideUpComponent, TabChangeEvent, TablePageComponent, mefDevCardComponents, mefDevCollapseModuleComponents, pgOptionComponent, pgSelectComponent };
|
|
3194
3187
|
//# sourceMappingURL=natec-mef-dev-ui-kit.mjs.map
|