@natec/mef-dev-ui-kit 0.0.1

package/esm2020/lib/markup-kit/modals/markup-kit.module.mjs

@@ -0,0 +1,49 @@
+import { NgModule } from "@angular/core";
+import { FillComponent } from './fill/fill.component';
+import { SlideUpComponent } from './slide-up/slide-up.component';
+import { SlideRightComponent } from './slide-right/slide-right.component';
+import { ModalModule } from "ngx-bootstrap/modal";
+import { CommonModule } from "@angular/common";
+import { RightFilterComponent } from "./right-filter/right-filter.component";
+import { TranslateModule } from "@ngx-translate/core";
+import { PgSelectModule } from '../../pg-components/select/select.module';
+import * as i0 from "@angular/core";
+let mefDevModalModuleComponents = [
+    FillComponent,
+    SlideUpComponent,
+    SlideRightComponent,
+    RightFilterComponent
+];
+export class MefDevModalModule {
+}
+MefDevModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MefDevModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevModalModule, declarations: [FillComponent,
+        SlideUpComponent,
+        SlideRightComponent,
+        RightFilterComponent], imports: [ModalModule,
+        TranslateModule,
+        CommonModule,
+        PgSelectModule], exports: [FillComponent,
+        SlideUpComponent,
+        SlideRightComponent,
+        RightFilterComponent] });
+MefDevModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevModalModule, imports: [[
+            ModalModule,
+            TranslateModule,
+            CommonModule,
+            PgSelectModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ModalModule,
+                        TranslateModule,
+                        CommonModule,
+                        PgSelectModule
+                    ],
+                    exports: mefDevModalModuleComponents,
+                    declarations: mefDevModalModuleComponents
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya3VwLWtpdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC9tb2RhbHMvbWFya3VwLWtpdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDakUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOztBQUcxRSxJQUFJLDJCQUEyQixHQUFHO0lBQ2hDLGFBQWE7SUFDYixnQkFBZ0I7SUFDaEIsbUJBQW1CO0lBQ25CLG9CQUFvQjtDQUNyQixDQUFDO0FBV0YsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQWY1QixhQUFhO1FBQ2IsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixvQkFBb0IsYUFJbEIsV0FBVztRQUNYLGVBQWU7UUFDZixZQUFZO1FBQ1osY0FBYyxhQVZoQixhQUFhO1FBQ2IsZ0JBQWdCO1FBQ2hCLG1CQUFtQjtRQUNuQixvQkFBb0I7K0dBWVQsaUJBQWlCLFlBVG5CO1lBQ1AsV0FBVztZQUNYLGVBQWU7WUFDZixZQUFZO1lBQ1osY0FBYztTQUNmOzJGQUlVLGlCQUFpQjtrQkFWN0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsV0FBVzt3QkFDWCxlQUFlO3dCQUNmLFlBQVk7d0JBQ1osY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsMkJBQTJCO29CQUNwQyxZQUFZLEVBQUUsMkJBQTJCO2lCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgRmlsbENvbXBvbmVudCB9IGZyb20gJy4vZmlsbC9maWxsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNsaWRlVXBDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNsaWRlUmlnaHRDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudCc7XHJcblxyXG5pbXBvcnQgeyBNb2RhbE1vZHVsZSB9IGZyb20gXCJuZ3gtYm9vdHN0cmFwL21vZGFsXCI7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHsgUmlnaHRGaWx0ZXJDb21wb25lbnQgfSBmcm9tIFwiLi9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG5pbXBvcnQgeyBQZ1NlbGVjdE1vZHVsZSB9IGZyb20gJy4uLy4uL3BnLWNvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5tb2R1bGUnO1xyXG5cclxuXHJcbmxldCBtZWZEZXZNb2RhbE1vZHVsZUNvbXBvbmVudHMgPSBbXHJcbiAgRmlsbENvbXBvbmVudCxcclxuICBTbGlkZVVwQ29tcG9uZW50LFxyXG4gIFNsaWRlUmlnaHRDb21wb25lbnQsXHJcbiAgUmlnaHRGaWx0ZXJDb21wb25lbnRcclxuXTtcclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNb2RhbE1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFBnU2VsZWN0TW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBtZWZEZXZNb2RhbE1vZHVsZUNvbXBvbmVudHMsXHJcbiAgZGVjbGFyYXRpb25zOiBtZWZEZXZNb2RhbE1vZHVsZUNvbXBvbmVudHNcclxufSlcclxuZXhwb3J0IGNsYXNzIE1lZkRldk1vZGFsTW9kdWxlIHt9XHJcbiJdfQ==

package/esm2020/lib/markup-kit/modals/modal-size.enum.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtc2l6ZS5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL21vZGFsLXNpemUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGVudW0gTW9kYWxTaXplIHtcclxuICAgIHNtID0gJ3NtJyxcclxuICAgIG1kID0gJ21kJyxcclxuICAgIGxnID0gJ2xnJyxcclxuICB9Il19

package/esm2020/lib/markup-kit/modals/right-filter/right-filter.component.mjs

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../utils/filtered-field/filtered-field.service";
+import * as i2 from "../slide-right/slide-right.component";
+export class RightFilterComponent {
+    constructor(filteredFieldService) {
+        this.filteredFieldService = filteredFieldService;
+        this.isOpen = false;
+    }
+    ngOnInit() {
+        this.filteredFieldService.getOpenFilter().subscribe(() => {
+            this.isOpen = true;
+        });
+    }
+    openModal() {
+        this.isOpen = !this.isOpen;
+    }
+    modalIsCloused() {
+        this.isOpen = false;
+    }
+}
+RightFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: RightFilterComponent, deps: [{ token: i1.FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
+RightFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: RightFilterComponent, selector: "mefdev-right-filter", ngImport: i0, template: "<div class=\"filter-btn\">\r\n    <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"], components: [{ type: i2.SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["isClouse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: RightFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-right-filter', template: "<div class=\"filter-btn\">\r\n    <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FilteredFieldService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRbEQsTUFBTSxPQUFPLG9CQUFvQjtJQUkvQixZQUNVLG9CQUEwQztRQUExQyx5QkFBb0IsR0FBcEIsb0JBQW9CLENBQXNCO1FBSHBELFdBQU0sR0FBWSxLQUFLLENBQUM7SUFHaUMsQ0FBQztJQUUxRCxRQUFRO1FBQ04sSUFBSSxDQUFDLG9CQUFvQixDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDdkQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDckIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQzs7aUhBbkJVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLDJEQ1JqQyxzVUFNMkI7MkZERWQsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZpbHRlcmVkRmllbGRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1yaWdodC1maWx0ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWdodC1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3JpZ2h0LWZpbHRlci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBSaWdodEZpbHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZmlsdGVyZWRGaWVsZFNlcnZpY2U6IEZpbHRlcmVkRmllbGRTZXJ2aWNlLCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5maWx0ZXJlZEZpZWxkU2VydmljZS5nZXRPcGVuRmlsdGVyKCkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5pc09wZW4gPSB0cnVlO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBvcGVuTW9kYWwoKXtcclxuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xyXG4gIH1cclxuXHJcbiAgbW9kYWxJc0Nsb3VzZWQoKXtcclxuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XHJcbiAgfVxyXG4gIFxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmaWx0ZXItYnRuXCI+XHJcbiAgICA8YnV0dG9uIGNsYXNzPVwiYnRuIGJ0bi1zZWNvbmRhcnkgdGV4dC1kYW5nZXJcIiAoY2xpY2spPVwib3Blbk1vZGFsKClcIj48aSBjbGFzcz1cImZhIGZhLWZpbHRlclwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L2J1dHRvbj5cclxuPC9kaXY+XHJcblxyXG48bWVmZGV2LXNsaWRlLXJpZ2h0LW1vZGFsIFtzaG93XT1cImlzT3BlblwiIChpc0Nsb3VzZSk9XCJtb2RhbElzQ2xvdXNlZCgpXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbWVmZGV2LXNsaWRlLXJpZ2h0LW1vZGFsPiJdfQ==

package/esm2020/lib/markup-kit/modals/slide-right/slide-right.component.mjs

@@ -0,0 +1,55 @@
+import { Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-bootstrap/modal";
+import * as i2 from "@angular/common";
+export class SlideRightComponent {
+    constructor() {
+        this.size = "md" /* md */;
+        this.isClouse = new EventEmitter();
+    }
+    set show(val) {
+        if (!this.slideRight) {
+            return;
+        }
+        if (val) {
+            this.showModal();
+        }
+        else {
+            this.hideModal();
+        }
+    }
+    ;
+    ngOnInit() {
+    }
+    modalIsCloused() {
+        this.isClouse.emit(true);
+    }
+    showModal() {
+        this.slideRight.show();
+    }
+    hideModal() {
+        this.slideRight.hide();
+    }
+}
+SlideRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideRightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideRightComponent, decorators: [{
+            type: Component,
+            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: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { modal_header: [{
+                type: ContentChild,
+                args: ["modal_header"]
+            }], modal_footer: [{
+                type: ContentChild,
+                args: ["modal_footer"]
+            }], slideRight: [{
+                type: ViewChild,
+                args: ['slideRight', { static: false }]
+            }], size: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], isClouse: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtcmlnaHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS1yaWdodC9zbGlkZS1yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFVckgsTUFBTSxPQUFPLG1CQUFtQjtJQXVCOUI7UUFoQlMsU0FBSSxpQkFBMEI7UUFjN0IsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFakMsQ0FBQztJQWRqQixJQUFhLElBQUksQ0FBQyxHQUFZO1FBQzVCLElBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFDO1lBQ2xCLE9BQU87U0FDUjtRQUVELElBQUcsR0FBRyxFQUFDO1lBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO2FBQ0c7WUFDRixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQUtGLFFBQVE7SUFDUixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzs7Z0hBdENVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLDhiQ1ZoQyx5dkJBZU07MkZETE8sbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLDBCQUEwQjswRUFNTixZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBQ0UsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUVnQixVQUFVO3NCQUFyRCxTQUFTO3VCQUFDLFlBQVksRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7Z0JBRWpDLElBQUk7c0JBQVosS0FBSztnQkFFTyxJQUFJO3NCQUFoQixLQUFLO2dCQVlJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9kYWxEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL21vZGFsJztcclxuaW1wb3J0IHsgTW9kYWxTaXplIH0gZnJvbSAnLi4vbW9kYWwtc2l6ZS5lbnVtJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiOyAvLyBhZGQgZm9yIHN0YXRpYyBhbmFsaXplciBidWcgZml4XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1zbGlkZS1yaWdodC1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlLXJpZ2h0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZS1yaWdodC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTbGlkZVJpZ2h0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2hlYWRlclwiKSBtb2RhbF9oZWFkZXI6IFRlbXBsYXRlUmVmPHZvaWQ+OyBcclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfZm9vdGVyXCIpIG1vZGFsX2Zvb3RlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcbiAgXHJcbiAgQFZpZXdDaGlsZCgnc2xpZGVSaWdodCcsIHsgc3RhdGljOiBmYWxzZSB9KSBzbGlkZVJpZ2h0OiBNb2RhbERpcmVjdGl2ZTtcclxuICBcclxuICBASW5wdXQoKSBzaXplOk1vZGFsU2l6ZSA9IE1vZGFsU2l6ZS5tZDtcclxuICBcclxuICBASW5wdXQoKSBzZXQgc2hvdyh2YWw6IGJvb2xlYW4pe1xyXG4gICAgaWYoIXRoaXMuc2xpZGVSaWdodCl7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuICAgIFxyXG4gICAgaWYodmFsKXtcclxuICAgICAgdGhpcy5zaG93TW9kYWwoKTtcclxuICAgIH1cclxuICAgIGVsc2V7XHJcbiAgICAgIHRoaXMuaGlkZU1vZGFsKCk7XHJcbiAgICB9XHJcbiAgfTtcclxuICBAT3V0cHV0KCkgaXNDbG91c2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcbiAgXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBtb2RhbElzQ2xvdXNlZCgpe1xyXG4gICAgdGhpcy5pc0Nsb3VzZS5lbWl0KHRydWUpO1xyXG4gIH1cclxuICBcclxuICBwdWJsaWMgc2hvd01vZGFsKCl7XHJcbiAgICB0aGlzLnNsaWRlUmlnaHQuc2hvdygpO1xyXG4gIH1cclxuICAgIFxyXG4gIHB1YmxpYyBoaWRlTW9kYWwoKXtcclxuICAgIHRoaXMuc2xpZGVSaWdodC5oaWRlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgYnNNb2RhbCAjc2xpZGVSaWdodD1cImJzLW1vZGFsXCIgY2xhc3M9XCJtb2RhbCBmYWRlIHNsaWRlLXJpZ2h0XCIgdGFiaW5kZXg9XCItMVwiIHJvbGU9XCJkaWFsb2dcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAob25IaWRlKT1cIm1vZGFsSXNDbG91c2VkKClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1kaWFsb2cgbW9kYWwte3tzaXplfX1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnQtd3JhcHBlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIGNsZWFyZml4IHRleHQtbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2hlYWRlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2Zvb3RlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/markup-kit/modals/slide-up/slide-up.component.mjs

@@ -0,0 +1,55 @@
+import { Component, ContentChild, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-bootstrap/modal";
+import * as i2 from "@angular/common";
+export class SlideUpComponent {
+    constructor() {
+        this.size = "md" /* md */;
+        this.isClouse = new EventEmitter();
+    }
+    set show(val) {
+        if (!this.mdSlideUp) {
+            return;
+        }
+        if (val) {
+            this.showModal();
+        }
+        else {
+            this.hideModal();
+        }
+    }
+    ;
+    ngOnInit() {
+    }
+    modalIsCloused() {
+        this.isClouse.emit(true);
+    }
+    showModal() {
+        this.mdSlideUp.show();
+    }
+    hideModal() {
+        this.mdSlideUp.hide();
+    }
+}
+SlideUpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideUpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SlideUpComponent, decorators: [{
+            type: Component,
+            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: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { modal_header: [{
+                type: ContentChild,
+                args: ["modal_header"]
+            }], modal_footer: [{
+                type: ContentChild,
+                args: ["modal_footer"]
+            }], mdSlideUp: [{
+                type: ViewChild,
+                args: ['mdSlideUp', { static: false }]
+            }], size: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], isClouse: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS11cC9zbGlkZS11cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFVckgsTUFBTSxPQUFPLGdCQUFnQjtJQXVCM0I7UUFoQlMsU0FBSSxpQkFBMEI7UUFjN0IsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFakMsQ0FBQztJQWRqQixJQUFhLElBQUksQ0FBQyxHQUFZO1FBQzVCLElBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFDO1lBQ2pCLE9BQU87U0FDUjtRQUVELElBQUcsR0FBRyxFQUFDO1lBQ0wsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ2xCO2FBQ0c7WUFDRixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQUtGLFFBQVE7SUFDUixDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7NkdBdENVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHliQ1Y3Qixxd0JBZU07MkZETE8sZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLHVCQUF1QjswRUFNSCxZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBQ0UsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUVlLFNBQVM7c0JBQW5ELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFFaEMsSUFBSTtzQkFBWixLQUFLO2dCQUVPLElBQUk7c0JBQWhCLEtBQUs7Z0JBWUksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbERpcmVjdGl2ZSB9IGZyb20gJ25neC1ib290c3RyYXAvbW9kYWwnO1xyXG5pbXBvcnQgeyBNb2RhbFNpemUgfSBmcm9tICcuLi9tb2RhbC1zaXplLmVudW0nO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LXNsaWRlLXVwLW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGUtdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NsaWRlLXVwLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNsaWRlVXBDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIFxyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9oZWFkZXJcIikgbW9kYWxfaGVhZGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjsgXHJcbiAgQENvbnRlbnRDaGlsZChcIm1vZGFsX2Zvb3RlclwiKSBtb2RhbF9mb290ZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG4gIFxyXG4gIEBWaWV3Q2hpbGQoJ21kU2xpZGVVcCcsIHsgc3RhdGljOiBmYWxzZSB9KSBtZFNsaWRlVXA6IE1vZGFsRGlyZWN0aXZlO1xyXG4gIFxyXG4gIEBJbnB1dCgpIHNpemU6TW9kYWxTaXplID0gTW9kYWxTaXplLm1kO1xyXG4gIFxyXG4gIEBJbnB1dCgpIHNldCBzaG93KHZhbDogYm9vbGVhbil7XHJcbiAgICBpZighdGhpcy5tZFNsaWRlVXApe1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICBcclxuICAgIGlmKHZhbCl7XHJcbiAgICAgIHRoaXMuc2hvd01vZGFsKCk7XHJcbiAgICB9XHJcbiAgICBlbHNle1xyXG4gICAgICB0aGlzLmhpZGVNb2RhbCgpO1xyXG4gICAgfVxyXG4gIH07XHJcbiAgQE91dHB1dCgpIGlzQ2xvdXNlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG4gIFxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgbW9kYWxJc0Nsb3VzZWQoKXtcclxuICAgIHRoaXMuaXNDbG91c2UuZW1pdCh0cnVlKTtcclxuICB9XHJcbiAgXHJcbiAgcHVibGljIHNob3dNb2RhbCgpe1xyXG4gICAgdGhpcy5tZFNsaWRlVXAuc2hvdygpO1xyXG4gIH1cclxuICBcclxuICBwdWJsaWMgaGlkZU1vZGFsKCl7XHJcbiAgICB0aGlzLm1kU2xpZGVVcC5oaWRlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgYnNNb2RhbCAjbWRTbGlkZVVwPVwiYnMtbW9kYWxcIiBjbGFzcz1cIm1vZGFsIGZhZGUgc2xpZGUtdXAgZGlzYWJsZS1zY3JvbGxcIiB0YWJpbmRleD1cIi0xXCIgcm9sZT1cImRpYWxvZ1wiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiAob25IaWRlKT1cIm1vZGFsSXNDbG91c2VkKClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1kaWFsb2cgbW9kYWwte3tzaXplfX1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnQtd3JhcHBlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIGNsZWFyZml4IHRleHQtbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2hlYWRlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2Zvb3RlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/markup-kit/page-layouts/central-page/central-page.component.mjs

@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CentralPageComponent {
+    constructor() {
+        this.width = '100%';
+    }
+    ngOnDestroy() {
+        document.getElementById('dataMainContent').style.height = '';
+    }
+    ngOnInit() {
+    }
+    ngAfterViewChecked() {
+        document.getElementById('dataMainContent').style.height = '100%';
+    }
+}
+CentralPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CentralPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CentralPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CentralPageComponent, selector: "mefdev-central-page", inputs: { width: "width" }, ngImport: i0, template: "<div class=\"row align-items-center\" style=\"height: 100%;\" [ngStyle]=\"{'width': width}\">\r\n    <div class=\"col\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n  ", styles: [""], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CentralPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-central-page', template: "<div class=\"row align-items-center\" style=\"height: 100%;\" [ngStyle]=\"{'width': width}\">\r\n    <div class=\"col\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>\r\n  ", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2UvY2VudHJhbC1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2UvY2VudHJhbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7OztBQU10RixNQUFNLE9BQU8sb0JBQW9CO0lBRS9CO1FBSVMsVUFBSyxHQUFXLE1BQU0sQ0FBQztJQUZoQyxDQUFDO0lBSUQsV0FBVztRQUNULFFBQVEsQ0FBQyxjQUFjLENBQUMsaUJBQWlCLENBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNoRSxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsUUFBUSxDQUFDLGNBQWMsQ0FBQyxpQkFBaUIsQ0FBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFBO0lBQ25FLENBQUM7O2lIQWpCVSxvQkFBb0I7cUdBQXBCLG9CQUFvQix1RkNOakMsNkxBS0U7MkZEQ1csb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHFCQUFxQjswRUFVdEIsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3Q2hlY2tlZCwgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY2VudHJhbC1wYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2VudHJhbC1wYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jZW50cmFsLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2VudHJhbFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQWZ0ZXJWaWV3Q2hlY2tlZCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICkgeyBcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2RhdGFNYWluQ29udGVudCcpIS5zdHlsZS5oZWlnaHQgPSAnJztcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuICBcclxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKTogdm9pZCB7XHJcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZGF0YU1haW5Db250ZW50JykhLnN0eWxlLmhlaWdodCA9ICcxMDAlJ1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvdyBhbGlnbi1pdGVtcy1jZW50ZXJcIiBzdHlsZT1cImhlaWdodDogMTAwJTtcIiBbbmdTdHlsZV09XCJ7J3dpZHRoJzogd2lkdGh9XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4gICJdfQ==

package/esm2020/lib/markup-kit/page-layouts/central-page-row/central-page-row.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CentralPageRowComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+CentralPageRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CentralPageRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CentralPageRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: CentralPageRowComponent, selector: "mefdev-central-page-row", ngImport: i0, template: "<div class=\"row justify-content-center\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: CentralPageRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-central-page-row', template: "<div class=\"row justify-content-center\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbC1wYWdlLXJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvY2VudHJhbC1wYWdlLXJvdy9jZW50cmFsLXBhZ2Utcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2Utcm93L2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFPbEQsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7b0hBTFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsK0RDUHBDLHVGQUVNOzJGREtPLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY2VudHJhbC1wYWdlLXJvdycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2VudHJhbFBhZ2VSb3dDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3cganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/markup-kit/page-layouts/index.mjs

@@ -0,0 +1,7 @@
+export * from './profile/profile.component';
+export * from './central-page/central-page.component';
+export * from './central-page-row/central-page-row.component';
+export * from './table-page/table-page.component';
+export * from './manage-page/manage-page.component';
+export * from './page-layouts.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsdUJBQXVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NlbnRyYWwtcGFnZS9jZW50cmFsLXBhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jZW50cmFsLXBhZ2Utcm93L2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi90YWJsZS1wYWdlL3RhYmxlLXBhZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9tYW5hZ2UtcGFnZS9tYW5hZ2UtcGFnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3BhZ2UtbGF5b3V0cy5tb2R1bGUnO1xyXG4iXX0=

package/esm2020/lib/markup-kit/page-layouts/manage-page/manage-page.component.mjs

@@ -0,0 +1,25 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ManagePageComponent {
+    constructor() {
+        this.startTabInd = 0;
+    }
+    ngOnInit() {
+    }
+}
+ManagePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ManagePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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}.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,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-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ManagePageComponent, decorators: [{
+            type: Component,
+            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}.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,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-tabs .card-header{background-color:#f3f3f3;padding:.5em;border:0}.profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 28px,transparent 0%,transparent 100%)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { card_title: [{
+                type: ContentChild,
+                args: ["card_title"]
+            }], tabs_block: [{
+                type: ContentChild,
+                args: ["tabs_block"]
+            }], startTabInd: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvcGFnZS1sYXlvdXRzL21hbmFnZS1wYWdlL21hbmFnZS1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9tYW5hZ2UtcGFnZS9tYW5hZ2UtcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7QUFPcEYsTUFBTSxPQUFPLG1CQUFtQjtJQU85QjtRQUZTLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO0lBRVQsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7Z0hBVlUsbUJBQW1CO29HQUFuQixtQkFBbUIsbVNDUGhDLHdWQVVBOzJGREhhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxvQkFBb0I7MEVBTUYsVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZO2dCQUNFLFVBQVU7c0JBQXJDLFlBQVk7dUJBQUMsWUFBWTtnQkFFakIsV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT25Jbml0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtbWFuYWdlLXBhZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tYW5hZ2UtcGFnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbWFuYWdlLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWFuYWdlUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgXHJcbiAgQENvbnRlbnRDaGlsZChcImNhcmRfdGl0bGVcIikgY2FyZF90aXRsZTogVGVtcGxhdGVSZWY8dm9pZD47IFxyXG4gIEBDb250ZW50Q2hpbGQoXCJ0YWJzX2Jsb2NrXCIpIHRhYnNfYmxvY2s6IFRlbXBsYXRlUmVmPHZvaWQ+OyBcclxuXHJcbiAgQElucHV0KCkgc3RhcnRUYWJJbmQgPSAwO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjYXJkLXRhYnNcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3cgYm9keS0xIGNhcmQtaGVhZGVyXCIgKm5nSWY9XCJjYXJkX3RpdGxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm0tMlwiPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiY2FyZF90aXRsZVwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3cgcHJvZmlsZS1wYWdlLXRhYnNcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/markup-kit/page-layouts/page-layouts.module.mjs

@@ -0,0 +1,49 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ProfileComponent } from './profile/profile.component';
+import { TranslateModule } from '@ngx-translate/core';
+import { pgTabsModule } from '../../pg-components/tabs/tabs.module';
+import { CentralPageComponent } from './central-page/central-page.component';
+import { CentralPageRowComponent } from './central-page-row/central-page-row.component';
+import { TablePageComponent } from './table-page/table-page.component';
+import { ManagePageComponent } from './manage-page/manage-page.component';
+import * as i0 from "@angular/core";
+let mefDevPageLayoutsModuleComponents = [
+    ProfileComponent,
+    CentralPageComponent,
+    CentralPageRowComponent,
+    TablePageComponent,
+    ManagePageComponent
+];
+export class MefDevPageLayoutsModule {
+}
+MefDevPageLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MefDevPageLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, declarations: [ProfileComponent,
+        CentralPageComponent,
+        CentralPageRowComponent,
+        TablePageComponent,
+        ManagePageComponent], imports: [CommonModule,
+        TranslateModule,
+        pgTabsModule], exports: [ProfileComponent,
+        CentralPageComponent,
+        CentralPageRowComponent,
+        TablePageComponent,
+        ManagePageComponent] });
+MefDevPageLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, imports: [[
+            CommonModule,
+            TranslateModule,
+            pgTabsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MefDevPageLayoutsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: mefDevPageLayoutsModuleComponents,
+                    exports: mefDevPageLayoutsModuleComponents,
+                    imports: [
+                        CommonModule,
+                        TranslateModule,
+                        pgTabsModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1sYXlvdXRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9wYWdlLWxheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDN0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDeEYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDdkUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBRTFFLElBQUksaUNBQWlDLEdBQUc7SUFDdEMsZ0JBQWdCO0lBQ2hCLG9CQUFvQjtJQUNwQix1QkFBdUI7SUFDdkIsa0JBQWtCO0lBQ2xCLG1CQUFtQjtDQUNwQixDQUFDO0FBV0YsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQWhCbEMsZ0JBQWdCO1FBQ2hCLG9CQUFvQjtRQUNwQix1QkFBdUI7UUFDdkIsa0JBQWtCO1FBQ2xCLG1CQUFtQixhQU9qQixZQUFZO1FBQ2QsZUFBZTtRQUNmLFlBQVksYUFiWixnQkFBZ0I7UUFDaEIsb0JBQW9CO1FBQ3BCLHVCQUF1QjtRQUN2QixrQkFBa0I7UUFDbEIsbUJBQW1CO3FIQVlSLHVCQUF1QixZQU56QjtZQUNQLFlBQVk7WUFDZCxlQUFlO1lBQ2YsWUFBWTtTQUNYOzJGQUVVLHVCQUF1QjtrQkFUbkMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsaUNBQWlDO29CQUMvQyxPQUFPLEVBQUUsaUNBQWlDO29CQUMxQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDZCxlQUFlO3dCQUNmLFlBQVk7cUJBQ1g7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBQcm9maWxlQ29tcG9uZW50IH0gZnJvbSAnLi9wcm9maWxlL3Byb2ZpbGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IHBnVGFic01vZHVsZSB9IGZyb20gJy4uLy4uL3BnLWNvbXBvbmVudHMvdGFicy90YWJzLm1vZHVsZSc7XHJcbmltcG9ydCB7IENlbnRyYWxQYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9jZW50cmFsLXBhZ2UvY2VudHJhbC1wYWdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENlbnRyYWxQYWdlUm93Q29tcG9uZW50IH0gZnJvbSAnLi9jZW50cmFsLXBhZ2Utcm93L2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGFibGVQYWdlQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS1wYWdlL3RhYmxlLXBhZ2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWFuYWdlUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vbWFuYWdlLXBhZ2UvbWFuYWdlLXBhZ2UuY29tcG9uZW50JztcclxuXHJcbmxldCBtZWZEZXZQYWdlTGF5b3V0c01vZHVsZUNvbXBvbmVudHMgPSBbXHJcbiAgUHJvZmlsZUNvbXBvbmVudCxcclxuICBDZW50cmFsUGFnZUNvbXBvbmVudCxcclxuICBDZW50cmFsUGFnZVJvd0NvbXBvbmVudCxcclxuICBUYWJsZVBhZ2VDb21wb25lbnQsXHJcbiAgTWFuYWdlUGFnZUNvbXBvbmVudFxyXG5dO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IG1lZkRldlBhZ2VMYXlvdXRzTW9kdWxlQ29tcG9uZW50cyxcclxuICBleHBvcnRzOiBtZWZEZXZQYWdlTGF5b3V0c01vZHVsZUNvbXBvbmVudHMsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG5cdFx0VHJhbnNsYXRlTW9kdWxlLFxyXG5cdFx0cGdUYWJzTW9kdWxlLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZWZEZXZQYWdlTGF5b3V0c01vZHVsZSB7IH1cclxuIl19

package/esm2020/lib/markup-kit/page-layouts/profile/profile.component.mjs

@@ -0,0 +1,49 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class ProfileComponent {
+    constructor() {
+        this.img = '';
+        this.circleImg = false;
+    }
+    ngOnInit() {
+    }
+    get sizeStyle() {
+        // return { 'width.px': this.width, 'height.px': this.height };
+        if (!this.circleImg) {
+            return {};
+        }
+        return {
+            'border-top-left-radius': `50%`,
+            'border-top-right-radius': `50%`,
+            'border-bottom-right-radius': `50%`,
+            'border-bottom-left-radius': `50%`,
+        };
+    }
+}
+ProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProfileComponent, decorators: [{
+            type: Component,
+            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(top,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(top,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(top,#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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { first_colum: [{
+                type: ContentChild,
+                args: ["first_colum"]
+            }], second_colum: [{
+                type: ContentChild,
+                args: ["second_colum"]
+            }], footer: [{
+                type: ContentChild,
+                args: ["footer"]
+            }], name: [{
+                type: Input
+            }], img: [{
+                type: Input
+            }], shortDescription: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], circleImg: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9wcm9maWxlL3Byb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUF1QixNQUFNLGVBQWUsQ0FBQzs7O0FBT3BGLE1BQU0sT0FBTyxnQkFBZ0I7SUFZM0I7UUFMUyxRQUFHLEdBQVcsRUFBRSxDQUFDO1FBR2pCLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFFcEIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLCtEQUErRDtRQUMvRCxJQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBQztZQUNqQixPQUFPLEVBQUUsQ0FBQztTQUNYO1FBRUQsT0FBTztZQUNMLHdCQUF3QixFQUFFLEtBQUs7WUFDL0IseUJBQXlCLEVBQUUsS0FBSztZQUNoQyw0QkFBNEIsRUFBRSxLQUFLO1lBQ25DLDJCQUEyQixFQUFFLEtBQUs7U0FDbkMsQ0FBQztJQUNKLENBQUM7OzZHQTdCVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixzY0NQN0IsMjdDQTBDQTsyRkRuQ2EsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGdCQUFnQjswRUFNRyxXQUFXO3NCQUF2QyxZQUFZO3VCQUFDLGFBQWE7Z0JBQ0csWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUNKLE1BQU07c0JBQTdCLFlBQVk7dUJBQUMsUUFBUTtnQkFFYixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT25Jbml0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtcHJvZmlsZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Byb2ZpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Byb2ZpbGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvZmlsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBDb250ZW50Q2hpbGQoXCJmaXJzdF9jb2x1bVwiKSBmaXJzdF9jb2x1bTogVGVtcGxhdGVSZWY8dm9pZD47IFxyXG4gIEBDb250ZW50Q2hpbGQoXCJzZWNvbmRfY29sdW1cIikgc2Vjb25kX2NvbHVtOiBUZW1wbGF0ZVJlZjx2b2lkPjsgXHJcbiAgQENvbnRlbnRDaGlsZChcImZvb3RlclwiKSBmb290ZXI6IFRlbXBsYXRlUmVmPHZvaWQ+OyBcclxuXHJcbiAgQElucHV0KCkgbmFtZTpzdHJpbmc7XHJcbiAgQElucHV0KCkgaW1nOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBzaG9ydERlc2NyaXB0aW9uOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaGVhZGVyOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2lyY2xlSW1nOiBib29sZWFuID0gZmFsc2U7XHJcbiAgXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBnZXQgc2l6ZVN0eWxlKCl7XHJcbiAgICAvLyByZXR1cm4geyAnd2lkdGgucHgnOiB0aGlzLndpZHRoLCAnaGVpZ2h0LnB4JzogdGhpcy5oZWlnaHQgfTtcclxuICAgIGlmKCF0aGlzLmNpcmNsZUltZyl7XHJcbiAgICAgIHJldHVybiB7fTtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4geyBcclxuICAgICAgJ2JvcmRlci10b3AtbGVmdC1yYWRpdXMnOiBgNTAlYCxcclxuICAgICAgJ2JvcmRlci10b3AtcmlnaHQtcmFkaXVzJzogYDUwJWAsXHJcbiAgICAgICdib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1cyc6IGA1MCVgLFxyXG4gICAgICAnYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1cyc6IGA1MCVgLFxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvdyBwcm9maWxlLXBhZ2VcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgaDMgbXQtM1wiPlxyXG4gICAgICAgIHt7aGVhZGVyfX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14bC0zIGNvbC1sZy0zIGNvbC1tZC00IGNvbC1zbS0xMlwiPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCIhaW1nIHx8IGltZyA9PSAnJ1wiID5cclxuICAgICAgICAgICAgPGltZyBzcmM9XCJhc3NldHMvaW1hZ2VzL21kX2ljb24ucG5nXCIgaGVpZ2h0PVwiMTI0XCIgd2lkdGg9XCIyMjBcIiAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJpbWdcIiA+XHJcbiAgICAgICAgICAgIDxpbWcgc3JjPVwie3tpbWd9fVwiIGFsdD1cIlwiIGNsYXNzPVwiY3VzdG9tLWltZ1wiIFtuZ1N0eWxlXT1cInNpemVTdHlsZVwiXHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgICAgICAgICAgXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTMgY29sLWxnLTQgY29sLW1kLTUgY29sLXNtLTEyIG10LTQgbXQtbWQtMFwiID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93IHByb2ZpbGUtbmFtZVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICAgICAgICAgICAgICB7e25hbWV9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wgcHJvZmlsZS1kZXNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICAgICAge3tzaG9ydERlc2NyaXB0aW9ufX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTMgY29sLWxnLTQgY29sLW1kLTUgY29sLXNtLTEyIGJvZHktNiBtdC00IG10LW1kLTBcIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiZmlyc3RfY29sdW1cIj48L25nLXRlbXBsYXRlPiBcclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteGwtMyBjb2wtbGctNCBjb2wtbWQtNSBjb2wtc20tMTIgYm9keS02IG10LTQgbXQtbWQtMFwiID5cclxuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwic2Vjb25kX2NvbHVtXCI+PC9uZy10ZW1wbGF0ZT4gXHJcbiAgICA8L2Rpdj5cclxuXHJcbjwvZGl2PlxyXG48ZGl2IHN0eWxlPVwicG9zaXRpb246IHJlbGF0aXZlO1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cInJvdyBwcm9maWxlLXBhZ2UtdGFic1wiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJmb290ZXJcIj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPiBcclxuICAgIDwvZGl2PiAgICBcclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/markup-kit/page-layouts/table-page/table-page.component.mjs

@@ -0,0 +1,18 @@
+import { Component, ContentChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TablePageComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+TablePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TablePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TablePageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TablePageComponent, selector: "mefdev-table-page", queries: [{ propertyName: "filter_colum", first: true, predicate: ["filter_colum"], descendants: true }], ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-12 filter-colum\">\r\n        <ng-template [ngTemplateOutlet]=\"filter_colum\"></ng-template> \r\n    </div>\r\n</div>\r\n\r\n<div class=\"table-responsive\" >\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [""], directives: [{ type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TablePageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-table-page', template: "<div class=\"row\">\r\n    <div class=\"col-12 filter-colum\">\r\n        <ng-template [ngTemplateOutlet]=\"filter_colum\"></ng-template> \r\n    </div>\r\n</div>\r\n\r\n<div class=\"table-responsive\" >\r\n    <ng-content></ng-content>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { filter_colum: [{
+                type: ContentChild,
+                args: ["filter_colum"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvdGFibGUtcGFnZS90YWJsZS1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy90YWJsZS1wYWdlL3RhYmxlLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7QUFPN0UsTUFBTSxPQUFPLGtCQUFrQjtJQUc3QixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7K0dBTlUsa0JBQWtCO21HQUFsQixrQkFBa0IsbUtDUC9CLDRQQVNBOzJGREZhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxtQkFBbUI7MEVBS0MsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LXRhYmxlLXBhZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1wYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90YWJsZS1wYWdlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYmxlUGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChcImZpbHRlcl9jb2x1bVwiKSBmaWx0ZXJfY29sdW06IFRlbXBsYXRlUmVmPHZvaWQ+OyBcclxuICBcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgZmlsdGVyLWNvbHVtXCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImZpbHRlcl9jb2x1bVwiPjwvbmctdGVtcGxhdGU+IFxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cInRhYmxlLXJlc3BvbnNpdmVcIiA+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field-container/filtered-field-container.component.mjs

@@ -0,0 +1,40 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../filtered-field.service";
+import * as i2 from "../filtered-field-item/filtered-field-item.component";
+import * as i3 from "@angular/common";
+export class FilteredFieldContainerComponent {
+    constructor(service) {
+        this.service = service;
+        this.items = [];
+    }
+    onOpenFilter(item) {
+        this.service.sendOpenFilter(item);
+    }
+    onDiscard(item) {
+        item.discard(item.standartValue);
+        this.items.splice(this.items.findIndex(x => x.id == item.id), 1);
+    }
+    ngOnInit() {
+        this.service.getNewFilterItem().subscribe(item => {
+            let i = this.items.findIndex(x => x.id == item.id);
+            if (item.newValue == item.standartValue) {
+                this.items[i] = item;
+                this.items.splice(i, 1);
+                return;
+            }
+            if (i != -1) {
+                this.items[i] = item;
+                return;
+            }
+            this.items.push(item);
+        });
+    }
+}
+FilteredFieldContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FilteredFieldContainerComponent, deps: [{ token: i1.FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
+FilteredFieldContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FilteredFieldContainerComponent, selector: "mefdev-filtered-field-container", ngImport: i0, template: "<div class=\"item-container\">\n    <mefdev-filtered-field-item *ngFor=\"let item of items\" [item]=\"item\" (discard)=\"onDiscard(item)\" (openFilter)=\"onOpenFilter(item)\"></mefdev-filtered-field-item>\n</div>\n", styles: [".item-container{display:flex;cursor:context-menu}\n"], components: [{ type: i2.FilteredFieldItemComponent, selector: "mefdev-filtered-field-item", inputs: ["item"], outputs: ["discard", "openFilter"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FilteredFieldContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-filtered-field-container', template: "<div class=\"item-container\">\n    <mefdev-filtered-field-item *ngFor=\"let item of items\" [item]=\"item\" (discard)=\"onDiscard(item)\" (openFilter)=\"onOpenFilter(item)\"></mefdev-filtered-field-item>\n</div>\n", styles: [".item-container{display:flex;cursor:context-menu}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FilteredFieldService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyZWQtZmllbGQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi1kZXYtdWktdG9vbC1raXQvc3JjL2xpYi9tYXJrdXAta2l0L3V0aWxzL2ZpbHRlcmVkLWZpZWxkL2ZpbHRlcmVkLWZpZWxkLWNvbnRhaW5lci9maWx0ZXJlZC1maWVsZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQtY29udGFpbmVyL2ZpbHRlcmVkLWZpZWxkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQVNsRCxNQUFNLE9BQU8sK0JBQStCO0lBSTFDLFlBQ1UsT0FBNkI7UUFBN0IsWUFBTyxHQUFQLE9BQU8sQ0FBc0I7UUFIdkMsVUFBSyxHQUF1QixFQUFFLENBQUM7SUFJekIsQ0FBQztJQUVQLFlBQVksQ0FBQyxJQUFzQjtRQUNqQyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsU0FBUyxDQUFDLElBQXNCO1FBQzlCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixFQUFFLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQy9DLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUE7WUFFbEQsSUFBRyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUM7Z0JBQ3JDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDO2dCQUNyQixJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQ3hCLE9BQU87YUFDUjtZQUVELElBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFDO2dCQUNULElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDO2dCQUNyQixPQUFPO2FBQ1I7WUFFRCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV4QixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7OzRIQW5DVSwrQkFBK0I7Z0hBQS9CLCtCQUErQix1RUNUNUMsd05BR0E7MkZETWEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLGlDQUFpQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0ZXJlZEZpZWxkU2VydmljZSB9IGZyb20gJy4uL2ZpbHRlcmVkLWZpZWxkLnNlcnZpY2UnO1xuaW1wb3J0IHsgRmlsdHJlZEl0ZW1Nb2RlbCB9IGZyb20gJy4uL2ZpbHRyZWQtaXRlbS5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21lZmRldi1maWx0ZXJlZC1maWVsZC1jb250YWluZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyZWQtZmllbGQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmlsdGVyZWQtZmllbGQtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRmlsdGVyZWRGaWVsZENvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgaXRlbXM6IEZpbHRyZWRJdGVtTW9kZWxbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc2VydmljZTogRmlsdGVyZWRGaWVsZFNlcnZpY2VcbiAgICApIHsgfVxuXG4gIG9uT3BlbkZpbHRlcihpdGVtOiBGaWx0cmVkSXRlbU1vZGVsKXtcbiAgICB0aGlzLnNlcnZpY2Uuc2VuZE9wZW5GaWx0ZXIoaXRlbSk7XG4gIH1cblxuICBvbkRpc2NhcmQoaXRlbTogRmlsdHJlZEl0ZW1Nb2RlbCl7XG4gICAgaXRlbS5kaXNjYXJkKGl0ZW0uc3RhbmRhcnRWYWx1ZSk7XG4gICAgdGhpcy5pdGVtcy5zcGxpY2UodGhpcy5pdGVtcy5maW5kSW5kZXgoeCA9PiB4LmlkID09IGl0ZW0uaWQpLCAxKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VydmljZS5nZXROZXdGaWx0ZXJJdGVtKCkuc3Vic2NyaWJlKGl0ZW0gPT4ge1xuICAgICAgbGV0IGkgPSB0aGlzLml0ZW1zLmZpbmRJbmRleCh4ID0+IHguaWQgPT0gaXRlbS5pZClcbiAgICAgIFxuICAgICAgaWYoaXRlbS5uZXdWYWx1ZSA9PSBpdGVtLnN0YW5kYXJ0VmFsdWUpe1xuICAgICAgICB0aGlzLml0ZW1zW2ldID0gaXRlbTtcbiAgICAgICAgdGhpcy5pdGVtcy5zcGxpY2UoaSwgMSk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgaWYoaSAhPSAtMSl7XG4gICAgICAgIHRoaXMuaXRlbXNbaV0gPSBpdGVtO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHRoaXMuaXRlbXMucHVzaChpdGVtKTtcbiAgICAgIFxuICAgIH0pXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpdGVtLWNvbnRhaW5lclwiPlxuICAgIDxtZWZkZXYtZmlsdGVyZWQtZmllbGQtaXRlbSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIFtpdGVtXT1cIml0ZW1cIiAoZGlzY2FyZCk9XCJvbkRpc2NhcmQoaXRlbSlcIiAob3BlbkZpbHRlcik9XCJvbk9wZW5GaWx0ZXIoaXRlbSlcIj48L21lZmRldi1maWx0ZXJlZC1maWVsZC1pdGVtPlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/markup-kit/utils/filtered-field/filtered-field-item/filtered-field-item.component.mjs

@@ -0,0 +1,29 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class FilteredFieldItemComponent {
+    constructor() {
+        this.discard = new EventEmitter();
+        this.openFilter = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    onOpenFilter() {
+        this.openFilter.next({});
+    }
+    onDiscard() {
+        this.discard.next(this.item);
+    }
+}
+FilteredFieldItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FilteredFieldItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FilteredFieldItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: FilteredFieldItemComponent, selector: "mefdev-filtered-field-item", inputs: { item: "item" }, outputs: { discard: "discard", openFilter: "openFilter" }, ngImport: i0, template: "<div class=\"item\">\n    <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \n    <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\n</div>\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}.item{background-color:#4d4d4d;color:#fff;border-radius:5px;margin-right:7px;padding:3px 7px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: FilteredFieldItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-filtered-field-item', template: "<div class=\"item\">\n    <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \n    <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\n</div>\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}.item{background-color:#4d4d4d;color:#fff;border-radius:5px;margin-right:7px;padding:3px 7px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { item: [{
+                type: Input
+            }], discard: [{
+                type: Output
+            }], openFilter: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyZWQtZmllbGQtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tZWYtZGV2LXVpLXRvb2wta2l0L3NyYy9saWIvbWFya3VwLWtpdC91dGlscy9maWx0ZXJlZC1maWVsZC9maWx0ZXJlZC1maWVsZC1pdGVtL2ZpbHRlcmVkLWZpZWxkLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLWRldi11aS10b29sLWtpdC9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQtaXRlbS9maWx0ZXJlZC1maWVsZC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUS9FLE1BQU0sT0FBTywwQkFBMEI7SUFNckM7UUFIVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7UUFDL0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDOzt1SEFqQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsdUpDUnZDLHlNQUlBOzJGRElhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSw0QkFBNEI7MEVBTTdCLElBQUk7c0JBQVosS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWx0cmVkSXRlbU1vZGVsIH0gZnJvbSAnLi4vZmlsdHJlZC1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWVmZGV2LWZpbHRlcmVkLWZpZWxkLWl0ZW0nLFxuICB0ZW1wbGF0ZVVybDogJy4vZmlsdGVyZWQtZmllbGQtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlcmVkLWZpZWxkLWl0ZW0uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGaWx0ZXJlZEZpZWxkSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgQElucHV0KCkgaXRlbTogRmlsdHJlZEl0ZW1Nb2RlbDtcbiAgQE91dHB1dCgpIGRpc2NhcmQgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbHRyZWRJdGVtTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBvcGVuRmlsdGVyID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG4gIG9uT3BlbkZpbHRlcigpe1xuICAgIHRoaXMub3BlbkZpbHRlci5uZXh0KHt9KTtcbiAgfVxuXG4gIG9uRGlzY2FyZCgpe1xuICAgIHRoaXMuZGlzY2FyZC5uZXh0KHRoaXMuaXRlbSk7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cIml0ZW1cIj5cbiAgICA8aSBjbGFzcz1cImZhIGZhLXRpbWVzXCIgKGNsaWNrKT1cIm9uRGlzY2FyZCgpXCIgc3R5bGU9XCJtYXJnaW4tcmlnaHQ6IDNweDsgY3Vyc29yOiBwb2ludGVyO1wiPjwvaT4gXG4gICAgPHNwYW4gKGNsaWNrKT1cIm9uT3BlbkZpbHRlcigpXCI+e3tpdGVtLm5ld1ZhbHVlfX08L3NwYW4+XG48L2Rpdj5cbiJdfQ==