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

package/README.md

@@ -1,28 +1,140 @@
 # @natec/mef-dev-ui-kit
 
-This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
+## Description
+This is Ui-kit-lib to create plugins according to the template and visual on the platform [mefdev.com](https://preview.mef.dev/) with the help of ready made solutions.It provides users with the opportunity to explore and test various components and functionalities of the library before using them in their own projects.
+How to create your first Ui-package click [here](https://mef.dev/dev_guides/first_ui_plugin.md)
+
+Also you can check displaying of all the elements together here [UI-kit-demo](https://mef.dev/ui_kit_demo).
+
+This guide created for Angular@15 version project. Cause we will use packages compatible with Angular 15 version.
 
 ## Version control
-|Angular|@natec/mef-dev-ui-kit|
+You can use the library on the following versions of Angular:
+|Angular/CLI|@natec/mef-dev-ui-kit|
 |--------|:--------------|
 |v.13    |     v.1   |
-## Code scaffolding
+|v.14    |     v.14  |
+|v.15    |     v.15  |
+|v.16    |     v.16  |
+
+## Getting Started
+### Installing
+  Firstly you need to install following packages:
+
+  > @natec/mef-dev-ui-kit: 
+  ```sh
+  npm i @natec/mef-dev-ui-kit@15
+  ```
+
+  > Simple table extension with sorting, filtering, paging... for Angular apps. ngx-datatable: 
+  ```sh
+  npm i @swimlane/ngx-datatable@20
+  ```
+
+  > Sleek, intuitive, and powerful front-end framework for faster and easier web development. bootstrap:
+  ```sh
+  npm i bootstrap@5
+  ```
 
-Run `ng generate component component-name --project ui-kit-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ui-kit-lib`.
-> Note: Don't forget to add `--project ui-kit-lib` or else it will be added to the default project in your `angular.json` file. 
+  > Ngx-bootstrap provides Bootstrap components powered by Angular, so you don't need to include original JS components.ngx-bootstrap:
+  ```sh
+  npm i ngx-bootstrap@10
+   ```
 
-## Build
+  > CSS font-family parser/stringifier. Font-awesome:
+  ```sh
+  npm i font-awesome@4
+  ```    
+### Adding dependencies:
+  Now you need to add path in your Angular.json file
+    
+  ```html
+  "architect": {
+    "build": {
+      "options": {
+        "styles": [
+              "node_modules/bootstrap/scss/bootstrap.scss",
+              "node_modules/@natec/mef-dev-ui-kit/src/lib/styles/pg/core.scss",
+              "node_modules/font-awesome/scss/font-awesome.scss",
+              "src/styles.scss"
+        ]
+      }
+    }
+  }
+  ```
+### Usage
+Firstly, you need to import BrowserAnimationsModule in your `app.module.ts`
+```html
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
-Run `ng build ui-kit-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
 
-## Publishing
+@NgModule({
+  declarations: [AppComponent],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    BrowserAnimationsModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }
+```
 
-After building your library with `ng build ui-kit-lib`, go to the dist folder `cd dist/ui-kit-lib` and run `npm publish`.
+You need to import Module from Ui-kit-lib installed earlier in your own module, and add to imports too.
+Example:
+```html 
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MefDevCardModule } from '@natec/mef-dev-ui-kit';
 
-## Running unit tests
+@NgModule({
+  declarations:[],
+  imports: [
+    CommonModule,
+    MefDevCardModule,
+  ]
+})
+export class CardsModule { }
+```
 
-Run `ng test ui-kit-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
+After, you can use MefDev components in your project. Example of usage:
+```html
+    <mefdev-card 
+      class="b-color-Light-Gray-2 pt-3"
+      [description] = "'Description'"
+      [card_type]="'type'"
+      [img]="'assets/imgs/store/Frame 521.png'">
+      <ng-template #card_title >
+         card_title
+      </ng-template>
+      <ng-template #card_footer>
+        card_footer
+      </ng-template>
+    </mefdev-card>
+```
 
-## Further help
+### List of modules you can import in your project:
+* MefDevCardModule
+* MefDevCollapseModule
+* MefDevModalModule
+* MefDevPageLayoutsModule
+* MefDevFilteredFieldModule
+* MefDevHelpBlockModule
+* MefDevProgressModule
+* MefDevSelectModule
+* MefDevSwitchModule
+* MefDevTabsModule
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+> Examples of other components you can find in this documentation in left menubar.
+  
+### Useful links:   
+___
+   * Documentation of the library: https://mef.dev/ui_kit
+   * Demo of the library: https://mef.dev/ui_kit_demo
+   * Library package: https://www.npmjs.com/package/@natec/mef-dev-ui-kit
+   * Ui-kit-lib at GitHub: https://github.com/mef-dev/ui-kit-demo.git

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

@@ -0,0 +1,116 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pg-components/card/card.components";
+/**
+  * Component for displaying a card with a title, image, and description.
+  *
+  * Example of usage:
+  *
+  * ```
+  * <mefdev-card>
+  *   <ng-template #card_title>
+  *     <!-- Content for the card title -->
+  *   </ng-template>
+  *   <ng-template #card_footer>
+  *     <!-- Content for the card footer -->
+  *   </ng-template>
+  * </mefdev-card>
+  * ```
+  *
+  * <example-url>https://mef.dev/ui_kit_demo/view/card</example-url>
+  */
+export class CardComponent {
+    router;
+    /**
+    * The template reference to the content of the card title.
+    *
+    * @usageNotes
+    * ```
+    * <mefdev-card>
+    *   <ng-template #card_title>
+    *     <!-- Content for the card title -->
+    *   </ng-template>
+    * </mefdev-card>
+    * ```
+     */
+    card_title;
+    /**
+     * The template reference to the content of the card footer.
+     * @usageNotes
+     * ```
+     * <mefdev-card>
+     *   <ng-template #card_footer>
+     *     <!-- Content for the card footer -->
+     *   </ng-template>
+     * </mefdev-card>
+     * ```
+     */
+    card_footer;
+    /**
+     * The type of the card.
+     * @usageNotes
+     * ```
+     * <mefdev-card [card_type] = "'type'"></mefdev-card>
+     * ```
+     */
+    card_type;
+    /**
+     * The path to the image.
+     * @usageNotes
+     * ```
+     * <mefdev-card [img] = "'img/path/img.png'"></mefdev-card>
+     * ```
+     */
+    img;
+    /**
+     * The path, where user goes after click at the image.
+     * @usageNotes
+     * ```
+     * <mefdev-card [imgUrl] = "'Img.url'"></mefdev-card>
+     * ```
+     */
+    imgUrl;
+    /**
+     * The description of the card.
+     * @usageNotes
+     * ```
+     * <mefdev-card [description] = "'description'"></mefdev-card>
+     * ```
+     */
+    description;
+    constructor(router) {
+        this.router = router;
+    }
+    ngOnInit() {
+    }
+    /**
+     * Event handler for image click.
+     * Navigates to the specified URL.
+     */
+    imgClick() {
+        this.router.navigate(['/', this.imgUrl.toString()]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CardComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: CardComponent, selector: "mefdev-card", inputs: { card_type: "card_type", img: "img", imgUrl: "imgUrl", description: "description" }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }, { propertyName: "card_footer", first: true, predicate: ["card_footer"], descendants: true }], ngImport: i0, template: "\r\n    <pgcard\r\n    MinimalHeader=\"true\"\r\n    TimeOut=\"2500\"\r\n    [Refresh]=\"false\"\r\n    [Close]=\"false\">\r\n\r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title body-1\" [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <div class=\"plugin-type\">\r\n        {{ card_type }}\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"m-l-2 card-description\">\r\n            <div *ngIf=\"!description || description == ''\" class=\"card-no-description\"> {{'No plugin description'}}</div>\r\n            <p>\r\n              {{description}}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 mt-3 text-center card-img\"\r\n        [ngStyle]=\"{'background-color': img ? 'transparent' : '#fff'}\">\r\n          <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\"\r\n            style=\"max-width: 110px; max-height: 110px;\"/>\r\n          </div>\r\n          <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n              style=\"max-width: 260px; max-height: 150px;\"\r\n              onclick=\"imgClick()\"\r\n            />\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row mb-3 mt-3\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_footer\"></ng-template>\r\n        </div>\r\n      </div>\r\n    </pgcard>\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,.plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,.card-title span,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,.card-description,.card-no-description,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-default{background-color:#eaeaea;border-radius:5px}.card-header{height:72px}.card-title{width:70%}.plugin-type{right:20px;top:25px;position:absolute;background-color:#cf0106;border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}.card-description{height:40px;overflow-y:clip;color:#4d4d4d}.card-no-description{overflow-y:clip;height:60px;color:#929292}.card-img{padding:0;height:130px;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.pgCard, selector: "pgcard", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mefdev-card', template: "\r\n    <pgcard\r\n    MinimalHeader=\"true\"\r\n    TimeOut=\"2500\"\r\n    [Refresh]=\"false\"\r\n    [Close]=\"false\">\r\n\r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title body-1\" [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <div class=\"plugin-type\">\r\n        {{ card_type }}\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-12\">\r\n          <div class=\"m-l-2 card-description\">\r\n            <div *ngIf=\"!description || description == ''\" class=\"card-no-description\"> {{'No plugin description'}}</div>\r\n            <p>\r\n              {{description}}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-12 mt-3 text-center card-img\"\r\n        [ngStyle]=\"{'background-color': img ? 'transparent' : '#fff'}\">\r\n          <div *ngIf=\"!img || img == ''\" >\r\n            <img src=\"assets/images/md_icon.png\"\r\n            style=\"max-width: 110px; max-height: 110px;\"/>\r\n          </div>\r\n          <div *ngIf=\"img\" >\r\n            <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n              style=\"max-width: 260px; max-height: 150px;\"\r\n              onclick=\"imgClick()\"\r\n            />\r\n          </div>\r\n\r\n        </div>\r\n      </div>\r\n      <div class=\"row mb-3 mt-3\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_footer\"></ng-template>\r\n        </div>\r\n      </div>\r\n    </pgcard>\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,.plugin-type,h6{font-family:montserrat-medium;font-weight:500;font-size:12px;line-height:20px;text-transform:capitalize;color:#000}.body-1,.card-title span,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,.card-description,.card-no-description,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-default{background-color:#eaeaea;border-radius:5px}.card-header{height:72px}.card-title{width:70%}.plugin-type{right:20px;top:25px;position:absolute;background-color:#cf0106;border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}.card-description{height:40px;overflow-y:clip;color:#4d4d4d}.card-no-description{overflow-y:clip;height:60px;color:#929292}.card-img{padding:0;height:130px;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { card_title: [{
+                type: ContentChild,
+                args: ["card_title"]
+            }], card_footer: [{
+                type: ContentChild,
+                args: ["card_footer"]
+            }], card_type: [{
+                type: Input
+            }], img: [{
+                type: Input
+            }], imgUrl: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQXVCLE1BQU0sZUFBZSxDQUFDOzs7OztBQUdwRjs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQkk7QUFNSixNQUFNLE9BQU8sYUFBYTtJQW1FZDtJQWpFVjs7Ozs7Ozs7Ozs7T0FXRztJQUN5QixVQUFVLENBQW9CO0lBRTFEOzs7Ozs7Ozs7O09BVUc7SUFDMEIsV0FBVyxDQUFvQjtJQUU1RDs7Ozs7O09BTUc7SUFDTSxTQUFTLENBQVM7SUFFM0I7Ozs7OztPQU1HO0lBQ00sR0FBRyxDQUFTO0lBRXJCOzs7Ozs7T0FNRztJQUNNLE1BQU0sQ0FBUztJQUV4Qjs7Ozs7O09BTUc7SUFDTSxXQUFXLENBQVM7SUFHN0IsWUFDVSxNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUNwQixDQUFDO0lBRUwsUUFBUTtJQUNSLENBQUM7SUFFRDs7O09BR0c7SUFDSSxRQUFRO1FBQ2IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFDckQsQ0FBQzt1R0EvRVUsYUFBYTsyRkFBYixhQUFhLG9WQzFCMUIseWhEQTZDQTs7MkZEbkJhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsYUFBYTs2RkFrQkssVUFBVTtzQkFBckMsWUFBWTt1QkFBQyxZQUFZO2dCQWFHLFdBQVc7c0JBQXZDLFlBQVk7dUJBQUMsYUFBYTtnQkFTbEIsU0FBUztzQkFBakIsS0FBSztnQkFTRyxHQUFHO3NCQUFYLEtBQUs7Z0JBU0csTUFBTTtzQkFBZCxLQUFLO2dCQVNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbi8qKlxyXG4gICogQ29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGEgY2FyZCB3aXRoIGEgdGl0bGUsIGltYWdlLCBhbmQgZGVzY3JpcHRpb24uXHJcbiAgKlxyXG4gICogRXhhbXBsZSBvZiB1c2FnZTpcclxuICAqIFxyXG4gICogYGBgXHJcbiAgKiA8bWVmZGV2LWNhcmQ+XHJcbiAgKiAgIDxuZy10ZW1wbGF0ZSAjY2FyZF90aXRsZT5cclxuICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHRpdGxlIC0tPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogICA8bmctdGVtcGxhdGUgI2NhcmRfZm9vdGVyPlxyXG4gICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgZm9vdGVyIC0tPlxyXG4gICogICA8L25nLXRlbXBsYXRlPlxyXG4gICogPC9tZWZkZXYtY2FyZD5cclxuICAqIGBgYFxyXG4gICpcclxuICAqIDxleGFtcGxlLXVybD5odHRwczovL21lZi5kZXYvdWlfa2l0X2RlbW8vdmlldy9jYXJkPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZmRldi1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgLyoqXHJcbiAgKiBUaGUgdGVtcGxhdGUgcmVmZXJlbmNlIHRvIHRoZSBjb250ZW50IG9mIHRoZSBjYXJkIHRpdGxlLlxyXG4gICpcclxuICAqIEB1c2FnZU5vdGVzXHJcbiAgKiBgYGBcclxuICAqIDxtZWZkZXYtY2FyZD5cclxuICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgdGl0bGUgLS0+XHJcbiAgKiAgIDwvbmctdGVtcGxhdGU+XHJcbiAgKiA8L21lZmRldi1jYXJkPlxyXG4gICogYGBgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcImNhcmRfdGl0bGVcIikgY2FyZF90aXRsZTogVGVtcGxhdGVSZWY8dm9pZD47IFxyXG5cclxuICAvKipcclxuICAgKiBUaGUgdGVtcGxhdGUgcmVmZXJlbmNlIHRvIHRoZSBjb250ZW50IG9mIHRoZSBjYXJkIGZvb3Rlci5cclxuICAgKiBAdXNhZ2VOb3Rlc1xyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtY2FyZD5cclxuICAgKiAgIDxuZy10ZW1wbGF0ZSAjY2FyZF9mb290ZXI+XHJcbiAgICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgZm9vdGVyIC0tPlxyXG4gICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgKiA8L21lZmRldi1jYXJkPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJjYXJkX2Zvb3RlclwiKSBjYXJkX2Zvb3RlcjogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSB0eXBlIG9mIHRoZSBjYXJkLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkIFtjYXJkX3R5cGVdID0gXCIndHlwZSdcIj48L21lZmRldi1jYXJkPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGNhcmRfdHlwZTogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgcGF0aCB0byB0aGUgaW1hZ2UuXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWNhcmQgW2ltZ10gPSBcIidpbWcvcGF0aC9pbWcucG5nJ1wiPjwvbWVmZGV2LWNhcmQ+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgaW1nOiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBwYXRoLCB3aGVyZSB1c2VyIGdvZXMgYWZ0ZXIgY2xpY2sgYXQgdGhlIGltYWdlLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZmRldi1jYXJkIFtpbWdVcmxdID0gXCInSW1nLnVybCdcIj48L21lZmRldi1jYXJkPlxyXG4gICAqIGBgYFxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGltZ1VybDogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBUaGUgZGVzY3JpcHRpb24gb2YgdGhlIGNhcmQuXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiA8bWVmZGV2LWNhcmQgW2Rlc2NyaXB0aW9uXSA9IFwiJ2Rlc2NyaXB0aW9uJ1wiPjwvbWVmZGV2LWNhcmQ+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuXHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlclxyXG4gICkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRXZlbnQgaGFuZGxlciBmb3IgaW1hZ2UgY2xpY2suXHJcbiAgICogTmF2aWdhdGVzIHRvIHRoZSBzcGVjaWZpZWQgVVJMLlxyXG4gICAqL1xyXG4gIHB1YmxpYyBpbWdDbGljaygpe1xyXG4gICAgdGhpcy5yb3V0ZXIubmF2aWdhdGUoWycvJywgdGhpcy5pbWdVcmwudG9TdHJpbmcoKV0pXHJcbiAgfVxyXG5cclxufVxyXG4iLCJcclxuICAgIDxwZ2NhcmRcclxuICAgIE1pbmltYWxIZWFkZXI9XCJ0cnVlXCJcclxuICAgIFRpbWVPdXQ9XCIyNTAwXCJcclxuICAgIFtSZWZyZXNoXT1cImZhbHNlXCJcclxuICAgIFtDbG9zZV09XCJmYWxzZVwiPlxyXG5cclxuICAgICAgPG5nLXRlbXBsYXRlICNDYXJkVGl0bGU+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIGNsYXNzPVwiY2FyZC10aXRsZSBib2R5LTFcIiBbbmdUZW1wbGF0ZU91dGxldF09XCJjYXJkX3RpdGxlXCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJwbHVnaW4tdHlwZVwiPlxyXG4gICAgICAgIHt7IGNhcmRfdHlwZSB9fVxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibS1sLTIgY2FyZC1kZXNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIWRlc2NyaXB0aW9uIHx8IGRlc2NyaXB0aW9uID09ICcnXCIgY2xhc3M9XCJjYXJkLW5vLWRlc2NyaXB0aW9uXCI+IHt7J05vIHBsdWdpbiBkZXNjcmlwdGlvbid9fTwvZGl2PlxyXG4gICAgICAgICAgICA8cD5cclxuICAgICAgICAgICAgICB7e2Rlc2NyaXB0aW9ufX1cclxuICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMiBtdC0zIHRleHQtY2VudGVyIGNhcmQtaW1nXCJcclxuICAgICAgICBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiBpbWcgPyAndHJhbnNwYXJlbnQnIDogJyNmZmYnfVwiPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIiFpbWcgfHwgaW1nID09ICcnXCIgPlxyXG4gICAgICAgICAgICA8aW1nIHNyYz1cImFzc2V0cy9pbWFnZXMvbWRfaWNvbi5wbmdcIlxyXG4gICAgICAgICAgICBzdHlsZT1cIm1heC13aWR0aDogMTEwcHg7IG1heC1oZWlnaHQ6IDExMHB4O1wiLz5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImltZ1wiID5cclxuICAgICAgICAgICAgPGltZyBzcmM9XCJ7e2ltZ319XCIgYWx0PVwiXCIgY2xhc3M9XCJpbWFnZS1yZXNwb25zaXZlLWhlaWdodCBpbWctbWlkZGxlXCJcclxuICAgICAgICAgICAgICBzdHlsZT1cIm1heC13aWR0aDogMjYwcHg7IG1heC1oZWlnaHQ6IDE1MHB4O1wiXHJcbiAgICAgICAgICAgICAgb25jbGljaz1cImltZ0NsaWNrKClcIlxyXG4gICAgICAgICAgICAvPlxyXG4gICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJvdyBtYi0zIG10LTNcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJjYXJkX2Zvb3RlclwiPjwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9wZ2NhcmQ+XHJcbiJdfQ==

package/esm2022/lib/markup-kit/card/card-long/card-long.component.mjs

@@ -0,0 +1,169 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import { CartTypeColors } from './cart-type-colors.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "../../../pg-components/card/card.components";
+/**
+* Component for displaying a long card with a title, parameters, and description.
+*
+* Example of usage:
+*
+* ```
+* <medev-card-long
+*     [type_text]="'Type Text'"
+*     [type_color]="CartTypeColors.RED"
+*     [img]="'path/to/image.jpg'"
+*     [imgUrl]="'path/to/image'"
+*     [description]="'Card description'">
+*
+*     <ng-template #title>
+*       <!-- Content for the card title -->
+*     </ng-template>
+
+*     <ng-template #params>
+*       <!-- Content for the card parameters -->
+*     </ng-template>
+
+*     <ng-template #second_col>
+*       <!-- Content for the second column -->
+*     </ng-template>
+
+*     <ng-template #third_col>
+*       <!-- Content for the third column -->
+*     </ng-template>
+* </medev-card-long>
+* ```
+*
+* <example-url>https://mef.dev/ui_kit_demo/view/card/card-long</example-url>
+*/
+export class CardLongComponent {
+    router;
+    /**
+     * Template for displaying the title of the card.
+      * ```
+      * <medev-card-long>
+      *   <ng-template #title>
+      *     <!-- Content for the card title -->
+      *   </ng-template>
+      * </medev-card-long>
+      * ```
+     */
+    title;
+    /**
+   * Template for displaying the parameters of the card.
+    * ```
+    * <medev-card-long>
+    *   <ng-template #params>
+    *     <!-- Content for the card params -->
+    *   </ng-template>
+    * </medev-card-long>
+    * ```
+   */
+    params;
+    /**
+      * Template for displaying the content of the second column.
+      * ```
+      * <medev-card-long>
+      *   <ng-template #second_col>
+      *     <!-- Content for the card second column -->
+      *   </ng-template>
+      * </medev-card-long>
+      * ```
+     */
+    second_col;
+    /**
+      * Template for displaying the content of the third column.
+      * ```
+      * <medev-card-long>
+      *   <ng-template #third_col>
+      *     <!-- Content for the card third column -->
+      *   </ng-template>
+      * </medev-card-long>
+      * ```
+     */
+    third_col;
+    /**
+     * The text for the card type.
+     * @usageNotes
+     * ```
+     * <medev-card-long type_text = "'RED'"></<medev-card-long>
+     * ```
+     */
+    type_text;
+    /**
+     * The color of the card type.
+     * @usageNotes
+     * ```
+     * <medev-card-long type_color = "'RED'"></<medev-card-long>
+     * ```
+     * Colors: RED, UNSET, GREEN
+  
+     */
+    type_color = CartTypeColors.UNSET;
+    /**
+     * The path to the image.
+     * @usageNotes
+     * ```
+     * <mefdev-card-long [img] = "'img/path/img.png'"></mefdev-card-long>
+     * ```
+     */
+    img;
+    /**
+    * The path, where user goes after click at the image.
+    * @usageNotes
+    * ```
+    * <mefdev-card-long [imgUrl] = "'Img.url'"></mefdev-card-long>
+    * ```
+    */
+    imgUrl;
+    /**
+     * The description of the card.
+     * @usageNotes
+     * ```
+     * <mefdev-card-long [description] = "'description'"></mefdev-card-long>
+     * ```
+     */
+    description;
+    constructor(router) {
+        this.router = router;
+    }
+    ngOnInit() {
+    }
+    /**
+     * Event handler for image click.
+     * Navigates to the specified URL.
+     */
+    imgClick() {
+        this.router.navigate(['/', this.imgUrl.toString()]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CardLongComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: CardLongComponent, selector: "medev-card-long", inputs: { type_text: "type_text", type_color: "type_color", img: "img", imgUrl: "imgUrl", description: "description" }, queries: [{ propertyName: "title", first: true, predicate: ["title"], descendants: true }, { propertyName: "params", first: true, predicate: ["params"], descendants: true }, { propertyName: "second_col", first: true, predicate: ["second_col"], descendants: true }, { propertyName: "third_col", first: true, predicate: ["third_col"], descendants: true }], ngImport: i0, template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\"\r\n    >\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <ng-template #CardExtraControls>\r\n        <div class=\"plugin-type\" \r\n        [ngClass] = \"{\r\n            'b-color-Light-Gray-1': type_color === 'UNSET',\r\n            'b-color-Red': type_color === 'RED',\r\n            'b-color-Green': type_color === 'GREEN'}\">\r\n          {{type_text}}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div class=\"row h-100 m-b-10\">\r\n        <div class=\"col-lg-3 col-12 card-col\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12 card-img m-b-10\">\r\n              <div *ngIf=\"!img || img == ''\" >\r\n                <img src=\"assets/images/md_icon.png\"\r\n                style=\"max-width: 110px; max-height: 110px;\"/>\r\n              </div>\r\n              <div *ngIf=\"img\">\r\n                <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n                  height=\"110px\" \r\n                  style=\"max-width: 110px; max-height: 110px;\"\r\n                  onclick=\"imgClick()\"\r\n                />\r\n              </div>    \r\n            </div>\r\n            <div class=\"col-12 m-t-2 body-6 text-dark params-block\">\r\n              <ng-template [ngTemplateOutlet]=\"params\"></ng-template> \r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-12 card-col\">\r\n          <ng-template [ngTemplateOutlet]=\"second_col\"></ng-template> \r\n        </div>\r\n        \r\n        <div class=\"col-lg-4 col-12 card-col mt-lg-0 mt-5\">\r\n            <ng-template [ngTemplateOutlet]=\"third_col\"></ng-template> \r\n        </div>  \r\n\r\n      </div>\r\n    </pgcard>", 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,:host::ng-deep .card-title span,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,:host::ng-deep .plugin-type,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,:host::ng-deep .card-description,:host::ng-deep .card-no-description,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}:host::ng-deep .params-block .row{margin-top:.75em}:host::ng-deep .params-block .row:last-child{margin-bottom:.75em}:host::ng-deep .card-col{min-height:220px}:host::ng-deep .header-link{opacity:1}:host::ng-deep .card-default{background-color:#f3f3f3;border-radius:5px}:host::ng-deep .card-title{width:80%;color:#000}:host::ng-deep .plugin-type{border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\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"] }, { kind: "component", type: i3.pgCard, selector: "pgcard", inputs: ["Title", "Type", "MinimalHeader", "ProgressType", "ProgressColor", "Refresh", "RefreshColor", "Maximize", "Close", "Toggle", "HeaderClass", "BodyClass", "AdditionalClasses", "Controls", "ShowMessage", "Message", "Loading", "TimeOut", "CardBorderStyle"], outputs: ["onRefresh"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CardLongComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'medev-card-long', template: "\r\n    <pgcard \r\n    MinimalHeader=\"true\" \r\n    TimeOut=\"2500\" \r\n    [Refresh]=\"false\" \r\n    [Close]=\"false\"\r\n    >\r\n      \r\n      <ng-template #CardTitle>\r\n        <ng-template class=\"card-title\" [ngTemplateOutlet]=\"title\"></ng-template>\r\n      </ng-template>\r\n\r\n      <ng-template #CardExtraControls>\r\n        <div class=\"plugin-type\" \r\n        [ngClass] = \"{\r\n            'b-color-Light-Gray-1': type_color === 'UNSET',\r\n            'b-color-Red': type_color === 'RED',\r\n            'b-color-Green': type_color === 'GREEN'}\">\r\n          {{type_text}}\r\n        </div>\r\n      </ng-template>\r\n\r\n      <div class=\"row h-100 m-b-10\">\r\n        <div class=\"col-lg-3 col-12 card-col\">\r\n          <div class=\"row\">\r\n            <div class=\"col-12 card-img m-b-10\">\r\n              <div *ngIf=\"!img || img == ''\" >\r\n                <img src=\"assets/images/md_icon.png\"\r\n                style=\"max-width: 110px; max-height: 110px;\"/>\r\n              </div>\r\n              <div *ngIf=\"img\">\r\n                <img src=\"{{img}}\" alt=\"\" class=\"image-responsive-height img-middle\"\r\n                  height=\"110px\" \r\n                  style=\"max-width: 110px; max-height: 110px;\"\r\n                  onclick=\"imgClick()\"\r\n                />\r\n              </div>    \r\n            </div>\r\n            <div class=\"col-12 m-t-2 body-6 text-dark params-block\">\r\n              <ng-template [ngTemplateOutlet]=\"params\"></ng-template> \r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-5 col-12 card-col\">\r\n          <ng-template [ngTemplateOutlet]=\"second_col\"></ng-template> \r\n        </div>\r\n        \r\n        <div class=\"col-lg-4 col-12 card-col mt-lg-0 mt-5\">\r\n            <ng-template [ngTemplateOutlet]=\"third_col\"></ng-template> \r\n        </div>  \r\n\r\n      </div>\r\n    </pgcard>", 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,:host::ng-deep .card-title span,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,:host::ng-deep .plugin-type,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,:host::ng-deep .card-description,:host::ng-deep .card-no-description,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}:host::ng-deep .params-block .row{margin-top:.75em}:host::ng-deep .params-block .row:last-child{margin-bottom:.75em}:host::ng-deep .card-col{min-height:220px}:host::ng-deep .header-link{opacity:1}:host::ng-deep .card-default{background-color:#f3f3f3;border-radius:5px}:host::ng-deep .card-title{width:80%;color:#000}:host::ng-deep .plugin-type{border-radius:5px 0 0 5px;margin-right:-20px;height:28px;padding:5px 15px;color:#fff}:host::ng-deep .card-description{height:40px;overflow-y:clip;color:#4d4d4d}:host::ng-deep .card-no-description{overflow-y:clip;height:60px;color:#929292}:host::ng-deep .card-img{padding:0;height:130px;background-color:#fff;display:flex;align-items:center;justify-content:center;width:-webkit-fill-available;margin-right:calc(var(--bs-gutter-x) * .5);margin-left:calc(var(--bs-gutter-x) * .5)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { title: [{
+                type: ContentChild,
+                args: ["title"]
+            }], params: [{
+                type: ContentChild,
+                args: ["params"]
+            }], second_col: [{
+                type: ContentChild,
+                args: ["second_col"]
+            }], third_col: [{
+                type: ContentChild,
+                args: ["third_col"]
+            }], type_text: [{
+                type: Input
+            }], type_color: [{
+                type: Input
+            }], img: [{
+                type: Input
+            }], imgUrl: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1sb25nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWtpdC1saWIvc3JjL2xpYi9tYXJrdXAta2l0L2NhcmQvY2FyZC1sb25nL2NhcmQtbG9uZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQtbG9uZy9jYXJkLWxvbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBRXZEOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQWdDRTtBQU9KLE1BQU0sT0FBTyxpQkFBaUI7SUFtR2xCO0lBakdWOzs7Ozs7Ozs7T0FTRztJQUNvQixLQUFLLENBQW9CO0lBRTlDOzs7Ozs7Ozs7S0FTQztJQUNxQixNQUFNLENBQW9CO0lBRWxEOzs7Ozs7Ozs7T0FTRztJQUN5QixVQUFVLENBQW9CO0lBRTFEOzs7Ozs7Ozs7T0FTRztJQUN3QixTQUFTLENBQW9CO0lBR3hEOzs7Ozs7T0FNRztJQUNNLFNBQVMsQ0FBUztJQUUzQjs7Ozs7Ozs7T0FRRztJQUNNLFVBQVUsR0FBbUIsY0FBYyxDQUFDLEtBQUssQ0FBQztJQUUzRDs7Ozs7O09BTUc7SUFDTSxHQUFHLENBQVM7SUFFcEI7Ozs7OztNQU1FO0lBQ00sTUFBTSxDQUFTO0lBRXhCOzs7Ozs7T0FNRztJQUNNLFdBQVcsQ0FBUztJQUU3QixZQUNVLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO0lBQ3BCLENBQUM7SUFFTCxRQUFRO0lBQ1IsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFFBQVE7UUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQTtJQUNyRCxDQUFDO3VHQS9HVSxpQkFBaUI7MkZBQWpCLGlCQUFpQixraEJDM0M5Qix3NkRBcURhOzsyRkRWQSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsaUJBQWlCOzZGQWdCSixLQUFLO3NCQUEzQixZQUFZO3VCQUFDLE9BQU87Z0JBWUcsTUFBTTtzQkFBN0IsWUFBWTt1QkFBQyxRQUFRO2dCQVlNLFVBQVU7c0JBQXJDLFlBQVk7dUJBQUMsWUFBWTtnQkFZQyxTQUFTO3NCQUFuQyxZQUFZO3VCQUFDLFdBQVc7Z0JBVWhCLFNBQVM7c0JBQWpCLEtBQUs7Z0JBV0csVUFBVTtzQkFBbEIsS0FBSztnQkFTRyxHQUFHO3NCQUFYLEtBQUs7Z0JBU0csTUFBTTtzQkFBZCxLQUFLO2dCQVNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgQ2FydFR5cGVDb2xvcnMgfSBmcm9tICcuL2NhcnQtdHlwZS1jb2xvcnMuZW51bSc7XHJcblxyXG4gIC8qKlxyXG4gICogQ29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGEgbG9uZyBjYXJkIHdpdGggYSB0aXRsZSwgcGFyYW1ldGVycywgYW5kIGRlc2NyaXB0aW9uLlxyXG4gICpcclxuICAqIEV4YW1wbGUgb2YgdXNhZ2U6XHJcbiAgKlxyXG4gICogYGBgXHJcbiAgKiA8bWVkZXYtY2FyZC1sb25nXHJcbiAgKiAgICAgW3R5cGVfdGV4dF09XCInVHlwZSBUZXh0J1wiXHJcbiAgKiAgICAgW3R5cGVfY29sb3JdPVwiQ2FydFR5cGVDb2xvcnMuUkVEXCJcclxuICAqICAgICBbaW1nXT1cIidwYXRoL3RvL2ltYWdlLmpwZydcIlxyXG4gICogICAgIFtpbWdVcmxdPVwiJ3BhdGgvdG8vaW1hZ2UnXCJcclxuICAqICAgICBbZGVzY3JpcHRpb25dPVwiJ0NhcmQgZGVzY3JpcHRpb24nXCI+XHJcbiAgKlxyXG4gICogICAgIDxuZy10ZW1wbGF0ZSAjdGl0bGU+XHJcbiAgKiAgICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHRpdGxlIC0tPlxyXG4gICogICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICogICAgIDxuZy10ZW1wbGF0ZSAjcGFyYW1zPlxyXG4gICogICAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY2FyZCBwYXJhbWV0ZXJzIC0tPlxyXG4gICogICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICogICAgIDxuZy10ZW1wbGF0ZSAjc2Vjb25kX2NvbD5cclxuICAqICAgICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIHNlY29uZCBjb2x1bW4gLS0+XHJcbiAgKiAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgKiAgICAgPG5nLXRlbXBsYXRlICN0aGlyZF9jb2w+XHJcbiAgKiAgICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSB0aGlyZCBjb2x1bW4gLS0+XHJcbiAgKiAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqIDwvbWVkZXYtY2FyZC1sb25nPlxyXG4gICogYGBgXHJcbiAgKlxyXG4gICogPGV4YW1wbGUtdXJsPmh0dHBzOi8vbWVmLmRldi91aV9raXRfZGVtby92aWV3L2NhcmQvY2FyZC1sb25nPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdtZWRldi1jYXJkLWxvbmcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWxvbmcuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhcmQtbG9uZy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYXJkTG9uZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRlbXBsYXRlIGZvciBkaXNwbGF5aW5nIHRoZSB0aXRsZSBvZiB0aGUgY2FyZC5cclxuICAgICogYGBgXHJcbiAgICAqIDxtZWRldi1jYXJkLWxvbmc+XHJcbiAgICAqICAgPG5nLXRlbXBsYXRlICN0aXRsZT5cclxuICAgICogICAgIDwhLS0gQ29udGVudCBmb3IgdGhlIGNhcmQgdGl0bGUgLS0+XHJcbiAgICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICogPC9tZWRldi1jYXJkLWxvbmc+XHJcbiAgICAqIGBgYFxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJ0aXRsZVwiKSB0aXRsZTogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gICAgLyoqXHJcbiAgICogVGVtcGxhdGUgZm9yIGRpc3BsYXlpbmcgdGhlIHBhcmFtZXRlcnMgb2YgdGhlIGNhcmQuXHJcbiAgICAqIGBgYFxyXG4gICAgKiA8bWVkZXYtY2FyZC1sb25nPlxyXG4gICAgKiAgIDxuZy10ZW1wbGF0ZSAjcGFyYW1zPlxyXG4gICAgKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY2FyZCBwYXJhbXMgLS0+XHJcbiAgICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICogPC9tZWRldi1jYXJkLWxvbmc+XHJcbiAgICAqIGBgYFxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJwYXJhbXNcIikgcGFyYW1zOiBUZW1wbGF0ZVJlZjx2b2lkPjtcclxuXHJcbiAgLyoqXHJcbiAgICAqIFRlbXBsYXRlIGZvciBkaXNwbGF5aW5nIHRoZSBjb250ZW50IG9mIHRoZSBzZWNvbmQgY29sdW1uLlxyXG4gICAgKiBgYGBcclxuICAgICogPG1lZGV2LWNhcmQtbG9uZz5cclxuICAgICogICA8bmctdGVtcGxhdGUgI3NlY29uZF9jb2w+XHJcbiAgICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHNlY29uZCBjb2x1bW4gLS0+XHJcbiAgICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICogPC9tZWRldi1jYXJkLWxvbmc+XHJcbiAgICAqIGBgYFxyXG4gICAqL1xyXG4gIEBDb250ZW50Q2hpbGQoXCJzZWNvbmRfY29sXCIpIHNlY29uZF9jb2w6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuICAvKipcclxuICAgICogVGVtcGxhdGUgZm9yIGRpc3BsYXlpbmcgdGhlIGNvbnRlbnQgb2YgdGhlIHRoaXJkIGNvbHVtbi5cclxuICAgICogYGBgXHJcbiAgICAqIDxtZWRldi1jYXJkLWxvbmc+XHJcbiAgICAqICAgPG5nLXRlbXBsYXRlICN0aGlyZF9jb2w+XHJcbiAgICAqICAgICA8IS0tIENvbnRlbnQgZm9yIHRoZSBjYXJkIHRoaXJkIGNvbHVtbiAtLT5cclxuICAgICogICA8L25nLXRlbXBsYXRlPlxyXG4gICAgKiA8L21lZGV2LWNhcmQtbG9uZz5cclxuICAgICogYGBgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcInRoaXJkX2NvbFwiKSB0aGlyZF9jb2w6IFRlbXBsYXRlUmVmPHZvaWQ+O1xyXG5cclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIHRleHQgZm9yIHRoZSBjYXJkIHR5cGUuXHJcbiAgICogQHVzYWdlTm90ZXNcclxuICAgKiBgYGBcclxuICAgKiA8bWVkZXYtY2FyZC1sb25nIHR5cGVfdGV4dCA9IFwiJ1JFRCdcIj48LzxtZWRldi1jYXJkLWxvbmc+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgdHlwZV90ZXh0OiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBjb2xvciBvZiB0aGUgY2FyZCB0eXBlLlxyXG4gICAqIEB1c2FnZU5vdGVzXHJcbiAgICogYGBgXHJcbiAgICogPG1lZGV2LWNhcmQtbG9uZyB0eXBlX2NvbG9yID0gXCInUkVEJ1wiPjwvPG1lZGV2LWNhcmQtbG9uZz5cclxuICAgKiBgYGBcclxuICAgKiBDb2xvcnM6IFJFRCwgVU5TRVQsIEdSRUVOXHJcblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHR5cGVfY29sb3I6IENhcnRUeXBlQ29sb3JzID0gQ2FydFR5cGVDb2xvcnMuVU5TRVQ7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBwYXRoIHRvIHRoZSBpbWFnZS5cclxuICAgKiBAdXNhZ2VOb3Rlc1xyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtY2FyZC1sb25nIFtpbWddID0gXCInaW1nL3BhdGgvaW1nLnBuZydcIj48L21lZmRldi1jYXJkLWxvbmc+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgaW1nOiBzdHJpbmc7XHJcblxyXG4gICAvKipcclxuICAgKiBUaGUgcGF0aCwgd2hlcmUgdXNlciBnb2VzIGFmdGVyIGNsaWNrIGF0IHRoZSBpbWFnZS5cclxuICAgKiBAdXNhZ2VOb3Rlc1xyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtY2FyZC1sb25nIFtpbWdVcmxdID0gXCInSW1nLnVybCdcIj48L21lZmRldi1jYXJkLWxvbmc+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgaW1nVXJsOiBzdHJpbmc7XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBkZXNjcmlwdGlvbiBvZiB0aGUgY2FyZC5cclxuICAgKiBAdXNhZ2VOb3Rlc1xyXG4gICAqIGBgYFxyXG4gICAqIDxtZWZkZXYtY2FyZC1sb25nIFtkZXNjcmlwdGlvbl0gPSBcIidkZXNjcmlwdGlvbidcIj48L21lZmRldi1jYXJkLWxvbmc+XHJcbiAgICogYGBgXHJcbiAgICovXHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZztcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyXHJcbiAgKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBFdmVudCBoYW5kbGVyIGZvciBpbWFnZSBjbGljay5cclxuICAgKiBOYXZpZ2F0ZXMgdG8gdGhlIHNwZWNpZmllZCBVUkwuXHJcbiAgICovXHJcbiAgcHVibGljIGltZ0NsaWNrKCl7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbJy8nLCB0aGlzLmltZ1VybC50b1N0cmluZygpXSlcclxuICB9XHJcblxyXG59XHJcbiIsIlxyXG4gICAgPHBnY2FyZCBcclxuICAgIE1pbmltYWxIZWFkZXI9XCJ0cnVlXCIgXHJcbiAgICBUaW1lT3V0PVwiMjUwMFwiIFxyXG4gICAgW1JlZnJlc2hdPVwiZmFsc2VcIiBcclxuICAgIFtDbG9zZV09XCJmYWxzZVwiXHJcbiAgICA+XHJcbiAgICAgIFxyXG4gICAgICA8bmctdGVtcGxhdGUgI0NhcmRUaXRsZT5cclxuICAgICAgICA8bmctdGVtcGxhdGUgY2xhc3M9XCJjYXJkLXRpdGxlXCIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGl0bGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgPG5nLXRlbXBsYXRlICNDYXJkRXh0cmFDb250cm9scz5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicGx1Z2luLXR5cGVcIiBcclxuICAgICAgICBbbmdDbGFzc10gPSBcIntcclxuICAgICAgICAgICAgJ2ItY29sb3ItTGlnaHQtR3JheS0xJzogdHlwZV9jb2xvciA9PT0gJ1VOU0VUJyxcclxuICAgICAgICAgICAgJ2ItY29sb3ItUmVkJzogdHlwZV9jb2xvciA9PT0gJ1JFRCcsXHJcbiAgICAgICAgICAgICdiLWNvbG9yLUdyZWVuJzogdHlwZV9jb2xvciA9PT0gJ0dSRUVOJ31cIj5cclxuICAgICAgICAgIHt7dHlwZV90ZXh0fX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJyb3cgaC0xMDAgbS1iLTEwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy0zIGNvbC0xMiBjYXJkLWNvbFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIGNhcmQtaW1nIG0tYi0xMFwiPlxyXG4gICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhaW1nIHx8IGltZyA9PSAnJ1wiID5cclxuICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiYXNzZXRzL2ltYWdlcy9tZF9pY29uLnBuZ1wiXHJcbiAgICAgICAgICAgICAgICBzdHlsZT1cIm1heC13aWR0aDogMTEwcHg7IG1heC1oZWlnaHQ6IDExMHB4O1wiLz5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaW1nXCI+XHJcbiAgICAgICAgICAgICAgICA8aW1nIHNyYz1cInt7aW1nfX1cIiBhbHQ9XCJcIiBjbGFzcz1cImltYWdlLXJlc3BvbnNpdmUtaGVpZ2h0IGltZy1taWRkbGVcIlxyXG4gICAgICAgICAgICAgICAgICBoZWlnaHQ9XCIxMTBweFwiIFxyXG4gICAgICAgICAgICAgICAgICBzdHlsZT1cIm1heC13aWR0aDogMTEwcHg7IG1heC1oZWlnaHQ6IDExMHB4O1wiXHJcbiAgICAgICAgICAgICAgICAgIG9uY2xpY2s9XCJpbWdDbGljaygpXCJcclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgPC9kaXY+ICAgIFxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMiBtLXQtMiBib2R5LTYgdGV4dC1kYXJrIHBhcmFtcy1ibG9ja1wiPlxyXG4gICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJwYXJhbXNcIj48L25nLXRlbXBsYXRlPiBcclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1sZy01IGNvbC0xMiBjYXJkLWNvbFwiPlxyXG4gICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInNlY29uZF9jb2xcIj48L25nLXRlbXBsYXRlPiBcclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLWxnLTQgY29sLTEyIGNhcmQtY29sIG10LWxnLTAgbXQtNVwiPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwidGhpcmRfY29sXCI+PC9uZy10ZW1wbGF0ZT4gXHJcbiAgICAgICAgPC9kaXY+ICBcclxuXHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9wZ2NhcmQ+Il19

package/esm2022/lib/markup-kit/card/card-simple/card-simple.component.mjs

@@ -0,0 +1,50 @@
+import { Component, ContentChild, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+  * Component for displaying a simple card with a title.
+  *
+  * Example of usage:
+  *```
+  * <medev-card-simple [disabled]="true">
+  *   <ng-template #card_title>
+  *     <!-- Content for the card title -->
+  *   </ng-template>
+  * </medev-card-simple>
+  *```
+  *
+  * <example-url>https://mef.dev/ui_kit_demo/view/card/card-simple</example-url>
+  */
+export class CardSimpleComponent {
+    /**
+     * Determines whether the card is disabled or not.
+     */
+    isDisabled = false;
+    /**
+     * Template for displaying the title of the card.
+     *```
+     * <medev-card-simple>
+     *   <ng-template #card_title>
+     *     <h3>Card Title</h3>
+     *   </ng-template>
+     * </medev-card-simple>
+     *```
+     */
+    card_title;
+    constructor() { }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CardSimpleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: CardSimpleComponent, selector: "medev-card-simple", inputs: { isDisabled: ["disabled", "isDisabled"] }, queries: [{ propertyName: "card_title", first: true, predicate: ["card_title"], descendants: true }], ngImport: i0, template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n    <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row m-2\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: CardSimpleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'medev-card-simple', template: "<div class=\"card-simple\" [ngClass]=\"{ 'unused-block':isDisabled }\">\r\n    <div class=\"row m-2 body-1\" *ngIf=\"card_title\">\r\n        <div class=\"col-12\">\r\n            <ng-template [ngTemplateOutlet]=\"card_title\"></ng-template>\r\n        </div>\r\n    </div>\r\n    <div class=\"row m-2\">\r\n        <div class=\"col-12\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".color-Dark-Gray-1{color:#373737!important}.color-Dark-Gray-2{color:#4d4d4d!important}.color-Red{color:#cf0106!important}.color-Green{color:#28b446!important}.color-Light-Gray-1{color:#929292!important}.color-Light-Gray-2{color:#eaeaea!important}.color-Light-Gray-3{color:#f3f3f3!important}.color-White{color:#fff!important}.color-Link{color:#0185cf!important}.b-color-Dark-Gray-1{background-color:#373737!important}.b-color-Dark-Gray-2{background-color:#4d4d4d!important}.b-color-Red{background-color:#cf0106!important}.b-color-Green{background-color:#28b446!important}.b-color-Light-Gray-1{background-color:#929292!important}.b-color-Light-Gray-2{background-color:#eaeaea!important}.b-color-Light-Gray-3{background-color:#f3f3f3!important}.b-color-White{background-color:#fff!important}.b-color-Link{background-color:#0185cf!important}.card-simple{background-color:#f3f3f3;padding:.5em;border-radius:5px}.unused-block{opacity:.6;pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { isDisabled: [{
+                type: Input,
+                args: ["disabled"]
+            }], card_title: [{
+                type: ContentChild,
+                args: ["card_title"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1zaW1wbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkta2l0LWxpYi9zcmMvbGliL21hcmt1cC1raXQvY2FyZC9jYXJkLXNpbXBsZS9jYXJkLXNpbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQtc2ltcGxlL2NhcmQtc2ltcGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBdUIsTUFBTSxlQUFlLENBQUM7OztBQUdwRjs7Ozs7Ozs7Ozs7OztJQWFJO0FBTUosTUFBTSxPQUFPLG1CQUFtQjtJQUU5Qjs7T0FFRztJQUNnQixVQUFVLEdBQVksS0FBSyxDQUFDO0lBRS9DOzs7Ozs7Ozs7T0FTRztJQUN5QixVQUFVLENBQW9CO0lBRTFELGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDO3VHQXRCVSxtQkFBbUI7MkZBQW5CLG1CQUFtQixtTkN0QmhDLDJhQVlBOzsyRkRVYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsbUJBQW1COzBFQVNWLFVBQVU7c0JBQTVCLEtBQUs7dUJBQUMsVUFBVTtnQkFZVyxVQUFVO3NCQUFyQyxZQUFZO3VCQUFDLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uSW5pdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcblxyXG4vKipcclxuICAqIENvbXBvbmVudCBmb3IgZGlzcGxheWluZyBhIHNpbXBsZSBjYXJkIHdpdGggYSB0aXRsZS5cclxuICAqXHJcbiAgKiBFeGFtcGxlIG9mIHVzYWdlOlxyXG4gICpgYGBcclxuICAqIDxtZWRldi1jYXJkLXNpbXBsZSBbZGlzYWJsZWRdPVwidHJ1ZVwiPlxyXG4gICogICA8bmctdGVtcGxhdGUgI2NhcmRfdGl0bGU+XHJcbiAgKiAgICAgPCEtLSBDb250ZW50IGZvciB0aGUgY2FyZCB0aXRsZSAtLT5cclxuICAqICAgPC9uZy10ZW1wbGF0ZT5cclxuICAqIDwvbWVkZXYtY2FyZC1zaW1wbGU+XHJcbiAgKmBgYFxyXG4gICpcclxuICAqIDxleGFtcGxlLXVybD5odHRwczovL21lZi5kZXYvdWlfa2l0X2RlbW8vdmlldy9jYXJkL2NhcmQtc2ltcGxlPC9leGFtcGxlLXVybD5cclxuICAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ21lZGV2LWNhcmQtc2ltcGxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC1zaW1wbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NhcmQtc2ltcGxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIENhcmRTaW1wbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAvKipcclxuICAgKiBEZXRlcm1pbmVzIHdoZXRoZXIgdGhlIGNhcmQgaXMgZGlzYWJsZWQgb3Igbm90LlxyXG4gICAqL1xyXG4gIEBJbnB1dChcImRpc2FibGVkXCIpIGlzRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogVGVtcGxhdGUgZm9yIGRpc3BsYXlpbmcgdGhlIHRpdGxlIG9mIHRoZSBjYXJkLlxyXG4gICAqYGBgXHJcbiAgICogPG1lZGV2LWNhcmQtc2ltcGxlPlxyXG4gICAqICAgPG5nLXRlbXBsYXRlICNjYXJkX3RpdGxlPlxyXG4gICAqICAgICA8aDM+Q2FyZCBUaXRsZTwvaDM+XHJcbiAgICogICA8L25nLXRlbXBsYXRlPlxyXG4gICAqIDwvbWVkZXYtY2FyZC1zaW1wbGU+XHJcbiAgICpgYGAgXHJcbiAgICovXHJcbiAgQENvbnRlbnRDaGlsZChcImNhcmRfdGl0bGVcIikgY2FyZF90aXRsZTogVGVtcGxhdGVSZWY8dm9pZD47XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhcmQtc2ltcGxlXCIgW25nQ2xhc3NdPVwieyAndW51c2VkLWJsb2NrJzppc0Rpc2FibGVkIH1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJyb3cgbS0yIGJvZHktMVwiICpuZ0lmPVwiY2FyZF90aXRsZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTJcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImNhcmRfdGl0bGVcIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwicm93IG0tMlwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtMTJcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -9,17 +9,17 @@ import { CardSimpleComponent } from './card-simple/card-simple.component';
 import * as i0 from "@angular/core";
 export const mefDevCardComponents = [CardComponent, CardLongComponent, CardSimpleComponent];
 export class MefDevCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.0", ngImport: i0, type: MefDevCardModule, declarations: [CardComponent, CardLongComponent, CardSimpleComponent], imports: [CommonModule,
+            MefDevCollapseModule,
+            MefDevSelectModule,
+            pgCardModule], exports: [CardComponent, CardLongComponent, CardSimpleComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevCardModule, imports: [CommonModule,
+            MefDevCollapseModule,
+            MefDevSelectModule,
+            pgCardModule] });
 }
-MefDevCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MefDevCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: MefDevCardModule, declarations: [CardComponent, CardLongComponent, CardSimpleComponent], imports: [CommonModule,
-        MefDevCollapseModule,
-        MefDevSelectModule,
-        pgCardModule], exports: [CardComponent, CardLongComponent, CardSimpleComponent] });
-MefDevCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevCardModule, imports: [CommonModule,
-        MefDevCollapseModule,
-        MefDevSelectModule,
-        pgCardModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MefDevCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MefDevCardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: mefDevCardComponents,
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBRTFFLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsYUFBYSxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixDQUFDLENBQUM7QUFXNUYsTUFBTSxPQUFPLGdCQUFnQjs7NkdBQWhCLGdCQUFnQjs4R0FBaEIsZ0JBQWdCLGlCQVhRLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsYUFLdEYsWUFBWTtRQUNaLG9CQUFvQjtRQUN0QixrQkFBa0I7UUFDaEIsWUFBWSxhQVJxQixhQUFhLEVBQUUsaUJBQWlCLEVBQUUsbUJBQW1COzhHQVc3RSxnQkFBZ0IsWUFOekIsWUFBWTtRQUNaLG9CQUFvQjtRQUN0QixrQkFBa0I7UUFDaEIsWUFBWTsyRkFHSCxnQkFBZ0I7a0JBVjVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLG9CQUFvQjtvQkFDbEMsT0FBTyxFQUFFLG9CQUFvQjtvQkFDN0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUN0QixrQkFBa0I7d0JBQ2hCLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkL2NhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWVmRGV2U2VsZWN0TW9kdWxlIH0gZnJvbSAnLi4vLi4vcGctY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0Lm1vZHVsZSc7XHJcbmltcG9ydCB7IHBnQ2FyZE1vZHVsZSB9IGZyb20gXCIuLy4uLy4uL3BnLWNvbXBvbmVudHMvY2FyZC9jYXJkLm1vZHVsZVwiO1xyXG5pbXBvcnQgeyBNZWZEZXZDb2xsYXBzZU1vZHVsZSB9IGZyb20gJy4uL2NvbGxhcHNlL2NvbGxhcHNlLm1vZHVsZSc7XHJcbmltcG9ydCB7IENhcmRMb25nQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWxvbmcvY2FyZC1sb25nLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENhcmRTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtc2ltcGxlL2NhcmQtc2ltcGxlLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgY29uc3QgbWVmRGV2Q2FyZENvbXBvbmVudHMgPSBbQ2FyZENvbXBvbmVudCwgQ2FyZExvbmdDb21wb25lbnQsIENhcmRTaW1wbGVDb21wb25lbnRdO1xyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogbWVmRGV2Q2FyZENvbXBvbmVudHMsXHJcbiAgZXhwb3J0czogbWVmRGV2Q2FyZENvbXBvbmVudHMsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWVmRGV2Q29sbGFwc2VNb2R1bGUsXHJcblx0XHRNZWZEZXZTZWxlY3RNb2R1bGUsXHJcbiAgICBwZ0NhcmRNb2R1bGUsXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2Q2FyZE1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1raXQtbGliL3NyYy9saWIvbWFya3VwLWtpdC9jYXJkL2NhcmQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDdEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7O0FBRTFFLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsYUFBYSxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixDQUFDLENBQUM7QUFXNUYsTUFBTSxPQUFPLGdCQUFnQjt1R0FBaEIsZ0JBQWdCO3dHQUFoQixnQkFBZ0IsaUJBWFEsYUFBYSxFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixhQUt0RixZQUFZO1lBQ1osb0JBQW9CO1lBQ3RCLGtCQUFrQjtZQUNoQixZQUFZLGFBUnFCLGFBQWEsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUI7d0dBVzdFLGdCQUFnQixZQU56QixZQUFZO1lBQ1osb0JBQW9CO1lBQ3RCLGtCQUFrQjtZQUNoQixZQUFZOzsyRkFHSCxnQkFBZ0I7a0JBVjVCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLG9CQUFvQjtvQkFDbEMsT0FBTyxFQUFFLG9CQUFvQjtvQkFDN0IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUN0QixrQkFBa0I7d0JBQ2hCLFlBQVk7cUJBQ2I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkL2NhcmQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTWVmRGV2U2VsZWN0TW9kdWxlIH0gZnJvbSAnLi4vLi4vcGctY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0Lm1vZHVsZSc7XHJcbmltcG9ydCB7IHBnQ2FyZE1vZHVsZSB9IGZyb20gXCIuLy4uLy4uL3BnLWNvbXBvbmVudHMvY2FyZC9jYXJkLm1vZHVsZVwiO1xyXG5pbXBvcnQgeyBNZWZEZXZDb2xsYXBzZU1vZHVsZSB9IGZyb20gJy4uL2NvbGxhcHNlL2NvbGxhcHNlLm1vZHVsZSc7XHJcbmltcG9ydCB7IENhcmRMb25nQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJkLWxvbmcvY2FyZC1sb25nLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IENhcmRTaW1wbGVDb21wb25lbnQgfSBmcm9tICcuL2NhcmQtc2ltcGxlL2NhcmQtc2ltcGxlLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgY29uc3QgbWVmRGV2Q2FyZENvbXBvbmVudHMgPSBbQ2FyZENvbXBvbmVudCwgQ2FyZExvbmdDb21wb25lbnQsIENhcmRTaW1wbGVDb21wb25lbnRdO1xyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogbWVmRGV2Q2FyZENvbXBvbmVudHMsXHJcbiAgZXhwb3J0czogbWVmRGV2Q2FyZENvbXBvbmVudHMsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWVmRGV2Q29sbGFwc2VNb2R1bGUsXHJcblx0XHRNZWZEZXZTZWxlY3RNb2R1bGUsXHJcbiAgICBwZ0NhcmRNb2R1bGUsXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTWVmRGV2Q2FyZE1vZHVsZSB7IH1cclxuIl19