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

package/esm2022/lib/markup-kit/collapse/collapse/collapse.component.mjs

@@ -0,0 +1,149 @@
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { Component, ContentChild, EventEmitter, Host, HostBinding, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../collapse-set/collapse-set.component";
+import * as i2 from "@angular/common";
+/**
+  * Component for displaying a collapsible content.
+  *
+  *
+  * Example of usage:
+  *```
+  * <mefdev-collapse [Disabled]="false" [Active]="true" (stateChange)="onStateChange($event)">
+  *   <ng-template #CardTitle>
+  *     <!-- Content for the card title -->
+  *     <h3>Card Title</h3>
+  *   </ng-template>
+  *
+  *   <!-- Content for the collapsible section -->
+  *   <div>
+        Content inside collapse
+  *   </div>
+  * </mefdev-collapse>
+  *
+  *```
+    * <example-url>https://mef.dev/ui_kit_demo/view/collapse/collapse</example-url>
+
+  */
+export class CollapseComponent {
+    _collapseSet;
+    _elementRef;
+    _disabled = false;
+    _active = false;
+    _el;
+    /**
+     * ContentChild for the template of the card title.
+     *
+     * Example:
+     * ```
+     * <ng-template #CardTitle>
+     *   <h3>Card Title</h3>
+     * </ng-template>
+     * ```
+     */
+    CardTitle;
+    /**
+     * Indicates whether the collapse is disabled.
+     * Set this to `true` to disable the collapse. Defaults to `false`.
+     */
+    set Disabled(value) {
+        this._disabled = value;
+    }
+    get Disabled() {
+        return this._disabled;
+    }
+    /**
+    * Indicates whether the collapse is active or not.
+    */
+    set Active(value) {
+        const active = value;
+        if (this._active === active) {
+            return;
+        }
+        if (!this.Disabled) {
+            this._active = active;
+        }
+    }
+    get Active() {
+        return this._active;
+    }
+    /**
+     * Event emitter for the state change of the collapse.
+     * Emits a boolean value indicating whether the collapse is active or not.
+     *
+     * Example:
+     * ```
+     * <mefdev-collapse (stateChange)="onStateChange($event)"></mefdev-collapse>
+     * ```
+     */
+    stateChange = new EventEmitter();
+    /**
+     * Event handler for the header click event.
+     * Toggles the active state of the collapse and emits the state change event.
+     *
+     * @param $event The mouse event object.
+     */
+    clickHeader($event) {
+        this.Active = !this.Active;
+        this.stateChange.next(this.Active);
+        /** trigger host collapseSet click event */
+        this._collapseSet.pgClick(this);
+    }
+    constructor(_collapseSet, _elementRef) {
+        this._collapseSet = _collapseSet;
+        this._elementRef = _elementRef;
+        this._el = this._elementRef.nativeElement;
+        this._collapseSet.addTab(this);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CollapseComponent, deps: [{ token: i1.CollapseSetComponent, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: CollapseComponent, selector: "mefdev-collapse", inputs: { Disabled: "Disabled", Active: "Active" }, outputs: { stateChange: "stateChange" }, host: { properties: { "class.card": "true", "class.card-default": "true", "class.m-b-0": "true", "class.disabled": "this.Disabled" } }, queries: [{ propertyName: "CardTitle", first: true, predicate: ["CardTitle"], descendants: true }], ngImport: i0, template: "<div class=\"row mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col\">\r\n    <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n    <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n    <div *ngIf=\"_active\" \r\n     class=\"card-body\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+            trigger('collapseState', [
+                state('inactive', style({
+                    opacity: '0',
+                    height: 0
+                })),
+                state('active', style({
+                    opacity: '1',
+                    height: '*'
+                })),
+                transition('inactive => active', animate('125ms ease-in')),
+                transition('active => inactive', animate('125ms ease-out'))
+            ])
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CollapseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-collapse', animations: [
+                        trigger('collapseState', [
+                            state('inactive', style({
+                                opacity: '0',
+                                height: 0
+                            })),
+                            state('active', style({
+                                opacity: '1',
+                                height: '*'
+                            })),
+                            transition('inactive => active', animate('125ms ease-in')),
+                            transition('active => inactive', animate('125ms ease-out'))
+                        ])
+                    ], host: {
+                        '[class.card]': 'true',
+                        '[class.card-default]': 'true',
+                        '[class.m-b-0]': 'true'
+                    }, template: "<div class=\"row mt-2 card-title\" [attr.aria-expanded]=\"_active\" (click)=\"clickHeader($event)\" role=\"tab\"\r\nhref=\"javascript:;\" [ngClass]=\"{'collapsed':!_active}\">\r\n  <div class=\"col\">\r\n    <ng-template [ngTemplateOutlet]=\"CardTitle\"></ng-template>\r\n  </div>\r\n  <div class=\"col\">\r\n    <i class=\"fa fa-angle-down float-end \" aria-hidden=\"true\" *ngIf=\"!_active\"></i>\r\n    <i class=\"fa fa-angle-up float-end \" aria-hidden=\"true\" *ngIf=\"_active\"></i>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"collapse\" [ngClass]=\"{'show':true,'active':_active,'inactive':!_active}\" [@collapseState]=\"_active?'active':'inactive'\">\r\n    <div *ngIf=\"_active\" \r\n     class=\"card-body\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.h1,h1{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;text-transform:uppercase;color:#000}.h2,h2{font-family:montserrat-bold;font-size:24px;line-height:29px;font-weight:700;color:#000}.h3,.card-title,h3{font-family:montserrat-regular;font-size:14px;line-height:20px;font-weight:400;text-transform:uppercase;color:#000}.h4,h4{font-family:montserrat-light;font-weight:300;font-size:13px;line-height:20px;text-transform:uppercase;color:#000}.h5,h5{font-family:montserrat-semibold;font-weight:600;font-size:13px;line-height:20px;color:#000}.h6,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,body-1{font-family:Lato-Bold;font-size:18px;line-height:20px;font-weight:700;color:#000}.body-2,body-2{font-family:Lato-Regular;font-size:16px;line-height:28px;font-weight:400;color:#000}.body-3,body-3{font-family:Lato-Bold;font-size:14px;line-height:22px;font-weight:700;color:#000}.body-4,body-4{font-family:Lato-Regular;font-size:14px;line-height:22px;font-weight:400;color:#000}.body-5,body-5{font-family:Lato-Bold;font-weight:600;font-size:13px;line-height:18px;color:#000}.body-6,body-6{font-family:Lato-Regular;font-size:13px;line-height:16px;font-weight:400;color:#000}.card-title{background-color:#f3f3f3;padding:17px;margin:0;color:#000}.collapse{background-color:#f3f3f3}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.CollapseSetComponent, decorators: [{
+                    type: Host
+                }] }, { type: i0.ElementRef }]; }, propDecorators: { CardTitle: [{
+                type: ContentChild,
+                args: ["CardTitle"]
+            }], Disabled: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.disabled']
+            }], Active: [{
+                type: Input
+            }], stateChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UvY29sbGFwc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBYyxZQUFZLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7O0FBSWpJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQkk7QUErQkosTUFBTSxPQUFPLGlCQUFpQjtJQTBFQTtJQUE0QztJQXhFaEUsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMxQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLEdBQUcsQ0FBQztJQUVKOzs7Ozs7Ozs7T0FTRztJQUN3QixTQUFTLENBQW9CO0lBRXhEOzs7T0FHRztJQUNILElBRUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBRUE7O01BRUU7SUFDSCxJQUNJLE1BQU0sQ0FBQyxLQUFjO1FBQ3ZCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssTUFBTSxFQUFFO1lBQzNCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsTUFBTSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQ7Ozs7Ozs7O09BUUc7SUFDTyxXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVwRDs7Ozs7T0FLRztJQUNILFdBQVcsQ0FBQyxNQUFrQjtRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDbkMsMkNBQTJDO1FBQzNDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUE0QixZQUFrQyxFQUFVLFdBQXVCO1FBQW5FLGlCQUFZLEdBQVosWUFBWSxDQUFzQjtRQUFVLGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQzdGLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDakMsQ0FBQzt1R0E3RVUsaUJBQWlCOzJGQUFqQixpQkFBaUIsZ1lDekQ5Qix5d0JBZ0JNLDZqRkRlUTtZQUNWLE9BQU8sQ0FBQyxlQUFlLEVBQUU7Z0JBQ3ZCLEtBQUssQ0FDSCxVQUFVLEVBQ1YsS0FBSyxDQUFDO29CQUNKLE9BQU8sRUFBRSxHQUFHO29CQUNaLE1BQU0sRUFBRSxDQUFDO2lCQUNWLENBQUMsQ0FDSDtnQkFDRCxLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDSixPQUFPLEVBQUUsR0FBRztvQkFDWixNQUFNLEVBQUUsR0FBRztpQkFDWixDQUFDLENBQ0g7Z0JBQ0QsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDMUQsVUFBVSxDQUFDLG9CQUFvQixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO2FBQzVELENBQUM7U0FDSDs7MkZBT1UsaUJBQWlCO2tCQTlCN0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FHZjt3QkFDVixPQUFPLENBQUMsZUFBZSxFQUFFOzRCQUN2QixLQUFLLENBQ0gsVUFBVSxFQUNWLEtBQUssQ0FBQztnQ0FDSixPQUFPLEVBQUUsR0FBRztnQ0FDWixNQUFNLEVBQUUsQ0FBQzs2QkFDVixDQUFDLENBQ0g7NEJBQ0QsS0FBSyxDQUNILFFBQVEsRUFDUixLQUFLLENBQUM7Z0NBQ0osT0FBTyxFQUFFLEdBQUc7Z0NBQ1osTUFBTSxFQUFFLEdBQUc7NkJBQ1osQ0FBQyxDQUNIOzRCQUNELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7NEJBQzFELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQzt5QkFDNUQsQ0FBQztxQkFDSCxRQUNLO3dCQUNKLGNBQWMsRUFBRSxNQUFNO3dCQUN0QixzQkFBc0IsRUFBRSxNQUFNO3dCQUM5QixlQUFlLEVBQUUsTUFBTTtxQkFDeEI7OzBCQTRFWSxJQUFJO3FFQTFEVSxTQUFTO3NCQUFuQyxZQUFZO3VCQUFDLFdBQVc7Z0JBUXJCLFFBQVE7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBYXpCLE1BQU07c0JBRFQsS0FBSztnQkF3QkksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBIb3N0LCBIb3N0QmluZGluZywgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2VTZXRDb21wb25lbnQgfSBmcm9tICcuLi9jb2xsYXBzZS1zZXQvY29sbGFwc2Utc2V0LmNvbXBvbmVudCc7XHJcblxyXG5cclxuLyoqXHJcbiAgKiBDb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgYSBjb2xsYXBzaWJsZSBjb250ZW50LlxyXG4gICpcclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpgYGBcclxuICAqIDxtZWZkZXYtY29sbGFwc2UgW0Rpc2FibGVkXT1cImZhbHNlXCIgW0FjdGl2ZV09XCJ0cnVlXCIgKHN0YXRlQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPlxyXG4gICogICA8bmctdGVtcGxhdGUgI0NhcmRUaXRsZT5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHRpdGxlIC0tPlxyXG4gICogICAgIDxoMz5DYXJkIFRpdGxlPC9oMz5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqICAgXHJcbiAgKiAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNvbGxhcHNpYmxlIHNlY3Rpb24gLS0+XHJcbiAgKiAgIDxkaXY+XHJcbiAgICAgICAgQ29udGVudCBpbnNpZGUgY29sbGFwc2VcclxuICAqICAgPC9kaXY+XHJcbiAgKiA8L21lZmRldi1jb2xsYXBzZT5cclxuICAqXHJcbiAgKmBgYFxyXG4gICAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvY29sbGFwc2UvY29sbGFwc2U8L2V4YW1wbGUtdXJsPlxyXG5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1jb2xsYXBzZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbGxhcHNlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2xsYXBzZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2NvbGxhcHNlU3RhdGUnLCBbXHJcbiAgICAgIHN0YXRlKFxyXG4gICAgICAgICdpbmFjdGl2ZScsXHJcbiAgICAgICAgc3R5bGUoe1xyXG4gICAgICAgICAgb3BhY2l0eTogJzAnLFxyXG4gICAgICAgICAgaGVpZ2h0OiAwXHJcbiAgICAgICAgfSlcclxuICAgICAgKSxcclxuICAgICAgc3RhdGUoXHJcbiAgICAgICAgJ2FjdGl2ZScsXHJcbiAgICAgICAgc3R5bGUoe1xyXG4gICAgICAgICAgb3BhY2l0eTogJzEnLFxyXG4gICAgICAgICAgaGVpZ2h0OiAnKidcclxuICAgICAgICB9KVxyXG4gICAgICApLFxyXG4gICAgICB0cmFuc2l0aW9uKCdpbmFjdGl2ZSA9PiBhY3RpdmUnLCBhbmltYXRlKCcxMjVtcyBlYXNlLWluJykpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdhY3RpdmUgPT4gaW5hY3RpdmUnLCBhbmltYXRlKCcxMjVtcyBlYXNlLW91dCcpKVxyXG4gICAgXSlcclxuICBdLFxyXG4gIGhvc3Q6IHtcclxuICAgICdbY2xhc3MuY2FyZF0nOiAndHJ1ZScsXHJcbiAgICAnW2NsYXNzLmNhcmQtZGVmYXVsdF0nOiAndHJ1ZScsXHJcbiAgICAnW2NsYXNzLm0tYi0wXSc6ICd0cnVlJ1xyXG4gIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvbGxhcHNlQ29tcG9uZW50IHtcclxuXHJcbiAgcHJpdmF0ZSBfZGlzYWJsZWQgPSBmYWxzZTtcclxuICBfYWN0aXZlID0gZmFsc2U7XHJcbiAgX2VsO1xyXG5cclxuICAvKipcclxuICAgKiBDb250ZW50Q2hpbGQgZm9yIHRoZSB0ZW1wbGF0ZSBvZiB0aGUgY2FyZCB0aXRsZS5cclxuICAgKlxyXG4gICAqIEV4YW1wbGU6XHJcbiAgICogYGBgXHJcbiAgICogPG5nLXRlbXBsYXRlICNDYXJkVGl0bGU+XHJcbiAgICogICA8aDM+Q2FyZCBUaXRsZTwvaDM+XHJcbiAgICogPC9uZy10ZW1wbGF0ZT5cclxuICAgKiBgYGBcclxuICAgKi9cclxuICBAQ29udGVudENoaWxkKFwiQ2FyZFRpdGxlXCIpIENhcmRUaXRsZTogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gIC8qKlxyXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRoZSBjb2xsYXBzZSBpcyBkaXNhYmxlZC5cclxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgdG8gZGlzYWJsZSB0aGUgY29sbGFwc2UuIERlZmF1bHRzIHRvIGBmYWxzZWAuXHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRpc2FibGVkJylcclxuICBzZXQgRGlzYWJsZWQodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2Rpc2FibGVkID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBnZXQgRGlzYWJsZWQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICAgLyoqXHJcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIGNvbGxhcHNlIGlzIGFjdGl2ZSBvciBub3QuXHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBzZXQgQWN0aXZlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICBjb25zdCBhY3RpdmUgPSB2YWx1ZTtcclxuICAgIGlmICh0aGlzLl9hY3RpdmUgPT09IGFjdGl2ZSkge1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICBpZiAoIXRoaXMuRGlzYWJsZWQpIHtcclxuICAgICAgdGhpcy5fYWN0aXZlID0gYWN0aXZlO1xyXG4gICAgfVxyXG4gIH1cclxuICBcclxuICBnZXQgQWN0aXZlKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2FjdGl2ZTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEV2ZW50IGVtaXR0ZXIgZm9yIHRoZSBzdGF0ZSBjaGFuZ2Ugb2YgdGhlIGNvbGxhcHNlLlxyXG4gICAqIEVtaXRzIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIGNvbGxhcHNlIGlzIGFjdGl2ZSBvciBub3QuXHJcbiAgICpcclxuICAgKiBFeGFtcGxlOlxyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtY29sbGFwc2UgKHN0YXRlQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPjwvbWVmZGV2LWNvbGxhcHNlPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzdGF0ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgaGFuZGxlciBmb3IgdGhlIGhlYWRlciBjbGljayBldmVudC5cclxuICAgKiBUb2dnbGVzIHRoZSBhY3RpdmUgc3RhdGUgb2YgdGhlIGNvbGxhcHNlIGFuZCBlbWl0cyB0aGUgc3RhdGUgY2hhbmdlIGV2ZW50LlxyXG4gICAqXHJcbiAgICogQHBhcmFtICRldmVudCBUaGUgbW91c2UgZXZlbnQgb2JqZWN0LlxyXG4gICAqL1xyXG4gIGNsaWNrSGVhZGVyKCRldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgdGhpcy5BY3RpdmUgPSAhdGhpcy5BY3RpdmU7XHJcbiAgICB0aGlzLnN0YXRlQ2hhbmdlLm5leHQodGhpcy5BY3RpdmUpO1xyXG4gICAgLyoqIHRyaWdnZXIgaG9zdCBjb2xsYXBzZVNldCBjbGljayBldmVudCAqL1xyXG4gICAgdGhpcy5fY29sbGFwc2VTZXQucGdDbGljayh0aGlzKTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKEBIb3N0KCkgcHJpdmF0ZSBfY29sbGFwc2VTZXQ6IENvbGxhcHNlU2V0Q29tcG9uZW50LCBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7XHJcbiAgICB0aGlzLl9lbCA9IHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcclxuICAgIHRoaXMuX2NvbGxhcHNlU2V0LmFkZFRhYih0aGlzKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvdyBtdC0yIGNhcmQtdGl0bGVcIiBbYXR0ci5hcmlhLWV4cGFuZGVkXT1cIl9hY3RpdmVcIiAoY2xpY2spPVwiY2xpY2tIZWFkZXIoJGV2ZW50KVwiIHJvbGU9XCJ0YWJcIlxyXG5ocmVmPVwiamF2YXNjcmlwdDo7XCIgW25nQ2xhc3NdPVwieydjb2xsYXBzZWQnOiFfYWN0aXZlfVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjb2xcIj5cclxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJDYXJkVGl0bGVcIj48L25nLXRlbXBsYXRlPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJjb2xcIj5cclxuICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtZG93biBmbG9hdC1lbmQgXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgKm5nSWY9XCIhX2FjdGl2ZVwiPjwvaT5cclxuICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtdXAgZmxvYXQtZW5kIFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiICpuZ0lmPVwiX2FjdGl2ZVwiPjwvaT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiY29sbGFwc2VcIiBbbmdDbGFzc109XCJ7J3Nob3cnOnRydWUsJ2FjdGl2ZSc6X2FjdGl2ZSwnaW5hY3RpdmUnOiFfYWN0aXZlfVwiIFtAY29sbGFwc2VTdGF0ZV09XCJfYWN0aXZlPydhY3RpdmUnOidpbmFjdGl2ZSdcIj5cclxuICAgIDxkaXYgKm5nSWY9XCJfYWN0aXZlXCIgXHJcbiAgICAgY2xhc3M9XCJjYXJkLWJvZHlcIj5cclxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/markup-kit/collapse/collapse-set/collapse-set.component.mjs

@@ -0,0 +1,102 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+* Component representing a set of collapsible panels.
+*
+* Example of usage:
+*
+*```
+* <mefdev-collapse-set [Accordion]="true" [Horizontal]="true" [expandAny]="false">
+*   <mefdev-collapse [Disabled]="false" [Active]="true">
+*       <!-- Content for the collapse panel -->
+*       <h3>Panel 1</h3>
+*       <p>Panel 1 content...</p>
+*   </mefdev-collapse>
+
+*   <mefdev-collapse [Disabled]="false" [Active]="false">
+*       <!-- Content for the collapse panel -->
+*       <h3>Panel 2</h3>
+*       <p>Panel 2 content...</p>
+*   </mefdev-collapse>
+
+*   <mefdev-collapse [Disabled]="false" [Active]="false">
+*       <!-- Content for the collapse panel -->
+*       <h3>Panel 3</h3>
+*       <p>Panel 3 content...</p>
+*   </mefdev-collapse>
+* </mefdev-collapse-set>
+*```
+*/
+export class CollapseSetComponent {
+    _accordion = false;
+    _horizontal = true;
+    _expandAny = true;
+    panels = [];
+    /**
+     * Indicates whether multiple panels can be expanded simultaneously.
+     * Set this to `true` to allow multiple panels to be expanded. Defaults to `false`.
+     */
+    set expandAny(value) {
+        this._accordion = value;
+    }
+    get expandAny() {
+        return this._accordion;
+    }
+    /**
+     * Indicates whether the collapse set operates as an accordion.
+     * Set this to `true` to enable accordion behavior. Defaults to `false`.
+     */
+    set Accordion(value) {
+        this._accordion = value;
+    }
+    get Accordion() {
+        return this._accordion;
+    }
+    /**
+     * Indicates whether the collapse set is displayed horizontally or vertically.
+     * Set this to `true` for horizontal display and `false` for vertical display. Defaults to `true`.
+     */
+    set Horizontal(value) {
+        this._horizontal = value;
+    }
+    get Horizontal() {
+        return this._horizontal;
+    }
+    /**
+     * Event handler for the click event on a collapse panel.
+     * Closes other panels if the collapse set is an accordion and does not allow multiple expansions.
+     *
+     * @param collapse The clicked collapse component.
+     */
+    pgClick(collapse) {
+        if (this.Accordion && !this.expandAny) {
+            this.panels.map((item, index) => {
+                const curIndex = this.panels.indexOf(collapse);
+                if (index !== curIndex) {
+                    item.Active = false;
+                }
+            });
+        }
+    }
+    /**
+     * Adds a collapse panel to the collapse set.
+     *
+     * @param collapse The collapse component to be added.
+     */
+    addTab(collapse) {
+        this.panels.push(collapse);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CollapseSetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: CollapseSetComponent, selector: "mefdev-collapse-set", inputs: { expandAny: "expandAny", Accordion: "Accordion", Horizontal: "Horizontal" }, ngImport: i0, template: "<div class=\"card-group\" [class.horizontal]=\"Horizontal\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [""], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CollapseSetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-collapse-set', encapsulation: ViewEncapsulation.None, template: "<div class=\"card-group\" [class.horizontal]=\"Horizontal\">\r\n    <ng-content></ng-content>\r\n</div>" }]
+        }], propDecorators: { expandAny: [{
+                type: Input
+            }], Accordion: [{
+                type: Input
+            }], Horizontal: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2Utc2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L2NvbGxhcHNlL2NvbGxhcHNlLXNldC9jb2xsYXBzZS1zZXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2Utc2V0L2NvbGxhcHNlLXNldC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFJNUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBMEJFO0FBT0YsTUFBTSxPQUFPLG9CQUFvQjtJQUV2QixVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQ25CLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDbkIsVUFBVSxHQUFHLElBQUksQ0FBQztJQUMxQixNQUFNLEdBQXdCLEVBQUUsQ0FBQztJQUVqQzs7O09BR0c7SUFDSCxJQUNJLFNBQVMsQ0FBQyxLQUFjO1FBQzFCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVEOzs7T0FHRztJQUNILElBQ0ksU0FBUyxDQUFDLEtBQWM7UUFDMUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFDSSxVQUFVLENBQUMsS0FBYztRQUMzQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILE9BQU8sQ0FBQyxRQUEyQjtRQUNqQyxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUM5QixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDL0MsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFO29CQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztpQkFDckI7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxNQUFNLENBQUMsUUFBMkI7UUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0IsQ0FBQzt1R0F0RVUsb0JBQW9COzJGQUFwQixvQkFBb0IsaUpDckNqQyx5R0FFTTs7MkZEbUNPLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxxQkFBcUIsaUJBR2hCLGlCQUFpQixDQUFDLElBQUk7OEJBY2pDLFNBQVM7c0JBRFosS0FBSztnQkFjRixTQUFTO3NCQURaLEtBQUs7Z0JBY0YsVUFBVTtzQkFEYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb2xsYXBzZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudCc7XHJcblxyXG5cclxuLyoqXHJcbiogQ29tcG9uZW50IHJlcHJlc2VudGluZyBhIHNldCBvZiBjb2xsYXBzaWJsZSBwYW5lbHMuXHJcbipcclxuKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4qXHJcbipgYGBcclxuKiA8bWVmZGV2LWNvbGxhcHNlLXNldCBbQWNjb3JkaW9uXT1cInRydWVcIiBbSG9yaXpvbnRhbF09XCJ0cnVlXCIgW2V4cGFuZEFueV09XCJmYWxzZVwiPlxyXG4qICAgPG1lZmRldi1jb2xsYXBzZSBbRGlzYWJsZWRdPVwiZmFsc2VcIiBbQWN0aXZlXT1cInRydWVcIj5cclxuKiAgICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjb2xsYXBzZSBwYW5lbCAtLT5cclxuKiAgICAgICA8aDM+UGFuZWwgMTwvaDM+XHJcbiogICAgICAgPHA+UGFuZWwgMSBjb250ZW50Li4uPC9wPlxyXG4qICAgPC9tZWZkZXYtY29sbGFwc2U+XHJcblxyXG4qICAgPG1lZmRldi1jb2xsYXBzZSBbRGlzYWJsZWRdPVwiZmFsc2VcIiBbQWN0aXZlXT1cImZhbHNlXCI+XHJcbiogICAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY29sbGFwc2UgcGFuZWwgLS0+XHJcbiogICAgICAgPGgzPlBhbmVsIDI8L2gzPlxyXG4qICAgICAgIDxwPlBhbmVsIDIgY29udGVudC4uLjwvcD5cclxuKiAgIDwvbWVmZGV2LWNvbGxhcHNlPlxyXG5cclxuKiAgIDxtZWZkZXYtY29sbGFwc2UgW0Rpc2FibGVkXT1cImZhbHNlXCIgW0FjdGl2ZV09XCJmYWxzZVwiPlxyXG4qICAgICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNvbGxhcHNlIHBhbmVsIC0tPlxyXG4qICAgICAgIDxoMz5QYW5lbCAzPC9oMz5cclxuKiAgICAgICA8cD5QYW5lbCAzIGNvbnRlbnQuLi48L3A+XHJcbiogICA8L21lZmRldi1jb2xsYXBzZT5cclxuKiA8L21lZmRldi1jb2xsYXBzZS1zZXQ+XHJcbipgYGBcclxuKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWZkZXYtY29sbGFwc2Utc2V0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29sbGFwc2Utc2V0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb2xsYXBzZS1zZXQuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29sbGFwc2VTZXRDb21wb25lbnQge1xyXG4gIFxyXG4gIHByaXZhdGUgX2FjY29yZGlvbiA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2hvcml6b250YWwgPSB0cnVlO1xyXG4gIHByaXZhdGUgX2V4cGFuZEFueSA9IHRydWU7XHJcbiAgcGFuZWxzOiBDb2xsYXBzZUNvbXBvbmVudFtdID0gW107XHJcblxyXG4gIC8qKlxyXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIG11bHRpcGxlIHBhbmVscyBjYW4gYmUgZXhwYW5kZWQgc2ltdWx0YW5lb3VzbHkuXHJcbiAgICogU2V0IHRoaXMgdG8gYHRydWVgIHRvIGFsbG93IG11bHRpcGxlIHBhbmVscyB0byBiZSBleHBhbmRlZC4gRGVmYXVsdHMgdG8gYGZhbHNlYC5cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIHNldCBleHBhbmRBbnkodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2FjY29yZGlvbiA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGV4cGFuZEFueSgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY2NvcmRpb247XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29sbGFwc2Ugc2V0IG9wZXJhdGVzIGFzIGFuIGFjY29yZGlvbi5cclxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgdG8gZW5hYmxlIGFjY29yZGlvbiBiZWhhdmlvci4gRGVmYXVsdHMgdG8gYGZhbHNlYC5cclxuICAgKi9cclxuICBASW5wdXQoKVxyXG4gIHNldCBBY2NvcmRpb24odmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2FjY29yZGlvbiA9IHZhbHVlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IEFjY29yZGlvbigpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLl9hY2NvcmRpb247XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29sbGFwc2Ugc2V0IGlzIGRpc3BsYXllZCBob3Jpem9udGFsbHkgb3IgdmVydGljYWxseS5cclxuICAgKiBTZXQgdGhpcyB0byBgdHJ1ZWAgZm9yIGhvcml6b250YWwgZGlzcGxheSBhbmQgYGZhbHNlYCBmb3IgdmVydGljYWwgZGlzcGxheS4gRGVmYXVsdHMgdG8gYHRydWVgLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IEhvcml6b250YWwodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuX2hvcml6b250YWwgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGdldCBIb3Jpem9udGFsKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuX2hvcml6b250YWw7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBoYW5kbGVyIGZvciB0aGUgY2xpY2sgZXZlbnQgb24gYSBjb2xsYXBzZSBwYW5lbC5cclxuICAgKiBDbG9zZXMgb3RoZXIgcGFuZWxzIGlmIHRoZSBjb2xsYXBzZSBzZXQgaXMgYW4gYWNjb3JkaW9uIGFuZCBkb2VzIG5vdCBhbGxvdyBtdWx0aXBsZSBleHBhbnNpb25zLlxyXG4gICAqXHJcbiAgICogQHBhcmFtIGNvbGxhcHNlIFRoZSBjbGlja2VkIGNvbGxhcHNlIGNvbXBvbmVudC5cclxuICAgKi9cclxuICBwZ0NsaWNrKGNvbGxhcHNlOiBDb2xsYXBzZUNvbXBvbmVudCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuQWNjb3JkaW9uICYmICF0aGlzLmV4cGFuZEFueSkge1xyXG4gICAgICB0aGlzLnBhbmVscy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XHJcbiAgICAgICAgY29uc3QgY3VySW5kZXggPSB0aGlzLnBhbmVscy5pbmRleE9mKGNvbGxhcHNlKTtcclxuICAgICAgICBpZiAoaW5kZXggIT09IGN1ckluZGV4KSB7XHJcbiAgICAgICAgICBpdGVtLkFjdGl2ZSA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBBZGRzIGEgY29sbGFwc2UgcGFuZWwgdG8gdGhlIGNvbGxhcHNlIHNldC5cclxuICAgKlxyXG4gICAqIEBwYXJhbSBjb2xsYXBzZSBUaGUgY29sbGFwc2UgY29tcG9uZW50IHRvIGJlIGFkZGVkLlxyXG4gICAqL1xyXG4gIGFkZFRhYihjb2xsYXBzZTogQ29sbGFwc2VDb21wb25lbnQpOiB2b2lkIHtcclxuICAgIHRoaXMucGFuZWxzLnB1c2goY29sbGFwc2UpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC1ncm91cFwiIFtjbGFzcy5ob3Jpem9udGFsXT1cIkhvcml6b250YWxcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+Il19

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

@@ -10,11 +10,11 @@ export class MefDevCollapseModule {
             ngModule: MefDevCollapseModule
         };
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: MefDevCollapseModule, declarations: [CollapseSetComponent, CollapseComponent], imports: [CommonModule], exports: [CollapseSetComponent, CollapseComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevCollapseModule, imports: [CommonModule] });
 }
-MefDevCollapseModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevCollapseModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MefDevCollapseModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MefDevCollapseModule, declarations: [CollapseSetComponent, CollapseComponent], imports: [CommonModule], exports: [CollapseSetComponent, CollapseComponent] });
-MefDevCollapseModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevCollapseModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevCollapseModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevCollapseModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: mefDevCollapseModuleComponents,
@@ -22,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     imports: [CommonModule]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFFbEUsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsQ0FBQyxvQkFBb0IsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0FBUXhGLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtTQUMvQixDQUFDO0lBQ0osQ0FBQzs7aUhBTFUsb0JBQW9CO2tIQUFwQixvQkFBb0IsaUJBUmMsb0JBQW9CLEVBQUUsaUJBQWlCLGFBS3BFLFlBQVksYUFMaUIsb0JBQW9CLEVBQUUsaUJBQWlCO2tIQVF6RSxvQkFBb0IsWUFIZixZQUFZOzJGQUdqQixvQkFBb0I7a0JBTmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLDhCQUE4QjtvQkFDNUMsT0FBTyxFQUFPLDhCQUE4QjtvQkFDNUMsT0FBTyxFQUFPLENBQUUsWUFBWSxDQUFFO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlLE1vZHVsZVdpdGhQcm92aWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2VTZXRDb21wb25lbnQgfSBmcm9tICcuL2NvbGxhcHNlLXNldC9jb2xsYXBzZS1zZXQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29sbGFwc2VDb21wb25lbnQgfSBmcm9tICcuL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgY29uc3QgbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzID0gW0NvbGxhcHNlU2V0Q29tcG9uZW50LCBDb2xsYXBzZUNvbXBvbmVudF07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzLFxyXG4gIGV4cG9ydHMgICAgIDogbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzLFxyXG4gIGltcG9ydHMgICAgIDogWyBDb21tb25Nb2R1bGUgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE1lZkRldkNvbGxhcHNlTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE1lZkRldkNvbGxhcHNlTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogTWVmRGV2Q29sbGFwc2VNb2R1bGVcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGFwc2UubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY29sbGFwc2UvY29sbGFwc2UubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFFbEUsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsQ0FBQyxvQkFBb0IsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0FBUXhGLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0IsTUFBTSxDQUFDLE9BQU87UUFDWixPQUFPO1lBQ0wsUUFBUSxFQUFFLG9CQUFvQjtTQUMvQixDQUFDO0lBQ0osQ0FBQzt1R0FMVSxvQkFBb0I7d0dBQXBCLG9CQUFvQixpQkFSYyxvQkFBb0IsRUFBRSxpQkFBaUIsYUFLcEUsWUFBWSxhQUxpQixvQkFBb0IsRUFBRSxpQkFBaUI7d0dBUXpFLG9CQUFvQixZQUhmLFlBQVk7OzJGQUdqQixvQkFBb0I7a0JBTmhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLDhCQUE4QjtvQkFDNUMsT0FBTyxFQUFPLDhCQUE4QjtvQkFDNUMsT0FBTyxFQUFPLENBQUUsWUFBWSxDQUFFO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE5nTW9kdWxlLE1vZHVsZVdpdGhQcm92aWRlcnMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29sbGFwc2VTZXRDb21wb25lbnQgfSBmcm9tICcuL2NvbGxhcHNlLXNldC9jb2xsYXBzZS1zZXQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ29sbGFwc2VDb21wb25lbnQgfSBmcm9tICcuL2NvbGxhcHNlL2NvbGxhcHNlLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgY29uc3QgbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzID0gW0NvbGxhcHNlU2V0Q29tcG9uZW50LCBDb2xsYXBzZUNvbXBvbmVudF07XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzLFxyXG4gIGV4cG9ydHMgICAgIDogbWVmRGV2Q29sbGFwc2VNb2R1bGVDb21wb25lbnRzLFxyXG4gIGltcG9ydHMgICAgIDogWyBDb21tb25Nb2R1bGUgXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIE1lZkRldkNvbGxhcHNlTW9kdWxlIHtcclxuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE1lZkRldkNvbGxhcHNlTW9kdWxlPiB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICBuZ01vZHVsZTogTWVmRGV2Q29sbGFwc2VNb2R1bGVcclxuICAgIH07XHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2022/lib/markup-kit/modals/fill/fill.component.mjs

@@ -0,0 +1,117 @@
+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";
+/**
+  * Fill Component for a modal window.
+  *
+  * Example of usage:
+  * ```
+  * <mefdev-fill-modal #pin_modal>
+  *   <!-- Modal header content -->
+  *   <ng-template #modal_header>
+  *     <!-- Header content goes here -->
+  *   </ng-template>
+  *
+  *   <!-- Modal footer content -->
+  *   <ng-template #modal_footer>
+  *     <!-- Footer content goes here -->
+  *   </ng-template>
+  * </mefdev-fill-modal>
+  * ```
+  *
+  * <example-url>https://mef.dev/ui_kit_demo/view/modals/fill</example-url>
+  */
+export class FillComponent {
+    /**
+    * The header template of the modal window.
+    * ```
+    * <mefdev-fill-modal #pin_modal>
+     *   <ng-template #modal_header>
+     *     <!-- Header content goes here -->
+     *   </ng-template>
+     * </mefdev-fill-modal>
+    * ```
+    */
+    modal_header;
+    /**
+    * The footer template of the modal window.
+    * ```
+    * <mefdev-fill-modal #pin_modal>
+     *   <ng-template #modal_footer>
+     *     <!-- Footer content goes here -->
+     *   </ng-template>
+     * </mefdev-fill-modal>
+    * ```
+    */
+    modal_footer;
+    /**
+     * Reference to the ModalDirective element from ngx-bootstrap.
+     */
+    fadInModal;
+    /**
+     * Input parameter that determines whether to show the modal window.
+     */
+    set show(val) {
+        if (!this.fadInModal) {
+            return;
+        }
+        if (val) {
+            this.showModal();
+        }
+        else {
+            this.hideModal();
+        }
+    }
+    ;
+    /**
+     * Event emitter triggered when the modal window is closed.
+     * Emits a boolean value indicating whether the modal window is closed.
+     * Example:
+     * ```
+     * <mefdev-fill-modal (isClouse)="onModalClosed($event)"></mefdev-fill-modal>
+     * ```
+     */
+    isClouse = new EventEmitter();
+    constructor() { }
+    ngOnInit() {
+    }
+    /**
+   * Event emitter for when the modal is closed.
+   */
+    modalIsCloused() {
+        this.isClouse.emit(true);
+    }
+    /**
+    * Shows the modal window.
+    */
+    showModal() {
+        this.fadInModal?.show();
+    }
+    /**
+     * Hides the modal window.
+     */
+    hideModal() {
+        this.fadInModal?.hide();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: FillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: FillComponent, selector: "mefdev-fill-modal", inputs: { show: "show" }, outputs: { isClouse: "isClouse" }, queries: [{ propertyName: "modal_header", first: true, predicate: ["modal_header"], descendants: true }, { propertyName: "modal_footer", first: true, predicate: ["modal_footer"], descendants: true }], viewQueries: [{ propertyName: "fadInModal", first: true, predicate: ["fadInModal"], descendants: true }], ngImport: i0, template: " <div bsModal #fadInModal=\"bs-modal\" class=\"modal fade fill-in\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n    <button type=\"button\" class=\"close\" (click)=\"fadInModal.hide()\" aria-hidden=\"true\">\r\n      <i class=\"pg pg-close\"></i>\r\n    </button>\r\n    <div class=\"modal-dialog \">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n        </div>  \r\n        <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n        </div>  \r\n        <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>", styles: [""], 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: FillComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-fill-modal', template: " <div bsModal #fadInModal=\"bs-modal\" class=\"modal fade fill-in\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" (onHide)=\"modalIsCloused()\">\r\n    <button type=\"button\" class=\"close\" (click)=\"fadInModal.hide()\" aria-hidden=\"true\">\r\n      <i class=\"pg pg-close\"></i>\r\n    </button>\r\n    <div class=\"modal-dialog \">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_header\"></ng-template>\r\n        </div>  \r\n        <div class=\"modal-body\">\r\n          <ng-content></ng-content>\r\n        </div>  \r\n        <div class=\"modal-footer\">\r\n          <ng-template [ngTemplateOutlet]=\"modal_footer\"></ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { modal_header: [{
+                type: ContentChild,
+                args: ["modal_header"]
+            }], modal_footer: [{
+                type: ContentChild,
+                args: ["modal_footer"]
+            }], fadInModal: [{
+                type: ViewChild,
+                args: ['fadInModal', { static: false }]
+            }], show: [{
+                type: Input
+            }], isClouse: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9tb2RhbHMvZmlsbC9maWxsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9maWxsL2ZpbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBS3JIOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBbUJJO0FBTUosTUFBTSxPQUFPLGFBQWE7SUFFeEI7Ozs7Ozs7OztNQVNFO0lBQzRCLFlBQVksQ0FBb0I7SUFFOUQ7Ozs7Ozs7OztNQVNFO0lBQzRCLFlBQVksQ0FBb0I7SUFFOUQ7O09BRUc7SUFDeUMsVUFBVSxDQUFrQjtJQUV4RTs7T0FFRztJQUNILElBQWEsSUFBSSxDQUFDLEdBQVk7UUFDNUIsSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUM7WUFDbEIsT0FBTztTQUNSO1FBQ0QsSUFBRyxHQUFHLEVBQUM7WUFDTCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDbEI7YUFDRztZQUNGLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNsQjtJQUNILENBQUM7SUFBQSxDQUFDO0lBRUY7Ozs7Ozs7T0FPRztJQUNPLFFBQVEsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO0lBRWpELGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO0lBRUM7O0tBRUM7SUFDSCxjQUFjO1FBQ1osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVBOztNQUVFO0lBQ0gsU0FBUztRQUNQLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksU0FBUztRQUNkLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzt1R0FoRlUsYUFBYTsyRkFBYixhQUFhLHlhQzlCMUIsMnhCQWlCUTs7MkZEYUssYUFBYTtrQkFMekIsU0FBUzsrQkFDRSxtQkFBbUI7MEVBZ0JDLFlBQVk7c0JBQXpDLFlBQVk7dUJBQUMsY0FBYztnQkFZRSxZQUFZO3NCQUF6QyxZQUFZO3VCQUFDLGNBQWM7Z0JBS2dCLFVBQVU7c0JBQXJELFNBQVM7dUJBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFLN0IsSUFBSTtzQkFBaEIsS0FBSztnQkFvQkksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNb2RhbERpcmVjdGl2ZSB9IGZyb20gJ25neC1ib290c3RyYXAvbW9kYWwnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7IC8vIGFkZCBmb3Igc3RhdGljIGFuYWxpemVyIGJ1ZyBmaXhcclxuXHJcblxyXG4vKipcclxuICAqIEZpbGwgQ29tcG9uZW50IGZvciBhIG1vZGFsIHdpbmRvdy5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LWZpbGwtbW9kYWwgI3Bpbl9tb2RhbD5cclxuICAqICAgPCEtLSBNb2RhbCBoZWFkZXIgY29udGVudCAtLT5cclxuICAqICAgPG5nLXRlbXBsYXRlICNtb2RhbF9oZWFkZXI+XHJcbiAgKiAgICAgPCEtLSBIZWFkZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKlxyXG4gICogICA8IS0tIE1vZGFsIGZvb3RlciBjb250ZW50IC0tPlxyXG4gICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAqICAgICA8IS0tIEZvb3RlciBjb250ZW50IGdvZXMgaGVyZSAtLT5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqIDwvbWVmZGV2LWZpbGwtbW9kYWw+XHJcbiAgKiBgYGBcclxuICAqXHJcbiAgKiA8ZXhhbXBsZS11cmw+aHR0cHM6Ly9tZWYuZGV2L3VpX2tpdF9kZW1vL3ZpZXcvbW9kYWxzL2ZpbGw8L2V4YW1wbGUtdXJsPlxyXG4gICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LWZpbGwtbW9kYWwnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9maWxsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9maWxsLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZpbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAqIFRoZSBoZWFkZXIgdGVtcGxhdGUgb2YgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1maWxsLW1vZGFsICNwaW5fbW9kYWw+XHJcbiAgICogICA8bmctdGVtcGxhdGUgI21vZGFsX2hlYWRlcj5cclxuICAgKiAgICAgPCEtLSBIZWFkZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgICogICA8L25nLXRlbXBsYXRlPiBcclxuICAgKiA8L21lZmRldi1maWxsLW1vZGFsPlxyXG4gICogYGBgXHJcbiAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfaGVhZGVyXCIpIG1vZGFsX2hlYWRlcjogVGVtcGxhdGVSZWY8dm9pZD47IFxyXG5cclxuICAvKipcclxuICAqIFRoZSBmb290ZXIgdGVtcGxhdGUgb2YgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAqIGBgYFxyXG4gICogPG1lZmRldi1maWxsLW1vZGFsICNwaW5fbW9kYWw+XHJcbiAgICogICA8bmctdGVtcGxhdGUgI21vZGFsX2Zvb3Rlcj5cclxuICAgKiAgICAgPCEtLSBGb290ZXIgY29udGVudCBnb2VzIGhlcmUgLS0+XHJcbiAgICogICA8L25nLXRlbXBsYXRlPiBcclxuICAgKiA8L21lZmRldi1maWxsLW1vZGFsPlxyXG4gICogYGBgXHJcbiAgKi9cclxuICBAQ29udGVudENoaWxkKFwibW9kYWxfZm9vdGVyXCIpIG1vZGFsX2Zvb3RlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcbiAgXHJcbiAgLyoqXHJcbiAgICogUmVmZXJlbmNlIHRvIHRoZSBNb2RhbERpcmVjdGl2ZSBlbGVtZW50IGZyb20gbmd4LWJvb3RzdHJhcC5cclxuICAgKi9cclxuICBAVmlld0NoaWxkKCdmYWRJbk1vZGFsJywgeyBzdGF0aWM6IGZhbHNlIH0pIGZhZEluTW9kYWw/OiBNb2RhbERpcmVjdGl2ZTtcclxuICAgIFxyXG4gIC8qKlxyXG4gICAqIElucHV0IHBhcmFtZXRlciB0aGF0IGRldGVybWluZXMgd2hldGhlciB0byBzaG93IHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHNob3codmFsOiBib29sZWFuKXtcclxuICAgIGlmKCF0aGlzLmZhZEluTW9kYWwpe1xyXG4gICAgICByZXR1cm47XHJcbiAgICB9XHJcbiAgICBpZih2YWwpe1xyXG4gICAgICB0aGlzLnNob3dNb2RhbCgpO1xyXG4gICAgfVxyXG4gICAgZWxzZXtcclxuICAgICAgdGhpcy5oaWRlTW9kYWwoKTtcclxuICAgIH1cclxuICB9O1xyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBlbWl0dGVyIHRyaWdnZXJlZCB3aGVuIHRoZSBtb2RhbCB3aW5kb3cgaXMgY2xvc2VkLlxyXG4gICAqIEVtaXRzIGEgYm9vbGVhbiB2YWx1ZSBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIG1vZGFsIHdpbmRvdyBpcyBjbG9zZWQuXHJcbiAgICogRXhhbXBsZTpcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWZpbGwtbW9kYWwgKGlzQ2xvdXNlKT1cIm9uTW9kYWxDbG9zZWQoJGV2ZW50KVwiPjwvbWVmZGV2LWZpbGwtbW9kYWw+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQE91dHB1dCgpIGlzQ2xvdXNlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gICAgLyoqXHJcbiAgICogRXZlbnQgZW1pdHRlciBmb3Igd2hlbiB0aGUgbW9kYWwgaXMgY2xvc2VkLlxyXG4gICAqL1xyXG4gIG1vZGFsSXNDbG91c2VkKCl7XHJcbiAgICB0aGlzLmlzQ2xvdXNlLmVtaXQodHJ1ZSk7XHJcbiAgfVxyXG5cclxuICAgLyoqXHJcbiAgICogU2hvd3MgdGhlIG1vZGFsIHdpbmRvdy5cclxuICAgKi9cclxuICBzaG93TW9kYWwoKSB7XHJcbiAgICB0aGlzLmZhZEluTW9kYWw/LnNob3coKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEhpZGVzIHRoZSBtb2RhbCB3aW5kb3cuXHJcbiAgICovXHJcbiAgcHVibGljIGhpZGVNb2RhbCgpe1xyXG4gICAgdGhpcy5mYWRJbk1vZGFsPy5oaWRlKCk7XHJcbiAgfVxyXG59XHJcbiIsIiA8ZGl2IGJzTW9kYWwgI2ZhZEluTW9kYWw9XCJicy1tb2RhbFwiIGNsYXNzPVwibW9kYWwgZmFkZSBmaWxsLWluXCIgdGFiaW5kZXg9XCItMVwiIHJvbGU9XCJkaWFsb2dcIiBhcmlhLWhpZGRlbj1cInRydWVcIiAob25IaWRlKT1cIm1vZGFsSXNDbG91c2VkKClcIj5cclxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiY2xvc2VcIiAoY2xpY2spPVwiZmFkSW5Nb2RhbC5oaWRlKClcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cclxuICAgICAgPGkgY2xhc3M9XCJwZyBwZy1jbG9zZVwiPjwvaT5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWRpYWxvZyBcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfaGVhZGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2Rpdj4gIFxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XHJcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+ICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZm9vdGVyXCI+XHJcbiAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwibW9kYWxfZm9vdGVyXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj4iXX0=

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

@@ -14,21 +14,21 @@ let mefDevModalModuleComponents = [
     RightFilterComponent
 ];
 export class MefDevModalModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: MefDevModalModule, declarations: [FillComponent,
+            SlideUpComponent,
+            SlideRightComponent,
+            RightFilterComponent], imports: [ModalModule,
+            CommonModule,
+            MefDevSelectModule], exports: [FillComponent,
+            SlideUpComponent,
+            SlideRightComponent,
+            RightFilterComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevModalModule, imports: [ModalModule,
+            CommonModule,
+            MefDevSelectModule] });
 }
-MefDevModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MefDevModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: MefDevModalModule, declarations: [FillComponent,
-        SlideUpComponent,
-        SlideRightComponent,
-        RightFilterComponent], imports: [ModalModule,
-        CommonModule,
-        MefDevSelectModule], exports: [FillComponent,
-        SlideUpComponent,
-        SlideRightComponent,
-        RightFilterComponent] });
-MefDevModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevModalModule, imports: [ModalModule,
-        CommonModule,
-        MefDevSelectModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MefDevModalModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevModalModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     declarations: mefDevModalModuleComponents
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya3VwLWtpdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9tb2RhbHMvbWFya3VwLWtpdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDakUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFHOUUsSUFBSSwyQkFBMkIsR0FBRztJQUNoQyxhQUFhO0lBQ2IsZ0JBQWdCO0lBQ2hCLG1CQUFtQjtJQUNuQixvQkFBb0I7Q0FDckIsQ0FBQztBQVVGLE1BQU0sT0FBTyxpQkFBaUI7OzhHQUFqQixpQkFBaUI7K0dBQWpCLGlCQUFpQixpQkFkNUIsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixtQkFBbUI7UUFDbkIsb0JBQW9CLGFBSWxCLFdBQVc7UUFDWCxZQUFZO1FBQ1osa0JBQWtCLGFBVHBCLGFBQWE7UUFDYixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLG9CQUFvQjsrR0FXVCxpQkFBaUIsWUFQMUIsV0FBVztRQUNYLFlBQVk7UUFDWixrQkFBa0I7MkZBS1QsaUJBQWlCO2tCQVQ3QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxXQUFXO3dCQUNYLFlBQVk7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUUsMkJBQTJCO29CQUNwQyxZQUFZLEVBQUUsMkJBQTJCO2lCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgRmlsbENvbXBvbmVudCB9IGZyb20gJy4vZmlsbC9maWxsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNsaWRlVXBDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNsaWRlUmlnaHRDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudCc7XHJcblxyXG5pbXBvcnQgeyBNb2RhbE1vZHVsZSB9IGZyb20gXCJuZ3gtYm9vdHN0cmFwL21vZGFsXCI7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHsgUmlnaHRGaWx0ZXJDb21wb25lbnQgfSBmcm9tIFwiLi9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBNZWZEZXZTZWxlY3RNb2R1bGUgfSBmcm9tICcuLi8uLi9wZy1jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QubW9kdWxlJztcclxuXHJcblxyXG5sZXQgbWVmRGV2TW9kYWxNb2R1bGVDb21wb25lbnRzID0gW1xyXG4gIEZpbGxDb21wb25lbnQsXHJcbiAgU2xpZGVVcENvbXBvbmVudCxcclxuICBTbGlkZVJpZ2h0Q29tcG9uZW50LFxyXG4gIFJpZ2h0RmlsdGVyQ29tcG9uZW50XHJcbl07XHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgTW9kYWxNb2R1bGUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNZWZEZXZTZWxlY3RNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IG1lZkRldk1vZGFsTW9kdWxlQ29tcG9uZW50cyxcclxuICBkZWNsYXJhdGlvbnM6IG1lZkRldk1vZGFsTW9kdWxlQ29tcG9uZW50c1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2TW9kYWxNb2R1bGUge31cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFya3VwLWtpdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9tb2RhbHMvbWFya3VwLWtpdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDakUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7QUFHOUUsSUFBSSwyQkFBMkIsR0FBRztJQUNoQyxhQUFhO0lBQ2IsZ0JBQWdCO0lBQ2hCLG1CQUFtQjtJQUNuQixvQkFBb0I7Q0FDckIsQ0FBQztBQVVGLE1BQU0sT0FBTyxpQkFBaUI7dUdBQWpCLGlCQUFpQjt3R0FBakIsaUJBQWlCLGlCQWQ1QixhQUFhO1lBQ2IsZ0JBQWdCO1lBQ2hCLG1CQUFtQjtZQUNuQixvQkFBb0IsYUFJbEIsV0FBVztZQUNYLFlBQVk7WUFDWixrQkFBa0IsYUFUcEIsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixtQkFBbUI7WUFDbkIsb0JBQW9CO3dHQVdULGlCQUFpQixZQVAxQixXQUFXO1lBQ1gsWUFBWTtZQUNaLGtCQUFrQjs7MkZBS1QsaUJBQWlCO2tCQVQ3QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxXQUFXO3dCQUNYLFlBQVk7d0JBQ1osa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUUsMkJBQTJCO29CQUNwQyxZQUFZLEVBQUUsMkJBQTJCO2lCQUMxQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgRmlsbENvbXBvbmVudCB9IGZyb20gJy4vZmlsbC9maWxsLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNsaWRlVXBDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlLXVwL3NsaWRlLXVwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNsaWRlUmlnaHRDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlLXJpZ2h0L3NsaWRlLXJpZ2h0LmNvbXBvbmVudCc7XHJcblxyXG5pbXBvcnQgeyBNb2RhbE1vZHVsZSB9IGZyb20gXCJuZ3gtYm9vdHN0cmFwL21vZGFsXCI7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHsgUmlnaHRGaWx0ZXJDb21wb25lbnQgfSBmcm9tIFwiLi9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQgeyBNZWZEZXZTZWxlY3RNb2R1bGUgfSBmcm9tICcuLi8uLi9wZy1jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QubW9kdWxlJztcclxuXHJcblxyXG5sZXQgbWVmRGV2TW9kYWxNb2R1bGVDb21wb25lbnRzID0gW1xyXG4gIEZpbGxDb21wb25lbnQsXHJcbiAgU2xpZGVVcENvbXBvbmVudCxcclxuICBTbGlkZVJpZ2h0Q29tcG9uZW50LFxyXG4gIFJpZ2h0RmlsdGVyQ29tcG9uZW50XHJcbl07XHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgTW9kYWxNb2R1bGUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBNZWZEZXZTZWxlY3RNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IG1lZkRldk1vZGFsTW9kdWxlQ29tcG9uZW50cyxcclxuICBkZWNsYXJhdGlvbnM6IG1lZkRldk1vZGFsTW9kdWxlQ29tcG9uZW50c1xyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2TW9kYWxNb2R1bGUge31cclxuIl19

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

@@ -0,0 +1,44 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../utils/filtered-field/filtered-field.service";
+import * as i2 from "../slide-right/slide-right.component";
+/**
+ * Component representing the right filter.
+ */
+export class RightFilterComponent {
+    filteredFieldService;
+    /**
+     * Flag indicating whether the right filter is open or closed.
+     */
+    isOpen = false;
+    constructor(filteredFieldService) {
+        this.filteredFieldService = filteredFieldService;
+    }
+    ngOnInit() {
+        // Subscribe to the open filter event from the FilteredFieldService
+        // and update the isOpen flag accordingly.
+        this.filteredFieldService.getOpenFilter().subscribe(() => {
+            this.isOpen = true;
+        });
+    }
+    /**
+     * Opens or closes the right filter modal.
+     */
+    openModal() {
+        this.isOpen = !this.isOpen;
+    }
+    /**
+     * Event handler for when the modal is closed.
+     * Sets the isOpen flag to false.
+     */
+    modalIsCloused() {
+        this.isOpen = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: RightFilterComponent, deps: [{ token: i1.FilteredFieldService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: RightFilterComponent, selector: "mefdev-right-filter", ngImport: i0, template: "<div class=\"filter-btn\">\r\n    <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"], dependencies: [{ kind: "component", type: i2.SlideRightComponent, selector: "mefdev-slide-right-modal", inputs: ["size", "show"], outputs: ["isClouse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: RightFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-right-filter', template: "<div class=\"filter-btn\">\r\n    <button class=\"btn btn-secondary text-danger\" (click)=\"openModal()\"><i class=\"fa fa-filter\" aria-hidden=\"true\"></i></button>\r\n</div>\r\n\r\n<mefdev-slide-right-modal [show]=\"isOpen\" (isClouse)=\"modalIsCloused()\">\r\n    <ng-content></ng-content>\r\n</mefdev-slide-right-modal>", styles: [".filter-btn{position:fixed;top:60px;z-index:450;right:25px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FilteredFieldService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlnaHQtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L21vZGFscy9yaWdodC1maWx0ZXIvcmlnaHQtZmlsdGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFJbEQ7O0dBRUc7QUFNSCxNQUFNLE9BQU8sb0JBQW9CO0lBUXJCO0lBTlY7O09BRUc7SUFDSCxNQUFNLEdBQVksS0FBSyxDQUFDO0lBRXhCLFlBQ1Usb0JBQTBDO1FBQTFDLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBc0I7SUFBSyxDQUFDO0lBRTFELFFBQVE7UUFDTixtRUFBbUU7UUFDbkUsMENBQTBDO1FBQzFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0gsU0FBUztRQUNQLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQzdCLENBQUM7SUFFRDs7O09BR0c7SUFDSCxjQUFjO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDdEIsQ0FBQzt1R0EvQlUsb0JBQW9COzJGQUFwQixvQkFBb0IsMkRDWmpDLHNVQU0yQjs7MkZETWQsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZpbHRlcmVkRmllbGRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdXRpbHMvZmlsdGVyZWQtZmllbGQvZmlsdGVyZWQtZmllbGQuc2VydmljZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIENvbXBvbmVudCByZXByZXNlbnRpbmcgdGhlIHJpZ2h0IGZpbHRlci5cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmZGV2LXJpZ2h0LWZpbHRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3JpZ2h0LWZpbHRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcmlnaHQtZmlsdGVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFJpZ2h0RmlsdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgICogRmxhZyBpbmRpY2F0aW5nIHdoZXRoZXIgdGhlIHJpZ2h0IGZpbHRlciBpcyBvcGVuIG9yIGNsb3NlZC5cclxuICAgKi9cclxuICBpc09wZW46IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGZpbHRlcmVkRmllbGRTZXJ2aWNlOiBGaWx0ZXJlZEZpZWxkU2VydmljZSwpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIC8vIFN1YnNjcmliZSB0byB0aGUgb3BlbiBmaWx0ZXIgZXZlbnQgZnJvbSB0aGUgRmlsdGVyZWRGaWVsZFNlcnZpY2VcclxuICAgIC8vIGFuZCB1cGRhdGUgdGhlIGlzT3BlbiBmbGFnIGFjY29yZGluZ2x5LlxyXG4gICAgdGhpcy5maWx0ZXJlZEZpZWxkU2VydmljZS5nZXRPcGVuRmlsdGVyKCkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgdGhpcy5pc09wZW4gPSB0cnVlO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBPcGVucyBvciBjbG9zZXMgdGhlIHJpZ2h0IGZpbHRlciBtb2RhbC5cclxuICAgKi9cclxuICBvcGVuTW9kYWwoKXtcclxuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgaGFuZGxlciBmb3Igd2hlbiB0aGUgbW9kYWwgaXMgY2xvc2VkLlxyXG4gICAqIFNldHMgdGhlIGlzT3BlbiBmbGFnIHRvIGZhbHNlLlxyXG4gICAqL1xyXG4gIG1vZGFsSXNDbG91c2VkKCl7XHJcbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xyXG4gIH1cclxuICBcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmlsdGVyLWJ0blwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tc2Vjb25kYXJ5IHRleHQtZGFuZ2VyXCIgKGNsaWNrKT1cIm9wZW5Nb2RhbCgpXCI+PGkgY2xhc3M9XCJmYSBmYS1maWx0ZXJcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9idXR0b24+XHJcbjwvZGl2PlxyXG5cclxuPG1lZmRldi1zbGlkZS1yaWdodC1tb2RhbCBbc2hvd109XCJpc09wZW5cIiAoaXNDbG91c2UpPVwibW9kYWxJc0Nsb3VzZWQoKVwiPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L21lZmRldi1zbGlkZS1yaWdodC1tb2RhbD4iXX0=