@natec/mef-dev-ui-kit 14.0.0 → 16.0.0

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

@@ -0,0 +1,113 @@
+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";
+/**
+   * A component representing a slide-right modal window.
+  *
+  * Example of usage:
+  *
+  * ```
+  * <mefdev-slide-right-modal [size]="ModalSize.lg" [show]="showModal">
+  *   <ng-template #modal_header>
+  *     <h4>Modal Header</h4>
+  *   </ng-template>
+  *   <ng-template #modal_footer>
+  *     <button (click)="closeModal()">Close</button>
+  *   </ng-template>
+  *   <div class="modal-body">
+  *     Content goes here...
+  *   </div>
+  * </mefdev-slide-right-modal>
+  * ```
+  * <example-url>https://mef.dev/ui_kit_demo/view/modals/slide-right</example-url>
+  */
+export class SlideRightComponent {
+    /**
+     * Reference to the template for the modal header.
+     * Use this template to customize the header of the modal.
+     */
+    modal_header;
+    /**
+     * Reference to the template for the modal footer.
+     * Use this template to customize the footer of the modal.
+     */
+    modal_footer;
+    /**
+    * Reference to the modal directive.
+    */
+    slideRight;
+    /**
+     * Size of the modal.
+     * Defaults to `ModalSize.md`.
+     * Possible values: `ModalSize.sm`, `ModalSize.md`, `ModalSize.lg`, `ModalSize.xl`.
+     */
+    size = "md" /* ModalSize.md */;
+    /**
+     * Flag indicating whether the modal should be shown or hidden.
+     * Set it to `true` to show the modal and `false` to hide it.
+     */
+    set show(val) {
+        if (!this.slideRight) {
+            return;
+        }
+        if (val) {
+            this.showModal();
+        }
+        else {
+            this.hideModal();
+        }
+    }
+    ;
+    /**
+     * Event emitted when the modal is closed.
+     * Emits a boolean value indicating if the modal is closed.
+     */
+    isClouse = new EventEmitter();
+    constructor() { }
+    ngOnInit() {
+    }
+    /**
+    * Event handler for when the modal is closed.
+    * Emits the `isClosed` event with a value of `true`.
+    */
+    modalIsCloused() {
+        this.isClouse.emit(true);
+    }
+    /**
+    * Shows the modal.
+    * Call this method to open the modal window.
+    */
+    showModal() {
+        this.slideRight.show();
+    }
+    /**
+    * Hides the modal.
+    * Call this method to close the modal window.
+    */
+    hideModal() {
+        this.slideRight.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SlideRightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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: [""], dependencies: [{ kind: "directive", type: i1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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>" }]
+        }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtcmlnaHQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS1yaWdodC9zbGlkZS1yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFNckg7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFtQkk7QUFNSixNQUFNLE9BQU8sbUJBQW1CO0lBRTlCOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBRTlEOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBRTdEOztNQUVFO0lBQ3lDLFVBQVUsQ0FBaUI7SUFFdkU7Ozs7T0FJRztJQUNNLElBQUksMkJBQTBCO0lBRXZDOzs7T0FHRztJQUNILElBQWEsSUFBSSxDQUFDLEdBQVk7UUFDNUIsSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUM7WUFDbEIsT0FBTztTQUNSO1FBRUQsSUFBRyxHQUFHLEVBQUM7WUFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7YUFDRztZQUNGLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjtJQUNILENBQUM7SUFBQSxDQUFDO0lBRUY7OztPQUdHO0lBRU8sUUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFakQsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFQTs7O01BR0U7SUFDSCxjQUFjO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVBOzs7TUFHRTtJQUNJLFNBQVM7UUFDZCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFQTs7O01BR0U7SUFDSSxTQUFTO1FBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO3VHQTdFVSxtQkFBbUI7MkZBQW5CLG1CQUFtQiw4YkMvQmhDLHl2QkFlTTs7MkZEZ0JPLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSwwQkFBMEI7MEVBVU4sWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQU1FLFlBQVk7c0JBQXpDLFlBQVk7dUJBQUMsY0FBYztnQkFLZ0IsVUFBVTtzQkFBckQsU0FBUzt1QkFBQyxZQUFZLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQU9qQyxJQUFJO3NCQUFaLEtBQUs7Z0JBTU8sSUFBSTtzQkFBaEIsS0FBSztnQkFrQkksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbERpcmVjdGl2ZSB9IGZyb20gJ25neC1ib290c3RyYXAvbW9kYWwnO1xyXG5pbXBvcnQgeyBNb2RhbFNpemUgfSBmcm9tICcuLi9tb2RhbC1zaXplLmVudW0nO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuXHJcblxyXG4vKipcclxuICAgKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgYSBzbGlkZS1yaWdodCBtb2RhbCB3aW5kb3cuXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtc2xpZGUtcmlnaHQtbW9kYWwgW3NpemVdPVwiTW9kYWxTaXplLmxnXCIgW3Nob3ddPVwic2hvd01vZGFsXCI+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfaGVhZGVyPlxyXG4gICogICAgIDxoND5Nb2RhbCBIZWFkZXI8L2g0PlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAqICAgICA8YnV0dG9uIChjbGljayk9XCJjbG9zZU1vZGFsKClcIj5DbG9zZTwvYnV0dG9uPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICogICAgIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgKiAgIDwvZGl2PlxyXG4gICogPC9tZWZkZXYtc2xpZGUtcmlnaHQtbW9kYWw+XHJcbiAgKiBgYGBcclxuICAqIDxleGFtcGxlLXVybD5odHRwczovL21lZi5kZXYvdWlfa2l0X2RlbW8vdmlldy9tb2RhbHMvc2xpZGUtcmlnaHQ8L2V4YW1wbGUtdXJsPlxyXG4gICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LXNsaWRlLXJpZ2h0LW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGUtcmlnaHQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NsaWRlLXJpZ2h0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNsaWRlUmlnaHRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIHRlbXBsYXRlIGZvciB0aGUgbW9kYWwgaGVhZGVyLlxyXG4gICAqIFVzZSB0aGlzIHRlbXBsYXRlIHRvIGN1c3RvbWl6ZSB0aGUgaGVhZGVyIG9mIHRoZSBtb2RhbC5cclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfaGVhZGVyXCIpIG1vZGFsX2hlYWRlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgdGVtcGxhdGUgZm9yIHRoZSBtb2RhbCBmb290ZXIuXHJcbiAgICogVXNlIHRoaXMgdGVtcGxhdGUgdG8gY3VzdG9taXplIHRoZSBmb290ZXIgb2YgdGhlIG1vZGFsLlxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9mb290ZXJcIikgbW9kYWxfZm9vdGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuIFxyXG4gICAvKipcclxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIG1vZGFsIGRpcmVjdGl2ZS5cclxuICAgKi9cclxuICBAVmlld0NoaWxkKCdzbGlkZVJpZ2h0JywgeyBzdGF0aWM6IGZhbHNlIH0pIHNsaWRlUmlnaHQ6IE1vZGFsRGlyZWN0aXZlO1xyXG5cclxuICAvKipcclxuICAgKiBTaXplIG9mIHRoZSBtb2RhbC5cclxuICAgKiBEZWZhdWx0cyB0byBgTW9kYWxTaXplLm1kYC5cclxuICAgKiBQb3NzaWJsZSB2YWx1ZXM6IGBNb2RhbFNpemUuc21gLCBgTW9kYWxTaXplLm1kYCwgYE1vZGFsU2l6ZS5sZ2AsIGBNb2RhbFNpemUueGxgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNpemU6TW9kYWxTaXplID0gTW9kYWxTaXplLm1kO1xyXG5cclxuICAvKipcclxuICAgKiBGbGFnIGluZGljYXRpbmcgd2hldGhlciB0aGUgbW9kYWwgc2hvdWxkIGJlIHNob3duIG9yIGhpZGRlbi5cclxuICAgKiBTZXQgaXQgdG8gYHRydWVgIHRvIHNob3cgdGhlIG1vZGFsIGFuZCBgZmFsc2VgIHRvIGhpZGUgaXQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHNob3codmFsOiBib29sZWFuKXtcclxuICAgIGlmKCF0aGlzLnNsaWRlUmlnaHQpe1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYodmFsKXtcclxuICAgICAgdGhpcy5zaG93TW9kYWwoKTtcclxuICAgIH1cclxuICAgIGVsc2V7XHJcbiAgICAgIHRoaXMuaGlkZU1vZGFsKCk7XHJcbiAgICB9XHJcbiAgfTtcclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBtb2RhbCBpcyBjbG9zZWQuXHJcbiAgICogRW1pdHMgYSBib29sZWFuIHZhbHVlIGluZGljYXRpbmcgaWYgdGhlIG1vZGFsIGlzIGNsb3NlZC5cclxuICAgKi9cclxuXHJcbiAgQE91dHB1dCgpIGlzQ2xvdXNlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gICAvKipcclxuICAgKiBFdmVudCBoYW5kbGVyIGZvciB3aGVuIHRoZSBtb2RhbCBpcyBjbG9zZWQuXHJcbiAgICogRW1pdHMgdGhlIGBpc0Nsb3NlZGAgZXZlbnQgd2l0aCBhIHZhbHVlIG9mIGB0cnVlYC5cclxuICAgKi9cclxuICBtb2RhbElzQ2xvdXNlZCgpe1xyXG4gICAgdGhpcy5pc0Nsb3VzZS5lbWl0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgIC8qKlxyXG4gICAqIFNob3dzIHRoZSBtb2RhbC5cclxuICAgKiBDYWxsIHRoaXMgbWV0aG9kIHRvIG9wZW4gdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBwdWJsaWMgc2hvd01vZGFsKCl7XHJcbiAgICB0aGlzLnNsaWRlUmlnaHQuc2hvdygpO1xyXG4gIH1cclxuICAgXHJcbiAgIC8qKlxyXG4gICAqIEhpZGVzIHRoZSBtb2RhbC5cclxuICAgKiBDYWxsIHRoaXMgbWV0aG9kIHRvIGNsb3NlIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIGhpZGVNb2RhbCgpe1xyXG4gICAgdGhpcy5zbGlkZVJpZ2h0LmhpZGUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBic01vZGFsICNzbGlkZVJpZ2h0PVwiYnMtbW9kYWxcIiBjbGFzcz1cIm1vZGFsIGZhZGUgc2xpZGUtcmlnaHRcIiB0YWJpbmRleD1cIi0xXCIgcm9sZT1cImRpYWxvZ1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIChvbkhpZGUpPVwibW9kYWxJc0Nsb3VzZWQoKVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWRpYWxvZyBtb2RhbC17e3NpemV9fVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtY29udGVudC13cmFwcGVyXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXIgY2xlYXJmaXggdGV4dC1sZWZ0XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfaGVhZGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZm9vdGVyXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

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

@@ -0,0 +1,113 @@
+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";
+/**
+* A component representing a slide-up modal window.
+*
+* Example of usage:
+*
+* ```
+* <mefdev-slide-up-modal [size]="ModalSize.lg" [show]="showModal">
+*   <ng-template #modal_header>
+*     <h4>Modal Header</h4>
+*   </ng-template>
+*   <ng-template #modal_footer>
+*     <button (click)="closeModal()">Close</button>
+*   </ng-template>
+*   <div class="modal-body">
+*     Content goes here...
+*   </div>
+* </mefdev-slide-up-modal>
+* ```
+* <example-url>https://mef.dev/ui_kit_demo/view/modals/slide-up</example-url>
+*/
+export class SlideUpComponent {
+    /**
+     * Reference to the template for the modal header.
+     * Use this template to customize the header of the modal.
+     */
+    modal_header;
+    /**
+     * Reference to the template for the modal footer.
+     * Use this template to customize the footer of the modal.
+     */
+    modal_footer;
+    /**
+    * Reference to the modal directive.
+    */
+    mdSlideUp;
+    /**
+     * Size of the modal.
+     * Defaults to `ModalSize.md`.
+     * Possible values: `ModalSize.sm`, `ModalSize.md`, `ModalSize.lg`, `ModalSize.xl`.
+     */
+    size = "md" /* ModalSize.md */;
+    /**
+     * Flag indicating whether the modal should be shown or hidden.
+     * Set it to `true` to show the modal and `false` to hide it.
+     */
+    set show(val) {
+        if (!this.mdSlideUp) {
+            return;
+        }
+        if (val) {
+            this.showModal();
+        }
+        else {
+            this.hideModal();
+        }
+    }
+    ;
+    /**
+     * Event emitted when the modal is closed.
+     * Emits a boolean value indicating if the modal is closed.
+     */
+    isClouse = new EventEmitter();
+    constructor() { }
+    ngOnInit() {
+    }
+    /**
+    * Event handler for when the modal is closed.
+    * Emits the `isClosed` event with a value of `true`.
+    */
+    modalIsCloused() {
+        this.isClouse.emit(true);
+    }
+    /**
+       * Shows the modal.
+       * Call this method to open the modal window.
+       */
+    showModal() {
+        this.mdSlideUp.show();
+    }
+    /**
+     * Hides the modal.
+     * Call this method to close the modal window.
+     */
+    hideModal() {
+        this.mdSlideUp.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: SlideUpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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: [""], dependencies: [{ kind: "directive", type: i1.ModalDirective, selector: "[bsModal]", inputs: ["config", "closeInterceptor"], outputs: ["onShow", "onShown", "onHide", "onHidden"], exportAs: ["bs-modal"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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>" }]
+        }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvbW9kYWxzL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9zbGlkZS11cC9zbGlkZS11cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBZSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFLbkg7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7RUFtQkU7QUFNSixNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBRTlEOzs7T0FHRztJQUMyQixZQUFZLENBQW9CO0lBRTVEOztNQUVFO0lBQ3VDLFNBQVMsQ0FBaUI7SUFFckU7Ozs7T0FJRztJQUNNLElBQUksMkJBQTBCO0lBRXZDOzs7T0FHRztJQUNILElBQWEsSUFBSSxDQUFDLEdBQVk7UUFDNUIsSUFBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUM7WUFDakIsT0FBTztTQUNSO1FBRUQsSUFBRyxHQUFHLEVBQUM7WUFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7YUFDRztZQUNGLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjtJQUNILENBQUM7SUFBQSxDQUFDO0lBRUY7OztPQUdHO0lBQ08sUUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFakQsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFQTs7O01BR0U7SUFDSCxjQUFjO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUNIOzs7U0FHSztJQUNJLFNBQVM7UUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFRDs7O09BR0c7SUFDSSxTQUFTO1FBQ2QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO3VHQTNFVSxnQkFBZ0I7MkZBQWhCLGdCQUFnQix5YkM5QjdCLHF3QkFlTTs7MkZEZU8sZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLHVCQUF1QjswRUFVSCxZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBTUUsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQUtlLFNBQVM7c0JBQW5ELFNBQVM7dUJBQUMsV0FBVyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFPaEMsSUFBSTtzQkFBWixLQUFLO2dCQU1PLElBQUk7c0JBQWhCLEtBQUs7Z0JBaUJJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTW9kYWxEaXJlY3RpdmUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL21vZGFsJztcclxuaW1wb3J0IHsgTW9kYWxTaXplIH0gZnJvbSAnLi4vbW9kYWwtc2l6ZS5lbnVtJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiOyAvLyBhZGQgZm9yIHN0YXRpYyBhbmFsaXplciBidWcgZml4XHJcblxyXG4gIC8qKlxyXG4gICogQSBjb21wb25lbnQgcmVwcmVzZW50aW5nIGEgc2xpZGUtdXAgbW9kYWwgd2luZG93LlxyXG4gICpcclxuICAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAgKiBcclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1zbGlkZS11cC1tb2RhbCBbc2l6ZV09XCJNb2RhbFNpemUubGdcIiBbc2hvd109XCJzaG93TW9kYWxcIj5cclxuICAqICAgPG5nLXRlbXBsYXRlICNtb2RhbF9oZWFkZXI+XHJcbiAgKiAgICAgPGg0Pk1vZGFsIEhlYWRlcjwvaDQ+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjbW9kYWxfZm9vdGVyPlxyXG4gICogICAgIDxidXR0b24gKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiPkNsb3NlPC9idXR0b24+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgKiAgICAgQ29udGVudCBnb2VzIGhlcmUuLi5cclxuICAqICAgPC9kaXY+XHJcbiAgKiA8L21lZmRldi1zbGlkZS11cC1tb2RhbD5cclxuICAqIGBgYFxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vbWVmLmRldi91aV9raXRfZGVtby92aWV3L21vZGFscy9zbGlkZS11cDwvZXhhbXBsZS11cmw+XHJcbiAgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtc2xpZGUtdXAtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbGlkZS11cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2xpZGUtdXAuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2xpZGVVcENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlZmVyZW5jZSB0byB0aGUgdGVtcGxhdGUgZm9yIHRoZSBtb2RhbCBoZWFkZXIuXHJcbiAgICogVXNlIHRoaXMgdGVtcGxhdGUgdG8gY3VzdG9taXplIHRoZSBoZWFkZXIgb2YgdGhlIG1vZGFsLlxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJtb2RhbF9oZWFkZXJcIikgbW9kYWxfaGVhZGVyOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuICBcclxuICAvKipcclxuICAgKiBSZWZlcmVuY2UgdG8gdGhlIHRlbXBsYXRlIGZvciB0aGUgbW9kYWwgZm9vdGVyLlxyXG4gICAqIFVzZSB0aGlzIHRlbXBsYXRlIHRvIGN1c3RvbWl6ZSB0aGUgZm9vdGVyIG9mIHRoZSBtb2RhbC5cclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfZm9vdGVyXCIpIG1vZGFsX2Zvb3RlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gICAgLyoqXHJcbiAgICAqIFJlZmVyZW5jZSB0byB0aGUgbW9kYWwgZGlyZWN0aXZlLlxyXG4gICAgKi9cclxuICBAVmlld0NoaWxkKCdtZFNsaWRlVXAnLCB7IHN0YXRpYzogZmFsc2UgfSkgbWRTbGlkZVVwOiBNb2RhbERpcmVjdGl2ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogU2l6ZSBvZiB0aGUgbW9kYWwuXHJcbiAgICogRGVmYXVsdHMgdG8gYE1vZGFsU2l6ZS5tZGAuXHJcbiAgICogUG9zc2libGUgdmFsdWVzOiBgTW9kYWxTaXplLnNtYCwgYE1vZGFsU2l6ZS5tZGAsIGBNb2RhbFNpemUubGdgLCBgTW9kYWxTaXplLnhsYC5cclxuICAgKi9cclxuICBASW5wdXQoKSBzaXplOk1vZGFsU2l6ZSA9IE1vZGFsU2l6ZS5tZDtcclxuXHJcbiAgLyoqXHJcbiAgICogRmxhZyBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIG1vZGFsIHNob3VsZCBiZSBzaG93biBvciBoaWRkZW4uXHJcbiAgICogU2V0IGl0IHRvIGB0cnVlYCB0byBzaG93IHRoZSBtb2RhbCBhbmQgYGZhbHNlYCB0byBoaWRlIGl0LlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHNldCBzaG93KHZhbDogYm9vbGVhbil7XHJcbiAgICBpZighdGhpcy5tZFNsaWRlVXApe1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcblxyXG4gICAgaWYodmFsKXtcclxuICAgICAgdGhpcy5zaG93TW9kYWwoKTtcclxuICAgIH1cclxuICAgIGVsc2V7XHJcbiAgICAgIHRoaXMuaGlkZU1vZGFsKCk7XHJcbiAgICB9XHJcbiAgfTtcclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBtb2RhbCBpcyBjbG9zZWQuXHJcbiAgICogRW1pdHMgYSBib29sZWFuIHZhbHVlIGluZGljYXRpbmcgaWYgdGhlIG1vZGFsIGlzIGNsb3NlZC5cclxuICAgKi9cclxuICBAT3V0cHV0KCkgaXNDbG91c2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIHdoZW4gdGhlIG1vZGFsIGlzIGNsb3NlZC5cclxuICAgKiBFbWl0cyB0aGUgYGlzQ2xvc2VkYCBldmVudCB3aXRoIGEgdmFsdWUgb2YgYHRydWVgLlxyXG4gICAqL1xyXG4gIG1vZGFsSXNDbG91c2VkKCl7XHJcbiAgICB0aGlzLmlzQ2xvdXNlLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG4vKipcclxuICAgKiBTaG93cyB0aGUgbW9kYWwuXHJcbiAgICogQ2FsbCB0aGlzIG1ldGhvZCB0byBvcGVuIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIHNob3dNb2RhbCgpe1xyXG4gICAgdGhpcy5tZFNsaWRlVXAuc2hvdygpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGlkZXMgdGhlIG1vZGFsLlxyXG4gICAqIENhbGwgdGhpcyBtZXRob2QgdG8gY2xvc2UgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBwdWJsaWMgaGlkZU1vZGFsKCl7XHJcbiAgICB0aGlzLm1kU2xpZGVVcC5oaWRlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgYnNNb2RhbCAjbWRTbGlkZVVwPVwiYnMtbW9kYWxcIiBjbGFzcz1cIm1vZGFsIGZhZGUgc2xpZGUtdXAgZGlzYWJsZS1zY3JvbGxcIiB0YWJpbmRleD1cIi0xXCIgcm9sZT1cImRpYWxvZ1wiIGFyaWEtaGlkZGVuPVwiZmFsc2VcIiAob25IaWRlKT1cIm1vZGFsSXNDbG91c2VkKClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1kaWFsb2cgbW9kYWwte3tzaXplfX1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnQtd3JhcHBlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1jb250ZW50XCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIGNsZWFyZml4IHRleHQtbGVmdFwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2hlYWRlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWZvb3RlclwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIm1vZGFsX2Zvb3RlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

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

@@ -0,0 +1,51 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+  * A component representing a central page layout.
+  *
+  * Example of usage:
+  *
+  * ```
+  * <mefdev-central-page [width]="'80%'">
+  *   Content goes here...
+  * </mefdev-central-page>
+  * ```
+  *
+  * <example-url>https://mef.dev/ui_kit_demo/view/page-layouts/central-page</example-url>
+  */
+export class CentralPageComponent {
+    constructor() {
+    }
+    /**
+     * The width of the central page.
+     * Defaults to '100%'.
+     * You can specify the width using CSS units (e.g., '80%', '500px').
+     */
+    width = '100%';
+    /**
+     * Lifecycle hook called just before the component is destroyed.
+     * Removes the height style from the main content element.
+     */
+    ngOnDestroy() {
+        document.getElementById('dataMainContent').style.height = '';
+    }
+    ngOnInit() {
+    }
+    /**
+    * Lifecycle hook called after the component's view has been checked.
+    * Sets the height of the main content element to '100%'.
+    */
+    ngAfterViewChecked() {
+        document.getElementById('dataMainContent').style.height = '100%';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CentralPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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: [""], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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  " }]
+        }], ctorParameters: function () { return []; }, propDecorators: { width: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2UvY2VudHJhbC1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2UvY2VudHJhbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7OztBQUV0Rjs7Ozs7Ozs7Ozs7O0lBWUk7QUFNSixNQUFNLE9BQU8sb0JBQW9CO0lBRS9CO0lBRUEsQ0FBQztJQUVEOzs7O09BSUc7SUFDTSxLQUFLLEdBQVcsTUFBTSxDQUFDO0lBRWhDOzs7T0FHRztJQUNILFdBQVc7UUFDVCxRQUFRLENBQUMsY0FBYyxDQUFDLGlCQUFpQixDQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxFQUFFLENBQUM7SUFDaEUsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUE7OztNQUdFO0lBQ0gsa0JBQWtCO1FBQ2hCLFFBQVEsQ0FBQyxjQUFjLENBQUMsaUJBQWlCLENBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQTtJQUNuRSxDQUFDO3VHQTlCVSxvQkFBb0I7MkZBQXBCLG9CQUFvQix1RkNwQmpDLDZMQUtFOzsyRkRlVyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UscUJBQXFCOzBFQWV0QixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdDaGVja2VkLCBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAgKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgYSBjZW50cmFsIHBhZ2UgbGF5b3V0LlxyXG4gICpcclxuICAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAgKiBcclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1jZW50cmFsLXBhZ2UgW3dpZHRoXT1cIic4MCUnXCI+XHJcbiAgKiAgIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgKiA8L21lZmRldi1jZW50cmFsLXBhZ2U+XHJcbiAgKiBgYGBcclxuICAqIFxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vbWVmLmRldi91aV9raXRfZGVtby92aWV3L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2U8L2V4YW1wbGUtdXJsPlxyXG4gICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LWNlbnRyYWwtcGFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NlbnRyYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2VudHJhbC1wYWdlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENlbnRyYWxQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3ksIEFmdGVyVmlld0NoZWNrZWQge1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICApIHtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSB3aWR0aCBvZiB0aGUgY2VudHJhbCBwYWdlLlxyXG4gICAqIERlZmF1bHRzIHRvICcxMDAlJy5cclxuICAgKiBZb3UgY2FuIHNwZWNpZnkgdGhlIHdpZHRoIHVzaW5nIENTUyB1bml0cyAoZS5nLiwgJzgwJScsICc1MDBweCcpLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMTAwJSc7XHJcblxyXG4gIC8qKlxyXG4gICAqIExpZmVjeWNsZSBob29rIGNhbGxlZCBqdXN0IGJlZm9yZSB0aGUgY29tcG9uZW50IGlzIGRlc3Ryb3llZC5cclxuICAgKiBSZW1vdmVzIHRoZSBoZWlnaHQgc3R5bGUgZnJvbSB0aGUgbWFpbiBjb250ZW50IGVsZW1lbnQuXHJcbiAgICovXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnZGF0YU1haW5Db250ZW50JykhLnN0eWxlLmhlaWdodCA9ICcnO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICAgLyoqXHJcbiAgICogTGlmZWN5Y2xlIGhvb2sgY2FsbGVkIGFmdGVyIHRoZSBjb21wb25lbnQncyB2aWV3IGhhcyBiZWVuIGNoZWNrZWQuXHJcbiAgICogU2V0cyB0aGUgaGVpZ2h0IG9mIHRoZSBtYWluIGNvbnRlbnQgZWxlbWVudCB0byAnMTAwJScuXHJcbiAgICovXHJcbiAgbmdBZnRlclZpZXdDaGVja2VkKCk6IHZvaWQge1xyXG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2RhdGFNYWluQ29udGVudCcpIS5zdHlsZS5oZWlnaHQgPSAnMTAwJSdcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJyb3cgYWxpZ24taXRlbXMtY2VudGVyXCIgc3R5bGU9XCJoZWlnaHQ6IDEwMCU7XCIgW25nU3R5bGVdPVwieyd3aWR0aCc6IHdpZHRofVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuICAiXX0=

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

@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * A component representing a central page layout.
+ *
+ * Example of usage:
+ *
+ * ```
+ * <mefdev-central-page>
+ *   <mefdev-central-page-row>
+ *     Content goes here...
+ *   </mefdev-central-page-row>
+ * </mefdev-central-page>
+ * ```
+*/
+export class CentralPageRowComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CentralPageRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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: "16.1.0", 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>" }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2VudHJhbC1wYWdlLXJvdy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvY2VudHJhbC1wYWdlLXJvdy9jZW50cmFsLXBhZ2Utcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9jZW50cmFsLXBhZ2Utcm93L2NlbnRyYWwtcGFnZS1yb3cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFHbEQ7Ozs7Ozs7Ozs7OztFQVlFO0FBTUYsTUFBTSxPQUFPLHVCQUF1QjtJQUVsQyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzt1R0FMVSx1QkFBdUI7MkZBQXZCLHVCQUF1QiwrRENyQnBDLHVGQUVNOzsyRkRtQk8sdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIEEgY29tcG9uZW50IHJlcHJlc2VudGluZyBhIGNlbnRyYWwgcGFnZSBsYXlvdXQuXHJcbiAqXHJcbiAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAqIFxyXG4gKiBgYGBcclxuICogPG1lZmRldi1jZW50cmFsLXBhZ2U+XHJcbiAqICAgPG1lZmRldi1jZW50cmFsLXBhZ2Utcm93PlxyXG4gKiAgICAgQ29udGVudCBnb2VzIGhlcmUuLi5cclxuICogICA8L21lZmRldi1jZW50cmFsLXBhZ2Utcm93PlxyXG4gKiA8L21lZmRldi1jZW50cmFsLXBhZ2U+XHJcbiAqIGBgYFxyXG4qL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1jZW50cmFsLXBhZ2Utcm93JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2VudHJhbC1wYWdlLXJvdy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2VudHJhbC1wYWdlLXJvdy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDZW50cmFsUGFnZVJvd0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvdyBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==

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

@@ -0,0 +1,73 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+* A component representing a manage page layout.
+*
+* Example of usage:
+*
+* ```
+* <mefdev-manage-page [startTabInd]="0">
+*   <ng-template #card_title>
+*     Title of the card
+*   </ng-template>
+*   <ng-template #tabs_block>
+*     Content of the tabs block
+*   </ng-template>
+* </mefdev-manage-page>
+* ```
+*
+* Example of usage:
+* <example-url>https://mef.dev/ui_kit_demo/view/page-layouts/menage-page</example-url>
+*/
+export class ManagePageComponent {
+    /**
+     * The template reference to the card title.
+     * ```
+     * <mefdev-manage-page>
+     *   <ng-template #card_title>
+     *     Title of the card
+     *   </ng-template>
+     * </mefdev-manage-page>
+     * ```
+     */
+    card_title;
+    /**
+     * The template reference to the tabs block.
+     * ```
+     * <mefdev-manage-page>
+     *   <ng-template #tabs_block>
+     *     Content of the tabs block
+     *   </ng-template>
+     * </mefdev-manage-page>
+     * ```
+     */
+    tabs_block;
+    /**
+     * The index of the starting tab.
+     * ```
+     * <mefdev-manage-page [startTabInd]="0">
+     *      Content goes here...
+     * </mefdev-manage-page>
+     * ```
+     */
+    startTabInd = 0;
+    constructor() { }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ManagePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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}.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"] }]
+        }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvcGFnZS1sYXlvdXRzL21hbmFnZS1wYWdlL21hbmFnZS1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9tYW5hZ2UtcGFnZS9tYW5hZ2UtcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7QUFHbEY7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQWtCRTtBQU1KLE1BQU0sT0FBTyxtQkFBbUI7SUFFOUI7Ozs7Ozs7OztPQVNHO0lBQ3lCLFVBQVUsQ0FBb0I7SUFFMUQ7Ozs7Ozs7OztPQVNHO0lBQ3lCLFVBQVUsQ0FBb0I7SUFFMUQ7Ozs7Ozs7T0FPRztJQUNNLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFFekIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7dUdBdkNVLG1CQUFtQjsyRkFBbkIsbUJBQW1CLG1TQzNCaEMsd1ZBVUE7OzJGRGlCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usb0JBQW9COzBFQWdCRixVQUFVO3NCQUFyQyxZQUFZO3VCQUFDLFlBQVk7Z0JBWUUsVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZO2dCQVVqQixXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuICAvKipcclxuICAqIEEgY29tcG9uZW50IHJlcHJlc2VudGluZyBhIG1hbmFnZSBwYWdlIGxheW91dC5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICogXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtbWFuYWdlLXBhZ2UgW3N0YXJ0VGFiSW5kXT1cIjBcIj5cclxuICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICogICAgIFRpdGxlIG9mIHRoZSBjYXJkXHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjdGFic19ibG9jaz5cclxuICAqICAgICBDb250ZW50IG9mIHRoZSB0YWJzIGJsb2NrXHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiA8L21lZmRldi1tYW5hZ2UtcGFnZT5cclxuICAqIGBgYFxyXG4gICpcclxuICAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZS1sYXlvdXRzL21lbmFnZS1wYWdlPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1tYW5hZ2UtcGFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21hbmFnZS1wYWdlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tYW5hZ2UtcGFnZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNYW5hZ2VQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRlbXBsYXRlIHJlZmVyZW5jZSB0byB0aGUgY2FyZCB0aXRsZS5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICAqICAgICBUaXRsZSBvZiB0aGUgY2FyZFxyXG4gICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgKiA8L21lZmRldi1tYW5hZ2UtcGFnZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwiY2FyZF90aXRsZVwiKSBjYXJkX3RpdGxlOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRlbXBsYXRlIHJlZmVyZW5jZSB0byB0aGUgdGFicyBibG9jay5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqICAgPG5nLXRlbXBsYXRlICN0YWJzX2Jsb2NrPlxyXG4gICAqICAgICBDb250ZW50IG9mIHRoZSB0YWJzIGJsb2NrXHJcbiAgICogICA8L25nLXRlbXBsYXRlPlxyXG4gICAqIDwvbWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJ0YWJzX2Jsb2NrXCIpIHRhYnNfYmxvY2s6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgaW5kZXggb2YgdGhlIHN0YXJ0aW5nIHRhYi5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LW1hbmFnZS1wYWdlIFtzdGFydFRhYkluZF09XCIwXCI+XHJcbiAgICogICAgICBDb250ZW50IGdvZXMgaGVyZS4uLlxyXG4gICAqIDwvbWVmZGV2LW1hbmFnZS1wYWdlPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHN0YXJ0VGFiSW5kID0gMDtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC10YWJzXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93IGJvZHktMSBjYXJkLWhlYWRlclwiICpuZ0lmPVwiY2FyZF90aXRsZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtLTJcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNhcmRfdGl0bGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93IHByb2ZpbGUtcGFnZS10YWJzXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/{esm2020 → esm2022}/lib/markup-kit/page-layouts/page-layouts.module.mjs

@@ -15,19 +15,19 @@ let mefDevPageLayoutsModuleComponents = [
     ManagePageComponent
 ];
 export class MefDevPageLayoutsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevPageLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: MefDevPageLayoutsModule, declarations: [ProfileComponent,
+            CentralPageComponent,
+            CentralPageRowComponent,
+            TablePageComponent,
+            ManagePageComponent], imports: [CommonModule], exports: [ProfileComponent,
+            CentralPageComponent,
+            CentralPageRowComponent,
+            TablePageComponent,
+            ManagePageComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevPageLayoutsModule, imports: [CommonModule] });
 }
-MefDevPageLayoutsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevPageLayoutsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MefDevPageLayoutsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MefDevPageLayoutsModule, declarations: [ProfileComponent,
-        CentralPageComponent,
-        CentralPageRowComponent,
-        TablePageComponent,
-        ManagePageComponent], imports: [CommonModule], exports: [ProfileComponent,
-        CentralPageComponent,
-        CentralPageRowComponent,
-        TablePageComponent,
-        ManagePageComponent] });
-MefDevPageLayoutsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevPageLayoutsModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevPageLayoutsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevPageLayoutsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: mefDevPageLayoutsModuleComponents,
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1sYXlvdXRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9wYWdlLWxheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELHVFQUF1RTtBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFFMUUsSUFBSSxpQ0FBaUMsR0FBRztJQUN0QyxnQkFBZ0I7SUFDaEIsb0JBQW9CO0lBQ3BCLHVCQUF1QjtJQUN2QixrQkFBa0I7SUFDbEIsbUJBQW1CO0NBQ3BCLENBQUM7QUFVRixNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsaUJBZmxDLGdCQUFnQjtRQUNoQixvQkFBb0I7UUFDcEIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQixtQkFBbUIsYUFPakIsWUFBWSxhQVhkLGdCQUFnQjtRQUNoQixvQkFBb0I7UUFDcEIsdUJBQXVCO1FBQ3ZCLGtCQUFrQjtRQUNsQixtQkFBbUI7cUhBV1IsdUJBQXVCLFlBSmhDLFlBQVk7MkZBSUgsdUJBQXVCO2tCQVJuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxpQ0FBaUM7b0JBQy9DLE9BQU8sRUFBRSxpQ0FBaUM7b0JBQzFDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNkLGdCQUFnQjtxQkFDZjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFByb2ZpbGVDb21wb25lbnQgfSBmcm9tICcuL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQnO1xyXG4vLyBpbXBvcnQgeyBwZ1RhYnNNb2R1bGUgfSBmcm9tICcuLi8uLi9wZy1jb21wb25lbnRzL3RhYnMvdGFicy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBDZW50cmFsUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vY2VudHJhbC1wYWdlL2NlbnRyYWwtcGFnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDZW50cmFsUGFnZVJvd0NvbXBvbmVudCB9IGZyb20gJy4vY2VudHJhbC1wYWdlLXJvdy9jZW50cmFsLXBhZ2Utcm93LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRhYmxlUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUtcGFnZS90YWJsZS1wYWdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hbmFnZVBhZ2VDb21wb25lbnQgfSBmcm9tICcuL21hbmFnZS1wYWdlL21hbmFnZS1wYWdlLmNvbXBvbmVudCc7XHJcblxyXG5sZXQgbWVmRGV2UGFnZUxheW91dHNNb2R1bGVDb21wb25lbnRzID0gW1xyXG4gIFByb2ZpbGVDb21wb25lbnQsXHJcbiAgQ2VudHJhbFBhZ2VDb21wb25lbnQsXHJcbiAgQ2VudHJhbFBhZ2VSb3dDb21wb25lbnQsXHJcbiAgVGFibGVQYWdlQ29tcG9uZW50LFxyXG4gIE1hbmFnZVBhZ2VDb21wb25lbnRcclxuXTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBtZWZEZXZQYWdlTGF5b3V0c01vZHVsZUNvbXBvbmVudHMsXHJcbiAgZXhwb3J0czogbWVmRGV2UGFnZUxheW91dHNNb2R1bGVDb21wb25lbnRzLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuXHRcdC8vIHBnVGFic01vZHVsZSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2UGFnZUxheW91dHNNb2R1bGUgeyB9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1sYXlvdXRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9wYWdlLWxheW91dHMubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9ELHVFQUF1RTtBQUN2RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQ0FBK0MsQ0FBQztBQUN4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQzs7QUFFMUUsSUFBSSxpQ0FBaUMsR0FBRztJQUN0QyxnQkFBZ0I7SUFDaEIsb0JBQW9CO0lBQ3BCLHVCQUF1QjtJQUN2QixrQkFBa0I7SUFDbEIsbUJBQW1CO0NBQ3BCLENBQUM7QUFVRixNQUFNLE9BQU8sdUJBQXVCO3VHQUF2Qix1QkFBdUI7d0dBQXZCLHVCQUF1QixpQkFmbEMsZ0JBQWdCO1lBQ2hCLG9CQUFvQjtZQUNwQix1QkFBdUI7WUFDdkIsa0JBQWtCO1lBQ2xCLG1CQUFtQixhQU9qQixZQUFZLGFBWGQsZ0JBQWdCO1lBQ2hCLG9CQUFvQjtZQUNwQix1QkFBdUI7WUFDdkIsa0JBQWtCO1lBQ2xCLG1CQUFtQjt3R0FXUix1QkFBdUIsWUFKaEMsWUFBWTs7MkZBSUgsdUJBQXVCO2tCQVJuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxpQ0FBaUM7b0JBQy9DLE9BQU8sRUFBRSxpQ0FBaUM7b0JBQzFDLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNkLGdCQUFnQjtxQkFDZjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFByb2ZpbGVDb21wb25lbnQgfSBmcm9tICcuL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQnO1xyXG4vLyBpbXBvcnQgeyBwZ1RhYnNNb2R1bGUgfSBmcm9tICcuLi8uLi9wZy1jb21wb25lbnRzL3RhYnMvdGFicy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBDZW50cmFsUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vY2VudHJhbC1wYWdlL2NlbnRyYWwtcGFnZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDZW50cmFsUGFnZVJvd0NvbXBvbmVudCB9IGZyb20gJy4vY2VudHJhbC1wYWdlLXJvdy9jZW50cmFsLXBhZ2Utcm93LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRhYmxlUGFnZUNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUtcGFnZS90YWJsZS1wYWdlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1hbmFnZVBhZ2VDb21wb25lbnQgfSBmcm9tICcuL21hbmFnZS1wYWdlL21hbmFnZS1wYWdlLmNvbXBvbmVudCc7XHJcblxyXG5sZXQgbWVmRGV2UGFnZUxheW91dHNNb2R1bGVDb21wb25lbnRzID0gW1xyXG4gIFByb2ZpbGVDb21wb25lbnQsXHJcbiAgQ2VudHJhbFBhZ2VDb21wb25lbnQsXHJcbiAgQ2VudHJhbFBhZ2VSb3dDb21wb25lbnQsXHJcbiAgVGFibGVQYWdlQ29tcG9uZW50LFxyXG4gIE1hbmFnZVBhZ2VDb21wb25lbnRcclxuXTtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBtZWZEZXZQYWdlTGF5b3V0c01vZHVsZUNvbXBvbmVudHMsXHJcbiAgZXhwb3J0czogbWVmRGV2UGFnZUxheW91dHNNb2R1bGVDb21wb25lbnRzLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuXHRcdC8vIHBnVGFic01vZHVsZSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2UGFnZUxheW91dHNNb2R1bGUgeyB9XHJcbiJdfQ==