@natec/mef-dev-ui-kit 15.0.0 → 16.0.1

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

@@ -0,0 +1,137 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * A component representing a user profile.
+ *
+ * Example of usage:
+ *
+ * ```
+ * <mefdev-profile
+ *   [name]="'John Doe'"
+ *   [img]="'assets/profile.png'"
+ *   [shortDescription]="'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'"
+ *   [header]="'User Profile'"
+ *   [circleImg]="'true'">
+ *   <ng-template #first_colum>
+ *     <!-- Content for the first column -->
+ *   </ng-template>
+ *   <ng-template #second_colum>
+ *     <!-- Content for the second column -->
+ *   </ng-template>
+ *   <ng-template #footer>
+ *     <!-- Content for the footer -->
+ *   </ng-template>
+ * </mefdev-profile>
+ * ```
+ *
+  * <example-url>https://mef.dev/ui_kit_demo/view/page-layouts/profile</example-url>
+  */
+export class ProfileComponent {
+    /**
+    * The template reference to the content of the first column.
+    *```
+    *   <ng-template #first_colum>
+    *     <!-- Content for the first column -->
+    *   </ng-template>
+    *```
+    */
+    first_colum;
+    /**
+     * The template reference to the content of the second column.
+    *```
+    *   <ng-template #second_colum>
+    *     <!-- Content for the second column -->
+    *   </ng-template>
+    *```
+     */
+    second_colum;
+    /**
+  * The template reference to the content of the footer.
+  *```
+  *   <ng-template #footer>
+  *     <!-- Content for the footer -->
+  *   </ng-template>
+  *```
+  */
+    footer;
+    /**
+     * The name of the user.
+     * ```
+     * <mefdev-profile [name]="'John Doe'"></mefdev-profile>
+     * ```
+     */
+    name;
+    /**
+    * The URL of the user's profile image.
+    * ```
+    * <mefdev-profile [img]="'assets/profile.png'"></mefdev-profile>
+    * ```
+    */
+    img = '';
+    /**
+     * A short description of the user.
+     * ```
+     * <mefdev-profile [shortDescription]="'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'"></mefdev-profile>
+     * ```
+     */
+    shortDescription;
+    /**
+     * The header title of the profile component.
+     * ```
+     * <mefdev-profile [header]="'User Profile'"></mefdev-profile>
+     * ```
+     */
+    header;
+    /**
+     * A flag indicating whether to display the profile image as a circle. Default "false".
+     * ```
+     * <mefdev-profile [circleImg]="'true'"></mefdev-profile>
+     * ```
+     */
+    circleImg = false;
+    constructor() { }
+    ngOnInit() {
+    }
+    get sizeStyle() {
+        // return { 'width.px': this.width, 'height.px': this.height };
+        /**
+       * Returns the CSS style for the profile image size and shape.
+       */
+        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%`,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: ProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: ProfileComponent, selector: "mefdev-profile", inputs: { name: "name", img: "img", shortDescription: "shortDescription", header: "header", circleImg: "circleImg" }, queries: [{ propertyName: "first_colum", first: true, predicate: ["first_colum"], descendants: true }, { propertyName: "second_colum", first: true, predicate: ["second_colum"], descendants: true }, { propertyName: "footer", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: "<div class=\"row profile-page\">\r\n    <div class=\"col-12 h3 mt-3\">\r\n        {{header}}\r\n    </div>\r\n    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12\">\r\n        <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\" height=\"124\" width=\"220\" />\r\n        </div>\r\n        <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"custom-img\" [ngStyle]=\"sizeStyle\"\r\n            />\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 mt-4 mt-md-0\" >\r\n        <div class=\"row profile-name\">\r\n            <div class=\"col\">\r\n                {{name}}\r\n            </div>\r\n        </div>\r\n        <div class=\"row\">\r\n            <div class=\"col profile-description\">\r\n                {{shortDescription}}\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\">\r\n        <ng-template [ngTemplateOutlet]=\"first_colum\"></ng-template>\r\n    </div>\r\n\r\n    <div class=\"col-xl-3 col-lg-4 col-md-5 col-sm-12 body-6 mt-4 mt-md-0\" >\r\n        <ng-template [ngTemplateOutlet]=\"second_colum\"></ng-template>\r\n    </div>\r\n\r\n</div>\r\n<div style=\"position: relative;\">\r\n    <div class=\"row profile-page-tabs\">\r\n        <ng-template [ngTemplateOutlet]=\"footer\">\r\n        </ng-template>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,:host::ng-deep .profile-name,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,:host::ng-deep .profile-description,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}:host::ng-deep .profile-page{background-color:#f3f3f3;padding-left:10px;color:#000}:host::ng-deep .profile-description{height:7em;word-break:break-all;overflow-y:clip;margin-right:40px}:host::ng-deep .profile-name{height:2em;overflow-y:clip}:host::ng-deep .tab-content-wrapper{background-color:#fff}:host::ng-deep .profile-data-item{display:flex;margin:10px}:host::ng-deep .profile-data-item-value{font-weight:700;margin-left:.25em}:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 53px,transparent 0%,transparent 100%);padding-top:25px}@media (max-width: 720px){:host::ng-deep .profile-page-tabs{background-image:linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);background-image:-webkit-linear-gradient(to bottom,#F3F3F3 63px,transparent 0%,transparent 100%);padding-top:35px}}:host::ng-deep .custom-img{max-width:224px;max-height:128px;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}:host::ng-deep .card-img{padding:0;display:flex;align-items:center;justify-content:center;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5);width:224px;height:128px}\n"] }]
+        }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy9wcm9maWxlL3Byb2ZpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUF1QixNQUFNLGVBQWUsQ0FBQzs7O0FBR3BGOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBeUJJO0FBTUosTUFBTSxPQUFPLGdCQUFnQjtJQUUzQjs7Ozs7OztNQU9FO0lBQzJCLFdBQVcsQ0FBb0I7SUFFNUQ7Ozs7Ozs7T0FPRztJQUMyQixZQUFZLENBQW9CO0lBRTVEOzs7Ozs7O0lBT0E7SUFDc0IsTUFBTSxDQUFvQjtJQUVsRDs7Ozs7T0FLRztJQUNNLElBQUksQ0FBUTtJQUVwQjs7Ozs7TUFLRTtJQUNNLEdBQUcsR0FBVyxFQUFFLENBQUM7SUFFMUI7Ozs7O09BS0c7SUFDTSxnQkFBZ0IsQ0FBUztJQUVsQzs7Ozs7T0FLRztJQUNNLE1BQU0sQ0FBUztJQUV4Qjs7Ozs7T0FLRztJQUNNLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFFcEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCwrREFBK0Q7UUFDL0Q7O1NBRUM7UUFDRCxJQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBQztZQUNqQixPQUFPLEVBQUUsQ0FBQztTQUNYO1FBRUQsT0FBTztZQUNMLHdCQUF3QixFQUFFLEtBQUs7WUFDL0IseUJBQXlCLEVBQUUsS0FBSztZQUNoQyw0QkFBNEIsRUFBRSxLQUFLO1lBQ25DLDJCQUEyQixFQUFFLEtBQUs7U0FDbkMsQ0FBQztJQUNKLENBQUM7dUdBNUZVLGdCQUFnQjsyRkFBaEIsZ0JBQWdCLHNjQ2xDN0IsdzZDQTBDQTs7MkZEUmEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLGdCQUFnQjswRUFjRyxXQUFXO3NCQUF2QyxZQUFZO3VCQUFDLGFBQWE7Z0JBVUcsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjO2dCQVVKLE1BQU07c0JBQTdCLFlBQVk7dUJBQUMsUUFBUTtnQkFRYixJQUFJO3NCQUFaLEtBQUs7Z0JBUUcsR0FBRztzQkFBWCxLQUFLO2dCQVFHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFRRyxNQUFNO3NCQUFkLEtBQUs7Z0JBUUcsU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT25Jbml0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuXHJcbi8qKlxyXG4gKiBBIGNvbXBvbmVudCByZXByZXNlbnRpbmcgYSB1c2VyIHByb2ZpbGUuXHJcbiAqXHJcbiAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAqIFxyXG4gKiBgYGBcclxuICogPG1lZmRldi1wcm9maWxlXHJcbiAqICAgW25hbWVdPVwiJ0pvaG4gRG9lJ1wiXHJcbiAqICAgW2ltZ109XCInYXNzZXRzL3Byb2ZpbGUucG5nJ1wiXHJcbiAqICAgW3Nob3J0RGVzY3JpcHRpb25dPVwiJ0xvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuJ1wiXHJcbiAqICAgW2hlYWRlcl09XCInVXNlciBQcm9maWxlJ1wiXHJcbiAqICAgW2NpcmNsZUltZ109XCIndHJ1ZSdcIj5cclxuICogICA8bmctdGVtcGxhdGUgI2ZpcnN0X2NvbHVtPlxyXG4gKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgZmlyc3QgY29sdW1uIC0tPlxyXG4gKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAqICAgPG5nLXRlbXBsYXRlICNzZWNvbmRfY29sdW0+XHJcbiAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBzZWNvbmQgY29sdW1uIC0tPlxyXG4gKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAqICAgPG5nLXRlbXBsYXRlICNmb290ZXI+XHJcbiAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBmb290ZXIgLS0+XHJcbiAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICogPC9tZWZkZXYtcHJvZmlsZT5cclxuICogYGBgXHJcbiAqXHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvcGFnZS1sYXlvdXRzL3Byb2ZpbGU8L2V4YW1wbGUtdXJsPlxyXG4gICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LXByb2ZpbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9maWxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcm9maWxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2ZpbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAqIFRoZSB0ZW1wbGF0ZSByZWZlcmVuY2UgdG8gdGhlIGNvbnRlbnQgb2YgdGhlIGZpcnN0IGNvbHVtbi5cclxuICAqYGBgXHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjZmlyc3RfY29sdW0+XHJcbiAgKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgZmlyc3QgY29sdW1uIC0tPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICpgYGBcclxuICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJmaXJzdF9jb2x1bVwiKSBmaXJzdF9jb2x1bTogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSB0ZW1wbGF0ZSByZWZlcmVuY2UgdG8gdGhlIGNvbnRlbnQgb2YgdGhlIHNlY29uZCBjb2x1bW4uXHJcbiAgKmBgYFxyXG4gICogICA8bmctdGVtcGxhdGUgI3NlY29uZF9jb2x1bT5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBzZWNvbmQgY29sdW1uIC0tPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICpgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwic2Vjb25kX2NvbHVtXCIpIHNlY29uZF9jb2x1bTogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gICAgLyoqXHJcbiAgKiBUaGUgdGVtcGxhdGUgcmVmZXJlbmNlIHRvIHRoZSBjb250ZW50IG9mIHRoZSBmb290ZXIuXHJcbiAgKmBgYFxyXG4gICogICA8bmctdGVtcGxhdGUgI2Zvb3Rlcj5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBmb290ZXIgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKmBgYFxyXG4gICovXHJcbiAgQENvbnRlbnRDaGlsZChcImZvb3RlclwiKSBmb290ZXI6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgbmFtZSBvZiB0aGUgdXNlci5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LXByb2ZpbGUgW25hbWVdPVwiJ0pvaG4gRG9lJ1wiPjwvbWVmZGV2LXByb2ZpbGU+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgbmFtZTpzdHJpbmc7XHJcblxyXG4gICAvKipcclxuICAgKiBUaGUgVVJMIG9mIHRoZSB1c2VyJ3MgcHJvZmlsZSBpbWFnZS5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LXByb2ZpbGUgW2ltZ109XCInYXNzZXRzL3Byb2ZpbGUucG5nJ1wiPjwvbWVmZGV2LXByb2ZpbGU+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgaW1nOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgLyoqXHJcbiAgICogQSBzaG9ydCBkZXNjcmlwdGlvbiBvZiB0aGUgdXNlci5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LXByb2ZpbGUgW3Nob3J0RGVzY3JpcHRpb25dPVwiJ0xvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuJ1wiPjwvbWVmZGV2LXByb2ZpbGU+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2hvcnREZXNjcmlwdGlvbjogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgaGVhZGVyIHRpdGxlIG9mIHRoZSBwcm9maWxlIGNvbXBvbmVudC5cclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LXByb2ZpbGUgW2hlYWRlcl09XCInVXNlciBQcm9maWxlJ1wiPjwvbWVmZGV2LXByb2ZpbGU+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgaGVhZGVyOiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIEEgZmxhZyBpbmRpY2F0aW5nIHdoZXRoZXIgdG8gZGlzcGxheSB0aGUgcHJvZmlsZSBpbWFnZSBhcyBhIGNpcmNsZS4gRGVmYXVsdCBcImZhbHNlXCIuXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1wcm9maWxlIFtjaXJjbGVJbWddPVwiJ3RydWUnXCI+PC9tZWZkZXYtcHJvZmlsZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBASW5wdXQoKSBjaXJjbGVJbWc6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBnZXQgc2l6ZVN0eWxlKCl7XHJcbiAgICAvLyByZXR1cm4geyAnd2lkdGgucHgnOiB0aGlzLndpZHRoLCAnaGVpZ2h0LnB4JzogdGhpcy5oZWlnaHQgfTtcclxuICAgIC8qKlxyXG4gICAqIFJldHVybnMgdGhlIENTUyBzdHlsZSBmb3IgdGhlIHByb2ZpbGUgaW1hZ2Ugc2l6ZSBhbmQgc2hhcGUuXHJcbiAgICovXHJcbiAgICBpZighdGhpcy5jaXJjbGVJbWcpe1xyXG4gICAgICByZXR1cm4ge307XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgJ2JvcmRlci10b3AtbGVmdC1yYWRpdXMnOiBgNTAlYCxcclxuICAgICAgJ2JvcmRlci10b3AtcmlnaHQtcmFkaXVzJzogYDUwJWAsXHJcbiAgICAgICdib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1cyc6IGA1MCVgLFxyXG4gICAgICAnYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1cyc6IGA1MCVgLFxyXG4gICAgfTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvdyBwcm9maWxlLXBhZ2VcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtMTIgaDMgbXQtM1wiPlxyXG4gICAgICAgIHt7aGVhZGVyfX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14bC0zIGNvbC1sZy0zIGNvbC1tZC00IGNvbC1zbS0xMlwiPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCIhaW1nIHx8IGltZyA9PSAnJ1wiID5cclxuICAgICAgICAgICAgPGltZyBzcmM9XCJhc3NldHMvaW1hZ2VzL21kX2ljb24ucG5nXCIgaGVpZ2h0PVwiMTI0XCIgd2lkdGg9XCIyMjBcIiAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJpbWdcIiA+XHJcbiAgICAgICAgICAgIDxpbWcgc3JjPVwie3tpbWd9fVwiIGFsdD1cIlwiIGNsYXNzPVwiY3VzdG9tLWltZ1wiIFtuZ1N0eWxlXT1cInNpemVTdHlsZVwiXHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTMgY29sLWxnLTQgY29sLW1kLTUgY29sLXNtLTEyIG10LTQgbXQtbWQtMFwiID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93IHByb2ZpbGUtbmFtZVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sXCI+XHJcbiAgICAgICAgICAgICAgICB7e25hbWV9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wgcHJvZmlsZS1kZXNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICAgICAge3tzaG9ydERlc2NyaXB0aW9ufX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhsLTMgY29sLWxnLTQgY29sLW1kLTUgY29sLXNtLTEyIGJvZHktNiBtdC00IG10LW1kLTBcIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiZmlyc3RfY29sdW1cIj48L25nLXRlbXBsYXRlPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14bC0zIGNvbC1sZy00IGNvbC1tZC01IGNvbC1zbS0xMiBib2R5LTYgbXQtNCBtdC1tZC0wXCIgPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJzZWNvbmRfY29sdW1cIj48L25nLXRlbXBsYXRlPlxyXG4gICAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuPGRpdiBzdHlsZT1cInBvc2l0aW9uOiByZWxhdGl2ZTtcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3cgcHJvZmlsZS1wYWdlLXRhYnNcIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiZm9vdGVyXCI+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

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

@@ -0,0 +1,41 @@
+import { Component, ContentChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+* A component representing a table page layout.
+* Example of usage:
+*
+* ```
+* <mefdev-table-page>
+*   <ng-template #filter_colum>
+*     <!-- Content for the filter column -->
+*   </ng-template>
+* </mefdev-table-page>
+* ```
+*
+* <example-url>https://mef.dev/ui_kit_demo/view/page-layouts/table-page</example-url>
+*/
+export class TablePageComponent {
+    /**
+      * The template reference to the content of the filter column.
+      * ```
+      *   <ng-template #filter_colum>
+      *     <!-- Content for the filter column -->
+      *   </ng-template>
+      * ```
+    */
+    filter_colum;
+    constructor() { }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: TablePageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", 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: [""], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", 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" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { filter_colum: [{
+                type: ContentChild,
+                args: ["filter_colum"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9wYWdlLWxheW91dHMvdGFibGUtcGFnZS90YWJsZS1wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3BhZ2UtbGF5b3V0cy90YWJsZS1wYWdlL3RhYmxlLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7QUFHM0U7Ozs7Ozs7Ozs7Ozs7RUFhRTtBQU1KLE1BQU0sT0FBTyxrQkFBa0I7SUFFN0I7Ozs7Ozs7TUFPRTtJQUM0QixZQUFZLENBQW9CO0lBRTlELGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO3VHQWZVLGtCQUFrQjsyRkFBbEIsa0JBQWtCLG1LQ3RCL0IsNFBBU0E7OzJGRGFhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxtQkFBbUI7MEVBY0MsWUFBWTtzQkFBekMsWUFBWTt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG4gIC8qKlxyXG4gICogQSBjb21wb25lbnQgcmVwcmVzZW50aW5nIGEgdGFibGUgcGFnZSBsYXlvdXQuXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpcclxuICAqIGBgYFxyXG4gICogPG1lZmRldi10YWJsZS1wYWdlPlxyXG4gICogICA8bmctdGVtcGxhdGUgI2ZpbHRlcl9jb2x1bT5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBmaWx0ZXIgY29sdW1uIC0tPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogPC9tZWZkZXYtdGFibGUtcGFnZT5cclxuICAqIGBgYFxyXG4gICpcclxuICAqIDxleGFtcGxlLXVybD5odHRwczovL21lZi5kZXYvdWlfa2l0X2RlbW8vdmlldy9wYWdlLWxheW91dHMvdGFibGUtcGFnZTwvZXhhbXBsZS11cmw+XHJcbiAgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtdGFibGUtcGFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFibGVQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICAqIFRoZSB0ZW1wbGF0ZSByZWZlcmVuY2UgdG8gdGhlIGNvbnRlbnQgb2YgdGhlIGZpbHRlciBjb2x1bW4uXHJcbiAgICAqIGBgYFxyXG4gICAgKiAgIDxuZy10ZW1wbGF0ZSAjZmlsdGVyX2NvbHVtPlxyXG4gICAgKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgZmlsdGVyIGNvbHVtbiAtLT5cclxuICAgICogICA8L25nLXRlbXBsYXRlPlxyXG4gICAgKiBgYGBcclxuICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJmaWx0ZXJfY29sdW1cIikgZmlsdGVyX2NvbHVtOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIGZpbHRlci1jb2x1bVwiPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJmaWx0ZXJfY29sdW1cIj48L25nLXRlbXBsYXRlPiBcclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJ0YWJsZS1yZXNwb25zaXZlXCIgPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj5cclxuIl19

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

@@ -0,0 +1,71 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../filtered-field.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../filtered-field-item/filtered-field-item.component";
+/**
+* A container component for filtered fields.
+*
+* Example of usage:
+* ```
+* <mefdev-filtered-field-container>
+*   <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
+*   </mefdev-filtered-field-item>
+* </mefdev-filtered-field-container>
+*
+* ```
+* Example of usage:
+* <example-url>https://mef.dev/ui_kit_demo/view/utils/filtered-field</example-url>
+*/
+export class FilteredFieldContainerComponent {
+    service;
+    /**
+     * An array of filtered item models.
+     */
+    items = [];
+    constructor(service) {
+        this.service = service;
+    }
+    /**
+     * Event handler for opening the filter.
+     *
+     * @param item The filtered item model.
+     */
+    onOpenFilter(item) {
+        this.service.sendOpenFilter(item);
+    }
+    /**
+   * Event handler for discarding the filter.
+   *
+   * @param item The filtered item model.
+   */
+    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 (i != -1 && item.newValue == item.standartValue) {
+                this.items[i] = item;
+                this.items.splice(i, 1);
+                return;
+            }
+            if (i == -1 && (item.newValue == item.standartValue || item.newValue == '')) {
+                return;
+            }
+            if (i != -1) {
+                this.items[i] = item;
+                return;
+            }
+            this.items.push(item);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FilteredFieldContainerComponent, deps: [{ token: i1.FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: FilteredFieldContainerComponent, selector: "mefdev-filtered-field-container", ngImport: i0, template: "<div class=\"item-container\">\r\n    <mefdev-filtered-field-item *ngFor=\"let item of items\" [item]=\"item\" (discard)=\"onDiscard(item)\" (openFilter)=\"onOpenFilter(item)\"></mefdev-filtered-field-item>\r\n</div>\r\n", styles: [".item-container{display:flex;cursor:context-menu}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.FilteredFieldItemComponent, selector: "mefdev-filtered-field-item", inputs: ["item"], outputs: ["discard", "openFilter"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FilteredFieldContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-filtered-field-container', template: "<div class=\"item-container\">\r\n    <mefdev-filtered-field-item *ngFor=\"let item of items\" [item]=\"item\" (discard)=\"onDiscard(item)\" (openFilter)=\"onOpenFilter(item)\"></mefdev-filtered-field-item>\r\n</div>\r\n", styles: [".item-container{display:flex;cursor:context-menu}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FilteredFieldService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyZWQtZmllbGQtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3V0aWxzL2ZpbHRlcmVkLWZpZWxkL2ZpbHRlcmVkLWZpZWxkLWNvbnRhaW5lci9maWx0ZXJlZC1maWVsZC1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQtY29udGFpbmVyL2ZpbHRlcmVkLWZpZWxkLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQUloRDs7Ozs7Ozs7Ozs7OztFQWFFO0FBTUosTUFBTSxPQUFPLCtCQUErQjtJQVFoQztJQU5WOztPQUVHO0lBQ0gsS0FBSyxHQUF1QixFQUFFLENBQUM7SUFFL0IsWUFDVSxPQUE2QjtRQUE3QixZQUFPLEdBQVAsT0FBTyxDQUFzQjtJQUNqQyxDQUFDO0lBRVA7Ozs7T0FJRztJQUNILFlBQVksQ0FBQyxJQUFzQjtRQUNqQyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUM7Ozs7S0FJQztJQUNILFNBQVMsQ0FBQyxJQUFzQjtRQUM5QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBQ25FLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUMvQyxJQUFJLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFBO1lBRWxELElBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBQztnQkFDaEQsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztnQkFDeEIsT0FBTzthQUNSO1lBRUQsSUFBRyxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsRUFBRTtnQkFDMUUsT0FBTzthQUNSO1lBRUQsSUFBRyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUM7Z0JBQ1QsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUM7Z0JBQ3JCLE9BQU87YUFDUjtZQUVELElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXhCLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQzt1R0FwRFUsK0JBQStCOzJGQUEvQiwrQkFBK0IsdUVDdkI1Qyw4TkFHQTs7MkZEb0JhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGaWx0ZXJlZEZpZWxkU2VydmljZSB9IGZyb20gJy4uL2ZpbHRlcmVkLWZpZWxkLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGaWx0cmVkSXRlbU1vZGVsIH0gZnJvbSAnLi4vZmlsdHJlZC1pdGVtLm1vZGVsJztcclxuXHJcbiAgLyoqXHJcbiAgKiBBIGNvbnRhaW5lciBjb21wb25lbnQgZm9yIGZpbHRlcmVkIGZpZWxkcy5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LWZpbHRlcmVkLWZpZWxkLWNvbnRhaW5lcj5cclxuICAqICAgPG1lZmRldi1maWx0ZXJlZC1maWVsZC1pdGVtIFtpdGVtXT1cImZpbHRlckl0ZW1cIiAoZGlzY2FyZCk9XCJvbkRpc2NhcmRGaWx0ZXIoJGV2ZW50KVwiIChvcGVuRmlsdGVyKT1cIm9uT3BlbkZpbHRlcigpXCI+XHJcbiAgKiAgIDwvbWVmZGV2LWZpbHRlcmVkLWZpZWxkLWl0ZW0+XHJcbiAgKiA8L21lZmRldi1maWx0ZXJlZC1maWVsZC1jb250YWluZXI+XHJcbiAgKlxyXG4gICogYGBgXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vbWVmLmRldi91aV9raXRfZGVtby92aWV3L3V0aWxzL2ZpbHRlcmVkLWZpZWxkPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1maWx0ZXJlZC1maWVsZC1jb250YWluZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXJlZC1maWVsZC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2ZpbHRlcmVkLWZpZWxkLWNvbnRhaW5lci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGaWx0ZXJlZEZpZWxkQ29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogQW4gYXJyYXkgb2YgZmlsdGVyZWQgaXRlbSBtb2RlbHMuXHJcbiAgICovXHJcbiAgaXRlbXM6IEZpbHRyZWRJdGVtTW9kZWxbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgc2VydmljZTogRmlsdGVyZWRGaWVsZFNlcnZpY2VcclxuICAgICkgeyB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIG9wZW5pbmcgdGhlIGZpbHRlci5cclxuICAgKlxyXG4gICAqIEBwYXJhbSBpdGVtIFRoZSBmaWx0ZXJlZCBpdGVtIG1vZGVsLlxyXG4gICAqL1xyXG4gIG9uT3BlbkZpbHRlcihpdGVtOiBGaWx0cmVkSXRlbU1vZGVsKXtcclxuICAgIHRoaXMuc2VydmljZS5zZW5kT3BlbkZpbHRlcihpdGVtKTtcclxuICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICogRXZlbnQgaGFuZGxlciBmb3IgZGlzY2FyZGluZyB0aGUgZmlsdGVyLlxyXG4gICAqXHJcbiAgICogQHBhcmFtIGl0ZW0gVGhlIGZpbHRlcmVkIGl0ZW0gbW9kZWwuXHJcbiAgICovXHJcbiAgb25EaXNjYXJkKGl0ZW06IEZpbHRyZWRJdGVtTW9kZWwpe1xyXG4gICAgaXRlbS5kaXNjYXJkKGl0ZW0uc3RhbmRhcnRWYWx1ZSk7XHJcbiAgICB0aGlzLml0ZW1zLnNwbGljZSh0aGlzLml0ZW1zLmZpbmRJbmRleCh4ID0+IHguaWQgPT0gaXRlbS5pZCksIDEpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNlcnZpY2UuZ2V0TmV3RmlsdGVySXRlbSgpLnN1YnNjcmliZShpdGVtID0+IHtcclxuICAgICAgbGV0IGkgPSB0aGlzLml0ZW1zLmZpbmRJbmRleCh4ID0+IHguaWQgPT0gaXRlbS5pZClcclxuXHJcbiAgICAgIGlmKGkgIT0gLTEgJiYgaXRlbS5uZXdWYWx1ZSA9PSBpdGVtLnN0YW5kYXJ0VmFsdWUpe1xyXG4gICAgICAgIHRoaXMuaXRlbXNbaV0gPSBpdGVtO1xyXG4gICAgICAgIHRoaXMuaXRlbXMuc3BsaWNlKGksIDEpO1xyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG5cclxuICAgICAgaWYoaSA9PSAtMSAmJiAoaXRlbS5uZXdWYWx1ZSA9PSBpdGVtLnN0YW5kYXJ0VmFsdWUgfHwgaXRlbS5uZXdWYWx1ZSA9PSAnJykgKXtcclxuICAgICAgICByZXR1cm47XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIGlmKGkgIT0gLTEpe1xyXG4gICAgICAgIHRoaXMuaXRlbXNbaV0gPSBpdGVtO1xyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy5pdGVtcy5wdXNoKGl0ZW0pO1xyXG5cclxuICAgIH0pXHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJpdGVtLWNvbnRhaW5lclwiPlxyXG4gICAgPG1lZmRldi1maWx0ZXJlZC1maWVsZC1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgW2l0ZW1dPVwiaXRlbVwiIChkaXNjYXJkKT1cIm9uRGlzY2FyZChpdGVtKVwiIChvcGVuRmlsdGVyKT1cIm9uT3BlbkZpbHRlcihpdGVtKVwiPjwvbWVmZGV2LWZpbHRlcmVkLWZpZWxkLWl0ZW0+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,71 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+  * Component representing a filtered field item.
+  *
+  * Example of usage:
+  * ```
+  * <mefdev-filtered-field-item [item]="filterItem" (discard)="onDiscardFilter($event)" (openFilter)="onOpenFilter()">
+  * </mefdev-filtered-field-item>
+  *```
+  *
+*/
+export class FilteredFieldItemComponent {
+    /**
+     * The filtered item model.
+     * ```
+     * <mefdev-filtered-field-item [item]="filterItem">
+     * Content goes here...
+     * </mefdev-filtered-field-item>
+     * ```
+     */
+    item;
+    /**
+     * Event emitted when the filter is discarded.
+     * ```
+     * <mefdev-filtered-field-item (discard)="onDiscardFilter($event)">
+     * Content goes here...
+     * </mefdev-filtered-field-item>
+     * ```
+     */
+    discard = new EventEmitter();
+    /**
+     * Event emitted when the filter is opened.
+     * ```
+     * <mefdev-filtered-field-item (openFilter)="onOpenFilter()">
+     * Content goes here...
+     * </mefdev-filtered-field-item>
+     * ```
+     */
+    openFilter = new EventEmitter();
+    constructor() { }
+    ngOnInit() {
+    }
+    /**
+     * Event handler for opening the filter.
+     * Emits the `openFilter` event.
+     */
+    onOpenFilter() {
+        this.openFilter.next({});
+    }
+    /**
+     * Event handler for discarding the filter.
+     * Emits the `discard` event with the `item` as the payload.
+     */
+    onDiscard() {
+        this.discard.next(this.item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FilteredFieldItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: FilteredFieldItemComponent, selector: "mefdev-filtered-field-item", inputs: { item: "item" }, outputs: { discard: "discard", openFilter: "openFilter" }, ngImport: i0, template: "<div class=\"item\">\r\n    <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \r\n    <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\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}.item{background-color:#4d4d4d;color:#fff;border-radius:5px;margin-right:7px;padding:3px 7px}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FilteredFieldItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-filtered-field-item', template: "<div class=\"item\">\r\n    <i class=\"fa fa-times\" (click)=\"onDiscard()\" style=\"margin-right: 3px; cursor: pointer;\"></i> \r\n    <span (click)=\"onOpenFilter()\">{{item.newValue}}</span>\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}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyZWQtZmllbGQtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC91dGlscy9maWx0ZXJlZC1maWVsZC9maWx0ZXJlZC1maWVsZC1pdGVtL2ZpbHRlcmVkLWZpZWxkLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQtaXRlbS9maWx0ZXJlZC1maWVsZC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRy9FOzs7Ozs7Ozs7RUFTRTtBQU1GLE1BQU0sT0FBTywwQkFBMEI7SUFFckM7Ozs7Ozs7T0FPRztJQUNNLElBQUksQ0FBbUI7SUFFaEM7Ozs7Ozs7T0FPRztJQUNPLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztJQUV6RDs7Ozs7OztPQU9HO0lBQ08sVUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0MsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFHRDs7O09BR0c7SUFDSCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUdEOzs7T0FHRztJQUNILFNBQVM7UUFDUCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQzt1R0FyRFUsMEJBQTBCOzJGQUExQiwwQkFBMEIsdUpDbEJ2QyxpTkFJQTs7MkZEY2EsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDRCQUE0QjswRUFjN0IsSUFBSTtzQkFBWixLQUFLO2dCQVVJLE9BQU87c0JBQWhCLE1BQU07Z0JBVUcsVUFBVTtzQkFBbkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRmlsdHJlZEl0ZW1Nb2RlbCB9IGZyb20gJy4uL2ZpbHRyZWQtaXRlbS5tb2RlbCc7XHJcblxyXG4vKipcclxuICAqIENvbXBvbmVudCByZXByZXNlbnRpbmcgYSBmaWx0ZXJlZCBmaWVsZCBpdGVtLlxyXG4gICogXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LWZpbHRlcmVkLWZpZWxkLWl0ZW0gW2l0ZW1dPVwiZmlsdGVySXRlbVwiIChkaXNjYXJkKT1cIm9uRGlzY2FyZEZpbHRlcigkZXZlbnQpXCIgKG9wZW5GaWx0ZXIpPVwib25PcGVuRmlsdGVyKClcIj5cclxuICAqIDwvbWVmZGV2LWZpbHRlcmVkLWZpZWxkLWl0ZW0+XHJcbiAgKmBgYCBcclxuICAqXHJcbiovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LWZpbHRlcmVkLWZpZWxkLWl0ZW0nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWx0ZXJlZC1maWVsZC1pdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9maWx0ZXJlZC1maWVsZC1pdGVtLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZpbHRlcmVkRmllbGRJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIGZpbHRlcmVkIGl0ZW0gbW9kZWwuXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1maWx0ZXJlZC1maWVsZC1pdGVtIFtpdGVtXT1cImZpbHRlckl0ZW1cIj5cclxuICAgKiBDb250ZW50IGdvZXMgaGVyZS4uLlxyXG4gICAqIDwvbWVmZGV2LWZpbHRlcmVkLWZpZWxkLWl0ZW0+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgaXRlbTogRmlsdHJlZEl0ZW1Nb2RlbDtcclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBmaWx0ZXIgaXMgZGlzY2FyZGVkLlxyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtZmlsdGVyZWQtZmllbGQtaXRlbSAoZGlzY2FyZCk9XCJvbkRpc2NhcmRGaWx0ZXIoJGV2ZW50KVwiPlxyXG4gICAqIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgICogPC9tZWZkZXYtZmlsdGVyZWQtZmllbGQtaXRlbT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAT3V0cHV0KCkgZGlzY2FyZCA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsdHJlZEl0ZW1Nb2RlbD4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBmaWx0ZXIgaXMgb3BlbmVkLlxyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtZmlsdGVyZWQtZmllbGQtaXRlbSAob3BlbkZpbHRlcik9XCJvbk9wZW5GaWx0ZXIoKVwiPlxyXG4gICAqIENvbnRlbnQgZ29lcyBoZXJlLi4uXHJcbiAgICogPC9tZWZkZXYtZmlsdGVyZWQtZmllbGQtaXRlbT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAT3V0cHV0KCkgb3BlbkZpbHRlciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIFxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIG9wZW5pbmcgdGhlIGZpbHRlci5cclxuICAgKiBFbWl0cyB0aGUgYG9wZW5GaWx0ZXJgIGV2ZW50LlxyXG4gICAqL1xyXG4gIG9uT3BlbkZpbHRlcigpe1xyXG4gICAgdGhpcy5vcGVuRmlsdGVyLm5leHQoe30pO1xyXG4gIH1cclxuXHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGhhbmRsZXIgZm9yIGRpc2NhcmRpbmcgdGhlIGZpbHRlci5cclxuICAgKiBFbWl0cyB0aGUgYGRpc2NhcmRgIGV2ZW50IHdpdGggdGhlIGBpdGVtYCBhcyB0aGUgcGF5bG9hZC5cclxuICAgKi9cclxuICBvbkRpc2NhcmQoKXtcclxuICAgIHRoaXMuZGlzY2FyZC5uZXh0KHRoaXMuaXRlbSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaXRlbVwiPlxyXG4gICAgPGkgY2xhc3M9XCJmYSBmYS10aW1lc1wiIChjbGljayk9XCJvbkRpc2NhcmQoKVwiIHN0eWxlPVwibWFyZ2luLXJpZ2h0OiAzcHg7IGN1cnNvcjogcG9pbnRlcjtcIj48L2k+IFxyXG4gICAgPHNwYW4gKGNsaWNrKT1cIm9uT3BlbkZpbHRlcigpXCI+e3tpdGVtLm5ld1ZhbHVlfX08L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=

package/{esm2020 → esm2022}/lib/markup-kit/utils/filtered-field/filtered-field.module.mjs

@@ -4,13 +4,13 @@ import { FilteredFieldContainerComponent } from './filtered-field-container/filt
 import { FilteredFieldItemComponent } from './filtered-field-item/filtered-field-item.component';
 import * as i0 from "@angular/core";
 export class MefDevFilteredFieldModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevFilteredFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: MefDevFilteredFieldModule, declarations: [FilteredFieldContainerComponent,
+            FilteredFieldItemComponent], imports: [CommonModule], exports: [FilteredFieldItemComponent,
+            FilteredFieldContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevFilteredFieldModule, imports: [CommonModule] });
 }
-MefDevFilteredFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevFilteredFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MefDevFilteredFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MefDevFilteredFieldModule, declarations: [FilteredFieldContainerComponent,
-        FilteredFieldItemComponent], imports: [CommonModule], exports: [FilteredFieldItemComponent,
-        FilteredFieldContainerComponent] });
-MefDevFilteredFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevFilteredFieldModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevFilteredFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevFilteredFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyZWQtZmllbGQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQ2hILE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDOztBQWVqRyxNQUFNLE9BQU8seUJBQXlCOztzSEFBekIseUJBQXlCO3VIQUF6Qix5QkFBeUIsaUJBWGxDLCtCQUErQjtRQUMvQiwwQkFBMEIsYUFPMUIsWUFBWSxhQUpaLDBCQUEwQjtRQUMxQiwrQkFBK0I7dUhBTXRCLHlCQUF5QixZQUhsQyxZQUFZOzJGQUdILHlCQUF5QjtrQkFickMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osK0JBQStCO3dCQUMvQiwwQkFBMEI7cUJBQzNCO29CQUNELE9BQU8sRUFBQzt3QkFDTiwwQkFBMEI7d0JBQzFCLCtCQUErQjtxQkFDaEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGaWx0ZXJlZEZpZWxkQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9maWx0ZXJlZC1maWVsZC1jb250YWluZXIvZmlsdGVyZWQtZmllbGQtY29udGFpbmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZpbHRlcmVkRmllbGRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9maWx0ZXJlZC1maWVsZC1pdGVtL2ZpbHRlcmVkLWZpZWxkLWl0ZW0uY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBGaWx0ZXJlZEZpZWxkQ29udGFpbmVyQ29tcG9uZW50LFxyXG4gICAgRmlsdGVyZWRGaWVsZEl0ZW1Db21wb25lbnQsXHJcbiAgXSxcclxuICBleHBvcnRzOltcclxuICAgIEZpbHRlcmVkRmllbGRJdGVtQ29tcG9uZW50LFxyXG4gICAgRmlsdGVyZWRGaWVsZENvbnRhaW5lckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2RmlsdGVyZWRGaWVsZE1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyZWQtZmllbGQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQ2hILE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDOztBQWVqRyxNQUFNLE9BQU8seUJBQXlCO3VHQUF6Qix5QkFBeUI7d0dBQXpCLHlCQUF5QixpQkFYbEMsK0JBQStCO1lBQy9CLDBCQUEwQixhQU8xQixZQUFZLGFBSlosMEJBQTBCO1lBQzFCLCtCQUErQjt3R0FNdEIseUJBQXlCLFlBSGxDLFlBQVk7OzJGQUdILHlCQUF5QjtrQkFickMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osK0JBQStCO3dCQUMvQiwwQkFBMEI7cUJBQzNCO29CQUNELE9BQU8sRUFBQzt3QkFDTiwwQkFBMEI7d0JBQzFCLCtCQUErQjtxQkFDaEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGaWx0ZXJlZEZpZWxkQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9maWx0ZXJlZC1maWVsZC1jb250YWluZXIvZmlsdGVyZWQtZmllbGQtY29udGFpbmVyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEZpbHRlcmVkRmllbGRJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9maWx0ZXJlZC1maWVsZC1pdGVtL2ZpbHRlcmVkLWZpZWxkLWl0ZW0uY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBGaWx0ZXJlZEZpZWxkQ29udGFpbmVyQ29tcG9uZW50LFxyXG4gICAgRmlsdGVyZWRGaWVsZEl0ZW1Db21wb25lbnQsXHJcbiAgXSxcclxuICBleHBvcnRzOltcclxuICAgIEZpbHRlcmVkRmllbGRJdGVtQ29tcG9uZW50LFxyXG4gICAgRmlsdGVyZWRGaWVsZENvbnRhaW5lckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2RmlsdGVyZWRGaWVsZE1vZHVsZSB7IH1cclxuIl19

package/esm2022/lib/markup-kit/utils/filtered-field/filtered-field.service.mjs

@@ -0,0 +1,43 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class FilteredFieldService {
+    newFilterItem = new Subject();
+    openFilter = new Subject();
+    constructor() { }
+    /**
+   * Returns an observable that emits the open filter events.
+   */
+    getOpenFilter() {
+        return this.openFilter;
+    }
+    /**
+   * Sends an open filter event with the specified item.
+   * @param item The filtered item model.
+   */
+    sendOpenFilter(item) {
+        this.openFilter.next(item);
+    }
+    /**
+   * Returns an observable that emits the new filter item events.
+   */
+    getNewFilterItem() {
+        return this.newFilterItem;
+    }
+    /**
+   * Sends a new filter item event with the specified item.
+   * @param item The filtered item model.
+   */
+    sendNewFilterItem(item) {
+        this.newFilterItem.next(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FilteredFieldService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FilteredFieldService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FilteredFieldService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyZWQtZmllbGQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L3V0aWxzL2ZpbHRlcmVkLWZpZWxkL2ZpbHRlcmVkLWZpZWxkLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQWMsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQU0zQyxNQUFNLE9BQU8sb0JBQW9CO0lBRXZCLGFBQWEsR0FBOEIsSUFBSSxPQUFPLEVBQW9CLENBQUM7SUFDM0UsVUFBVSxHQUE4QixJQUFJLE9BQU8sRUFBb0IsQ0FBQztJQUVoRixnQkFBZSxDQUFDO0lBRWQ7O0tBRUM7SUFDSSxhQUFhO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUM7OztLQUdDO0lBQ0ksY0FBYyxDQUFDLElBQXNCO1FBQzFDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFQzs7S0FFQztJQUNJLGdCQUFnQjtRQUNyQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDNUIsQ0FBQztJQUVDOzs7S0FHQztJQUNJLGlCQUFpQixDQUFDLElBQXNCO1FBQzdDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7dUdBbkNVLG9CQUFvQjsyR0FBcEIsb0JBQW9CLGNBRm5CLE1BQU07OzJGQUVQLG9CQUFvQjtrQkFIaEMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9ic2VydmFibGUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgRmlsdHJlZEl0ZW1Nb2RlbCB9IGZyb20gJy4vZmlsdHJlZC1pdGVtLm1vZGVsJztcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEZpbHRlcmVkRmllbGRTZXJ2aWNlIHtcclxuXHJcbiAgcHJpdmF0ZSBuZXdGaWx0ZXJJdGVtOiBTdWJqZWN0PEZpbHRyZWRJdGVtTW9kZWw+ID0gbmV3IFN1YmplY3Q8RmlsdHJlZEl0ZW1Nb2RlbD4oKTtcclxuICBwcml2YXRlIG9wZW5GaWx0ZXI6IFN1YmplY3Q8RmlsdHJlZEl0ZW1Nb2RlbD4gPSBuZXcgU3ViamVjdDxGaWx0cmVkSXRlbU1vZGVsPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gICAgLyoqXHJcbiAgICogUmV0dXJucyBhbiBvYnNlcnZhYmxlIHRoYXQgZW1pdHMgdGhlIG9wZW4gZmlsdGVyIGV2ZW50cy5cclxuICAgKi9cclxuICBwdWJsaWMgZ2V0T3BlbkZpbHRlcigpOiBPYnNlcnZhYmxlPEZpbHRyZWRJdGVtTW9kZWw+e1xyXG4gICAgcmV0dXJuIHRoaXMub3BlbkZpbHRlcjtcclxuICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICogU2VuZHMgYW4gb3BlbiBmaWx0ZXIgZXZlbnQgd2l0aCB0aGUgc3BlY2lmaWVkIGl0ZW0uXHJcbiAgICogQHBhcmFtIGl0ZW0gVGhlIGZpbHRlcmVkIGl0ZW0gbW9kZWwuXHJcbiAgICovXHJcbiAgcHVibGljIHNlbmRPcGVuRmlsdGVyKGl0ZW06IEZpbHRyZWRJdGVtTW9kZWwpe1xyXG4gICAgdGhpcy5vcGVuRmlsdGVyLm5leHQoaXRlbSk7XHJcbiAgfVxyXG5cclxuICAgIC8qKlxyXG4gICAqIFJldHVybnMgYW4gb2JzZXJ2YWJsZSB0aGF0IGVtaXRzIHRoZSBuZXcgZmlsdGVyIGl0ZW0gZXZlbnRzLlxyXG4gICAqL1xyXG4gIHB1YmxpYyBnZXROZXdGaWx0ZXJJdGVtKCk6IE9ic2VydmFibGU8RmlsdHJlZEl0ZW1Nb2RlbD57XHJcbiAgICByZXR1cm4gdGhpcy5uZXdGaWx0ZXJJdGVtO1xyXG4gIH1cclxuXHJcbiAgICAvKipcclxuICAgKiBTZW5kcyBhIG5ldyBmaWx0ZXIgaXRlbSBldmVudCB3aXRoIHRoZSBzcGVjaWZpZWQgaXRlbS5cclxuICAgKiBAcGFyYW0gaXRlbSBUaGUgZmlsdGVyZWQgaXRlbSBtb2RlbC5cclxuICAgKi9cclxuICBwdWJsaWMgc2VuZE5ld0ZpbHRlckl0ZW0oaXRlbTogRmlsdHJlZEl0ZW1Nb2RlbCl7XHJcbiAgICB0aGlzLm5ld0ZpbHRlckl0ZW0ubmV4dChpdGVtKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2022/lib/markup-kit/utils/filtered-field/filtred-item.model.mjs

@@ -0,0 +1,13 @@
+export class FiltredItemModel {
+    constructor(id, newValue, standartValue, discard) {
+        this.id = id;
+        this.newValue = newValue;
+        this.standartValue = standartValue;
+        this.discard = discard;
+    }
+    id;
+    newValue;
+    standartValue;
+    discard;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdHJlZC1pdGVtLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdHJlZC1pdGVtLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxnQkFBZ0I7SUFHekIsWUFBWSxFQUFTLEVBQUUsUUFBZ0IsRUFBRSxhQUFxQixFQUFFLE9BQXVDO1FBQ25HLElBQUksQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDO1FBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUM7UUFDbkMsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7SUFDM0IsQ0FBQztJQUVELEVBQUUsQ0FBUTtJQUNWLFFBQVEsQ0FBUztJQUNqQixhQUFhLENBQVM7SUFDdEIsT0FBTyxDQUFpQztDQUMzQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBGaWx0cmVkSXRlbU1vZGVse1xyXG5cclxuXHJcbiAgICBjb25zdHJ1Y3RvcihpZDpzdHJpbmcsIG5ld1ZhbHVlOiBzdHJpbmcsIHN0YW5kYXJ0VmFsdWU6IHN0cmluZywgZGlzY2FyZDogKHN0YW5kYXJ0VmFsdWU6IHN0cmluZykgPT4gYW55KXtcclxuICAgICAgICB0aGlzLmlkID0gaWQ7XHJcbiAgICAgICAgdGhpcy5uZXdWYWx1ZSA9IG5ld1ZhbHVlO1xyXG4gICAgICAgIHRoaXMuc3RhbmRhcnRWYWx1ZSA9IHN0YW5kYXJ0VmFsdWU7XHJcbiAgICAgICAgdGhpcy5kaXNjYXJkID0gZGlzY2FyZDtcclxuICAgIH1cclxuXHJcbiAgICBpZDpzdHJpbmc7XHJcbiAgICBuZXdWYWx1ZTogc3RyaW5nO1xyXG4gICAgc3RhbmRhcnRWYWx1ZTogc3RyaW5nO1xyXG4gICAgZGlzY2FyZDogKHN0YW5kYXJ0VmFsdWU6IHN0cmluZykgPT4gYW55O1xyXG59Il19

package/esm2022/lib/markup-kit/utils/help-block/help-block.component.mjs

@@ -0,0 +1,71 @@
+import { Component, Input } from '@angular/core';
+import { trigger, state, style, animate, transition, } from '@angular/animations';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+* A component representing a help block with smooth expand animation.
+*
+*  Example of usage:
+*```
+* <mefdev-help-block [title]="'Help'">
+*  Content goes here...
+* </mefdev-help-block>
+*```
+* <example-url>https://mef.dev/ui_kit_demo/view/utils/help-block</example-url>
+*/
+export class HelpBlockComponent {
+    /**
+     * Indicates whether the help block is visible.
+     */
+    isVisible = true;
+    /**
+      * Indicates whether the help block is expanded.
+    */
+    expanded = false;
+    /**
+      * The title of the help block.
+      *```
+      * <mefdev-help-block [title]="'Help Block'">
+      *    Content goes here...
+      * </mefdev-help-block>
+      *```
+      */
+    title = "Help";
+    constructor() { }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: HelpBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: HelpBlockComponent, selector: "mefdev-help-block", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\r\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\r\n        <div class=\"col-10\" style=\"color: white;\">\r\n            {{ title }}\r\n        </div>\r\n        <div class=\"col-2\">\r\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\r\n            \r\n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\r\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+            trigger('smothExpand', [
+                state('close', style({
+                    height: '0',
+                    margin: '0',
+                    padding: '0',
+                    opacity: '0',
+                    visibility: 'hidden',
+                })),
+                state('open', style({})),
+                transition('close<=>open', animate(200))
+            ])
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: HelpBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-help-block', animations: [
+                        trigger('smothExpand', [
+                            state('close', style({
+                                height: '0',
+                                margin: '0',
+                                padding: '0',
+                                opacity: '0',
+                                visibility: 'hidden',
+                            })),
+                            state('open', style({})),
+                            transition('close<=>open', animate(200))
+                        ])
+                    ], template: "<div class=\"card-simple\" *ngIf=\"isVisible\">\r\n    <div class=\"row m-1 body-1\" (click)=\"expanded = !expanded\" style=\"cursor: pointer;\">\r\n        <div class=\"col-10\" style=\"color: white;\">\r\n            {{ title }}\r\n        </div>\r\n        <div class=\"col-2\">\r\n            <i class=\"fa fa-window-close\" aria-hidden=\"true\" style=\"float: right; margin-left: 20px;\" (click)=\"isVisible = !isVisible;\"></i>\r\n            \r\n            <i class=\"fa fa-angle-down \" *ngIf=\"!expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>\r\n            <i class=\"fa fa-angle-up\" *ngIf=\"expanded\" aria-hidden=\"true\" style=\"float: right;\"></i>      \r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"card-body row\" [@smothExpand]=\"expanded ? 'open' : 'close'\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.card-simple{opacity:.7;background-color:#28b446;padding:2px;border-radius:5px;margin-top:.3em;margin-bottom:.5em}.card-body{opacity:1;margin-left:2px;margin-right:2px;margin-bottom:2px;border-radius:5px;padding-top:15px;padding-bottom:15px;background-color:#f3f3f3;color:#000}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
+                type: Input,
+                args: ['title']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC91dGlscy9oZWxwLWJsb2NrL2hlbHAtYmxvY2suY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvdXRpbHMvaGVscC1ibG9jay9oZWxwLWJsb2NrLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWdCLEtBQUssRUFBdUIsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUNMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLE9BQU8sRUFDUCxVQUFVLEdBQ1gsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRzNCOzs7Ozs7Ozs7O0VBVUM7QUFtQkgsTUFBTSxPQUFPLGtCQUFrQjtJQUU3Qjs7T0FFRztJQUNILFNBQVMsR0FBVyxJQUFJLENBQUM7SUFFekI7O01BRUU7SUFDRixRQUFRLEdBQVcsS0FBSyxDQUFDO0lBR3pCOzs7Ozs7O1FBT0k7SUFDWSxLQUFLLEdBQVUsTUFBTSxDQUFDO0lBRXRDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO3VHQTFCVSxrQkFBa0I7MkZBQWxCLGtCQUFrQixxRkN2Qy9CLDA1QkFrQk0sNHVDRE9PO1lBQ1QsT0FBTyxDQUFDLGFBQWEsRUFBQztnQkFDcEIsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7b0JBQ25CLE1BQU0sRUFBRSxHQUFHO29CQUNYLE1BQU0sRUFBRSxHQUFHO29CQUNYLE9BQU8sRUFBRSxHQUFHO29CQUNaLE9BQU8sRUFBRSxHQUFHO29CQUNaLFVBQVUsRUFBRSxRQUFRO2lCQUNyQixDQUFDLENBQUM7Z0JBQ0gsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7Z0JBQ3hCLFVBQVUsQ0FBQyxjQUFjLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQ3pDLENBQUM7U0FDSDs7MkZBRVUsa0JBQWtCO2tCQWxCOUIsU0FBUzsrQkFDRSxtQkFBbUIsY0FHbEI7d0JBQ1QsT0FBTyxDQUFDLGFBQWEsRUFBQzs0QkFDcEIsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7Z0NBQ25CLE1BQU0sRUFBRSxHQUFHO2dDQUNYLE1BQU0sRUFBRSxHQUFHO2dDQUNYLE9BQU8sRUFBRSxHQUFHO2dDQUNaLE9BQU8sRUFBRSxHQUFHO2dDQUNaLFVBQVUsRUFBRSxRQUFROzZCQUNyQixDQUFDLENBQUM7NEJBQ0gsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7NEJBQ3hCLFVBQVUsQ0FBQyxjQUFjLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO3lCQUN6QyxDQUFDO3FCQUNIOzBFQXVCZSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICB0cmlnZ2VyLFxyXG4gIHN0YXRlLFxyXG4gIHN0eWxlLFxyXG4gIGFuaW1hdGUsXHJcbiAgdHJhbnNpdGlvbixcclxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcblxyXG4gIC8qKlxyXG4gICogQSBjb21wb25lbnQgcmVwcmVzZW50aW5nIGEgaGVscCBibG9jayB3aXRoIHNtb290aCBleHBhbmQgYW5pbWF0aW9uLlxyXG4gICpcclxuICAqICBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpgYGBcclxuICAqIDxtZWZkZXYtaGVscC1ibG9jayBbdGl0bGVdPVwiJ0hlbHAnXCI+XHJcbiAgKiAgQ29udGVudCBnb2VzIGhlcmUuLi5cclxuICAqIDwvbWVmZGV2LWhlbHAtYmxvY2s+XHJcbiAgKmBgYFxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vbWVmLmRldi91aV9raXRfZGVtby92aWV3L3V0aWxzL2hlbHAtYmxvY2s8L2V4YW1wbGUtdXJsPlxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtaGVscC1ibG9jaycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlbHAtYmxvY2suY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2hlbHAtYmxvY2suY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOltcclxuICAgIHRyaWdnZXIoJ3Ntb3RoRXhwYW5kJyxbXHJcbiAgICAgIHN0YXRlKCdjbG9zZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBtYXJnaW46ICcwJyxcclxuICAgICAgICBwYWRkaW5nOiAnMCcsXHJcbiAgICAgICAgb3BhY2l0eTogJzAnLFxyXG4gICAgICAgIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxyXG4gICAgICB9KSksXHJcbiAgICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe30pKSxcclxuICAgICAgdHJhbnNpdGlvbignY2xvc2U8PT5vcGVuJywgYW5pbWF0ZSgyMDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIZWxwQmxvY2tDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgaGVscCBibG9jayBpcyB2aXNpYmxlLlxyXG4gICAqL1xyXG4gIGlzVmlzaWJsZTpib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBoZWxwIGJsb2NrIGlzIGV4cGFuZGVkLlxyXG4gICovXHJcbiAgZXhwYW5kZWQ6Ym9vbGVhbiA9IGZhbHNlO1xyXG5cclxuXHJcbiAgLyoqXHJcbiAgICAqIFRoZSB0aXRsZSBvZiB0aGUgaGVscCBibG9jay5cclxuICAgICpgYGBcclxuICAgICogPG1lZmRldi1oZWxwLWJsb2NrIFt0aXRsZV09XCInSGVscCBCbG9jaydcIj5cclxuICAgICogICAgQ29udGVudCBnb2VzIGhlcmUuLi5cclxuICAgICogPC9tZWZkZXYtaGVscC1ibG9jaz5cclxuICAgICpgYGBcclxuICAgICovXHJcbiAgQElucHV0KCd0aXRsZScpIHRpdGxlOnN0cmluZyA9IFwiSGVscFwiO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjYXJkLXNpbXBsZVwiICpuZ0lmPVwiaXNWaXNpYmxlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93IG0tMSBib2R5LTFcIiAoY2xpY2spPVwiZXhwYW5kZWQgPSAhZXhwYW5kZWRcIiBzdHlsZT1cImN1cnNvcjogcG9pbnRlcjtcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEwXCIgc3R5bGU9XCJjb2xvcjogd2hpdGU7XCI+XHJcbiAgICAgICAgICAgIHt7IHRpdGxlIH19XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0yXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtd2luZG93LWNsb3NlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgc3R5bGU9XCJmbG9hdDogcmlnaHQ7IG1hcmdpbi1sZWZ0OiAyMHB4O1wiIChjbGljayk9XCJpc1Zpc2libGUgPSAhaXNWaXNpYmxlO1wiPjwvaT5cclxuICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtZG93biBcIiAqbmdJZj1cIiFleHBhbmRlZFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIHN0eWxlPVwiZmxvYXQ6IHJpZ2h0O1wiPjwvaT5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1hbmdsZS11cFwiICpuZ0lmPVwiZXhwYW5kZWRcIiBhcmlhLWhpZGRlbj1cInRydWVcIiBzdHlsZT1cImZsb2F0OiByaWdodDtcIj48L2k+ICAgICAgXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1ib2R5IHJvd1wiIFtAc21vdGhFeHBhbmRdPVwiZXhwYW5kZWQgPyAnb3BlbicgOiAnY2xvc2UnXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/{esm2020 → esm2022}/lib/markup-kit/utils/help-block/hepl-block.module.mjs

@@ -4,13 +4,13 @@ import { HelpBlockComponent } from './help-block.component';
 import { MefDevCollapseModule } from '../../collapse/collapse.module';
 import * as i0 from "@angular/core";
 export class MefDevHelpBlockModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevHelpBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: MefDevHelpBlockModule, declarations: [HelpBlockComponent], imports: [CommonModule,
+            MefDevCollapseModule], exports: [HelpBlockComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevHelpBlockModule, imports: [CommonModule,
+            MefDevCollapseModule] });
 }
-MefDevHelpBlockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevHelpBlockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MefDevHelpBlockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MefDevHelpBlockModule, declarations: [HelpBlockComponent], imports: [CommonModule,
-        MefDevCollapseModule], exports: [HelpBlockComponent] });
-MefDevHelpBlockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevHelpBlockModule, imports: [CommonModule,
-        MefDevCollapseModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevHelpBlockModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevHelpBlockModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [HelpBlockComponent],
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVwbC1ibG9jay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC91dGlscy9oZWxwLWJsb2NrL2hlcGwtYmxvY2subW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQVV0RSxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBUGpCLGtCQUFrQixhQUcvQixZQUFZO1FBQ1osb0JBQW9CLGFBSFosa0JBQWtCO21IQU1qQixxQkFBcUIsWUFKOUIsWUFBWTtRQUNaLG9CQUFvQjsyRkFHWCxxQkFBcUI7a0JBUmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUM3QixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSGVscEJsb2NrQ29tcG9uZW50IH0gZnJvbSAnLi9oZWxwLWJsb2NrLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1lZkRldkNvbGxhcHNlTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29sbGFwc2UvY29sbGFwc2UubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSGVscEJsb2NrQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbSGVscEJsb2NrQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNZWZEZXZDb2xsYXBzZU1vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE1lZkRldkhlbHBCbG9ja01vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVwbC1ibG9jay5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC91dGlscy9oZWxwLWJsb2NrL2hlcGwtYmxvY2subW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOztBQVV0RSxNQUFNLE9BQU8scUJBQXFCO3VHQUFyQixxQkFBcUI7d0dBQXJCLHFCQUFxQixpQkFQakIsa0JBQWtCLGFBRy9CLFlBQVk7WUFDWixvQkFBb0IsYUFIWixrQkFBa0I7d0dBTWpCLHFCQUFxQixZQUo5QixZQUFZO1lBQ1osb0JBQW9COzsyRkFHWCxxQkFBcUI7a0JBUmpDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRSxDQUFDLGtCQUFrQixDQUFDO29CQUM3QixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7cUJBQ3JCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSGVscEJsb2NrQ29tcG9uZW50IH0gZnJvbSAnLi9oZWxwLWJsb2NrLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE1lZkRldkNvbGxhcHNlTW9kdWxlIH0gZnJvbSAnLi4vLi4vY29sbGFwc2UvY29sbGFwc2UubW9kdWxlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbSGVscEJsb2NrQ29tcG9uZW50XSxcclxuICBleHBvcnRzOiBbSGVscEJsb2NrQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNZWZEZXZDb2xsYXBzZU1vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIE1lZkRldkhlbHBCbG9ja01vZHVsZSB7IH1cclxuIl19