@craftsjs/card 4.0.0 → 5.1.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Craftsjs
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2020 Craftsjs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,114 +1,115 @@
-# ADDAPPTABLES card
-
-Craftsjs card is a library for angular
-
-[See demo](http://addapptables.com/admin/components/cards)
-
-[Example code](https://stackblitz.com/edit/angular-card-addapptables)
-
-## Getting Started
-To get started, let's install the package through npm:
-
-Choose the version corresponding to your Angular version:
-
- Angular     | @craftsjs/card
- ----------- | -------------------
- 13          | 4.x
- 12          | 3.x
- 11          | 2.x
- 10          | 1.x
-
-```
-npm i @craftsjs/card --S
-```
-
-Install peer dependencies
-
-```
-npm i
-@craftsjs/core
-@angular/material
-@angular/animations
-@angular/cdk --S
-```
-
-## How to use
-
-- Import the module CardModule
-
-```typescript
-import { CardModule } from '@craftsjs/card';
-@NgModule({
-  imports: [CardModule]
-})
-export class YourModule { }
-```
-
-simple card
-```html
-<craftsjs-card>
-  <card-header>
-    <card-header-linear>
-      <card-title>
-        <mat-icon matSuffix>horizontal_split</mat-icon>
-        <span>Simple card</span>
-      </card-title>
-    </card-header-linear>
-  </card-header>
-  <mat-divider></mat-divider>
-  <card-body>
-    // custom component
-  </card-body>
-</craftsjs-card>
-```
-
-Oval card
-```html
-<craftsjs-card>
-  <card-header>
-    <card-header-oval>
-      <card-title>
-        <mat-icon matSuffix>horizontal_split</mat-icon>
-        <span>Oval card</span>
-      </card-title>
-    </card-header-oval>
-  </card-header>
-  <card-body>
-    // custom component
-  </card-body>
-</craftsjs-card>
-```
-
-- Finally, it is important to import the styles to the application
-
-```scss
-@import '~@craftsjs/core/craftsjs-grid.theme';
-@import '~@angular/material/theming';
-@import '~@craftsjs/card/craftsjs-card.theme';
-
-$craftsjs-app-primary: mat-palette($mat-teal, 800);
-$craftsjs-app-accent:  mat-palette($mat-pink, 800, A100, 100);
-$craftsjs-app-warn: mat-palette($mat-red);
-$craftsjs-app-theme: mat-light-theme($craftsjs-app-primary, $craftsjs-app-accent, $craftsjs-app-warn);
-$craftsjs-theme-variables: (
-    text: white,
-    border-radius: 5px,
-    color-blue: #20a9d2,
-    color-success: #5cb85c,
-    color-info: #5bc0de,
-    color-warning: #e09d3d,
-    color-danger: #d43934,
-    gray-color: #696868
-);
-@include mat-core();
-body.theme-default {
-    @include angular-material-theme($craftsjs-app-theme);
-    @include card($craftsjs-app-theme, $craftsjs-theme-variables);
-}
-```
-
-- Do not forget to put the theme-default class in the html body
-
-```html
-<body class="theme-default"></body>
-```
+# ADDAPPTABLES card
+
+Craftsjs card is a library for angular
+
+[See demo](http://addapptables.com/admin/components/cards)
+
+[Example code](https://stackblitz.com/edit/angular-card-addapptables)
+
+## Getting Started
+To get started, let's install the package through npm:
+
+Choose the version corresponding to your Angular version:
+
+ Angular     | @craftsjs/card
+ ----------- | -------------------
+ 15          | 5.x
+ 13          | 4.x
+ 12          | 3.x
+ 11          | 2.x
+ 10          | 1.x
+
+```
+npm i @craftsjs/card --S
+```
+
+Install peer dependencies
+
+```
+npm i
+@craftsjs/core
+@angular/material
+@angular/animations
+@angular/cdk --S
+```
+
+## How to use
+
+- Import the module CardModule
+
+```typescript
+import { CardModule } from '@craftsjs/card';
+@NgModule({
+  imports: [CardModule]
+})
+export class YourModule { }
+```
+
+simple card
+```html
+<craftsjs-card>
+  <card-header>
+    <card-header-linear>
+      <card-title>
+        <mat-icon matSuffix>horizontal_split</mat-icon>
+        <span>Simple card</span>
+      </card-title>
+    </card-header-linear>
+  </card-header>
+  <mat-divider></mat-divider>
+  <card-body>
+    // custom component
+  </card-body>
+</craftsjs-card>
+```
+
+Oval card
+```html
+<craftsjs-card>
+  <card-header>
+    <card-header-oval>
+      <card-title>
+        <mat-icon matSuffix>horizontal_split</mat-icon>
+        <span>Oval card</span>
+      </card-title>
+    </card-header-oval>
+  </card-header>
+  <card-body>
+    // custom component
+  </card-body>
+</craftsjs-card>
+```
+
+- Finally, it is important to import the styles to the application
+
+```scss
+@import '~@craftsjs/core/craftsjs-grid.theme';
+@import '~@angular/material/theming';
+@import '~@craftsjs/card/craftsjs-card.theme';
+
+$craftsjs-app-primary: mat-palette($mat-teal, 800);
+$craftsjs-app-accent:  mat-palette($mat-pink, 800, A100, 100);
+$craftsjs-app-warn: mat-palette($mat-red);
+$craftsjs-app-theme: mat-light-theme($craftsjs-app-primary, $craftsjs-app-accent, $craftsjs-app-warn);
+$craftsjs-theme-variables: (
+    text: white,
+    border-radius: 5px,
+    color-blue: #20a9d2,
+    color-success: #5cb85c,
+    color-info: #5bc0de,
+    color-warning: #e09d3d,
+    color-danger: #d43934,
+    gray-color: #696868
+);
+@include mat-core();
+body.theme-default {
+    @include angular-material-theme($craftsjs-app-theme);
+    @include card($craftsjs-app-theme, $craftsjs-theme-variables);
+}
+```
+
+- Do not forget to put the theme-default class in the html body
+
+```html
+<body class="theme-default"></body>
+```

package/_craftsjs-card.theme.scss

@@ -1,135 +1,166 @@
-@mixin box_shadow_header_color($color) {
-    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px $color
-}
-
-@mixin addapptable-card-header($variables) {
-    p{
-        margin: 0;
-    }
-    .card {
-        &-header {
-            justify-content: space-between;
-            &-subtitle {
-                text-align: end;
-                margin: 0.5em;
-                &-mark{
-                    color: #999;
-                    font-size: 1em;
-                    margin-bottom: 0.5em;
-                }
-            }
-            &-blue{
-                background-color: map-get($variables, color-blue);
-                @include box_shadow_header_color(map-get($variables, color-blue));
-            }
-            &-danger{
-                background-color: map-get($variables, color-danger);
-                @include box_shadow_header_color(map-get($variables, color-danger));
-            }
-            &-warning{
-                background-color: map-get($variables, color-warning);
-                @include box_shadow_header_color(map-get($variables, color-warning));
-            }
-            &-success{
-                background-color: map-get($variables, color-success);
-                @include box_shadow_header_color(map-get($variables, color-success));
-            }
-            &-info{
-                background-color: map-get($variables, color-info);
-                @include box_shadow_header_color(map-get($variables, color-info));
-            }
-            &-gray{
-                background-color: map-get($variables, gray-color);
-                @include box_shadow_header_color(map-get($variables, gray-color));
-            }
-        }
-    }
-}
-
-
-@mixin card($theme, $variables) {
-
-    $accent: map-get($theme, accent);
-    $background: map-get($theme, background);
-    $foreground: map-get($theme, foreground);
-
-    //card
-    $card-padding: 12px 0;
-    $card-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-
-    //general
-    $card-margin: 5px;
-
-    //header
-    $card-header-margin: -20px 15px 0 16px;
-    $card-header-padding: 20px;
-    $card-title-font-weight: 500;
-    $card-header-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px mat.get-color-from-palette($accent);
-    $card-header-icon-margin-right: 10px;
-    $background-color-header: mat.get-color-from-palette($accent);
-
-    // body
-    $card-body-padding: 12px 20px 20px;
-
-    //footer
-    $card-footer-margin: 0 20px 10px;
-    $card-padding-top: 10px;
-
-
-    .card {
-        display: inline-block;
-        position: relative;
-        width: 100%;
-        margin: $card-padding;
-        box-shadow: $card-box-shadow;
-        background: mat.get-color-from-palette($background, card);
-        margin-top: 32px;
-        &-header {
-            &-oval {
-                background-color: $background-color-header;
-                color: map-get($variables, text);;
-                padding: 20px 15px;
-                margin: $card-header-margin;
-                border-radius: map-get($variables, border-radius);
-                display: inline-block;
-                box-shadow: $card-header-box-shadow;
-            }
-            &-linear {
-                display: inline-block;
-                padding: 1.3em 0.4em 1.3em 0.4em;
-            }
-            &-title {
-                align-items: center;
-                display: flex;
-                padding: 0px 18px;
-                font-weight: $card-title-font-weight;
-                &> * {
-                    vertical-align: top;
-                    margin-right: 5px;
-                }
-                &>:last-child{
-                    margin: inherit;
-                }
-            }
-        }
-        &-body {
-            display: block;
-            padding: $card-body-padding;
-            position: relative;
-        }
-        &-footer {
-            margin: $card-footer-margin;
-            padding-top: $card-padding-top;
-            border-top: 1px solid mat.get-color-from-palette($foreground, divider);
-        }
-        &-divider {
-            display: block;
-            margin: 0;
-            border-top-width: 1px;
-            border-top-style: dashed;
-            margin-top: 10px;
-            color: #cac8c8;
-        }
-    }
-    @include addapptable-card-header($variables);
-}
+@mixin box_shadow_header_color($color) {
+    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px $color
+}
+
+@mixin addapptable-card-header($variables) {
+    p{
+        margin: 0;
+    }
+    .card {
+        &-header {
+            justify-content: space-between;
+            &-subtitle {
+                text-align: end;
+                margin: 0.5em;
+                &-mark{
+                    color: #999;
+                    font-size: 1em;
+                    margin-bottom: 0.5em;
+                }
+            }
+            &-blue{
+                background-color: map-get($variables, color-blue);
+                @include box_shadow_header_color(map-get($variables, color-blue));
+            }
+            &-danger{
+                background-color: map-get($variables, color-danger);
+                @include box_shadow_header_color(map-get($variables, color-danger));
+            }
+            &-warning{
+                background-color: map-get($variables, color-warning);
+                @include box_shadow_header_color(map-get($variables, color-warning));
+            }
+            &-success{
+                background-color: map-get($variables, color-success);
+                @include box_shadow_header_color(map-get($variables, color-success));
+            }
+            &-info{
+                background-color: map-get($variables, color-info);
+                @include box_shadow_header_color(map-get($variables, color-info));
+            }
+            &-gray{
+                background-color: map-get($variables, gray-color);
+                @include box_shadow_header_color(map-get($variables, gray-color));
+            }
+        }
+    }
+}
+
+
+@mixin card($theme, $variables) {
+
+    $accent: map-get($theme, accent);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    //card
+    $card-padding: 12px 0;
+    $card-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
+
+    //general
+    $card-margin: 5px;
+
+    //header
+    $card-header-margin: -20px 15px 0 16px;
+    $card-header-padding: 20px;
+    $card-title-font-weight: 500;
+    $card-header-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px mat.get-color-from-palette($accent);
+    $card-header-icon-margin-right: 10px;
+    $background-color-header: mat.get-color-from-palette($accent);
+
+    // body
+    $card-body-padding: 12px 20px 20px;
+
+    //footer
+    $card-footer-margin: 0 20px 10px;
+    $card-padding-top: 10px;
+
+
+    .card {
+        display: inline-block;
+        position: relative;
+        width: 100%;
+        margin: $card-padding;
+        box-shadow: $card-box-shadow;
+        background: mat.get-color-from-palette($background, 'card');
+        margin-top: 32px;
+        &-header {
+            &-oval {
+                background-color: $background-color-header;
+                color: map-get($variables, text);
+                padding: 20px 15px;
+                margin: $card-header-margin;
+                border-radius: map-get($variables, border-radius);
+                display: inline-block;
+                box-shadow: $card-header-box-shadow;
+            }
+            &-linear {
+                display: inline-block;
+                padding: 1.3em 0.4em 1.3em 0.4em;
+            }
+            &-title {
+                align-items: center;
+                display: flex;
+                padding: 0px 18px;
+                font-weight: $card-title-font-weight;
+                &> * {
+                    vertical-align: top;
+                    margin-right: 5px;
+                }
+                &>:last-child{
+                    margin: inherit;
+                }
+            }
+            &-subtitle {
+                display: flex;
+                align-items: center;
+            }
+        }
+        &-body {
+            display: block;
+            padding: $card-body-padding;
+            position: relative;
+        }
+        &-footer {
+            margin: $card-footer-margin;
+            padding-top: $card-padding-top;
+            border-top: 1px solid mat.get-color-from-palette($foreground, divider);
+        }
+        &-divider {
+            display: block;
+            margin: 0;
+            border-top-width: 1px;
+            border-top-style: dashed;
+            margin-top: 10px;
+            color: mat.get-color-from-palette($foreground, 'divider');
+        }
+    }
+    @include addapptable-card-header($variables);
+}
+
+@mixin card-color($theme) {
+
+    $accent: map-get($theme, accent);
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+
+    $background-color-header: mat.get-color-from-palette($accent);
+    $card-header-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px mat.get-color-from-palette($accent);
+    
+    .card {
+        background: mat.get-color-from-palette($background, 'card');
+        &-header {
+            &-oval {
+                background-color: $background-color-header;
+                color: mat.get-color-from-palette($foreground, 'text');
+                box-shadow: $card-header-box-shadow;
+            }
+        }
+        &-divider {
+            color: mat.get-color-from-palette($foreground, 'divider');
+        }
+        &-footer {
+            border-top: 1px solid mat.get-color-from-palette($foreground, divider);
+        }
+    }
+}

package/esm2020/craftsjs-card.mjs

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JhZnRzanMtY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NyYWZ0c2pzL2NhcmQvc3JjL2NyYWZ0c2pzLWNhcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/lib/card.component.mjs

@@ -1,11 +1,11 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
-import * as i0 from "@angular/core";
-export class CardComponent {
-}
-CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.7", type: CardComponent, selector: "craftsjs-card", host: { classAttribute: "card" }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.7", ngImport: i0, type: CardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'craftsjs-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'card' }, template: "<ng-content></ng-content>\r\n<ng-content select=\"card-footer\"></ng-content>" }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9jYXJkL3NyYy9saWIvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9jYXJkL3NyYy9saWIvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVV0RixNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTs4RkFBYixhQUFhLHVGQ1YxQiwrRUFDOEM7MkZEU2pDLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsZUFBZSxpQkFFVixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjcmFmdHNqcy1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBob3N0OiB7IGNsYXNzOiAnY2FyZCcgfVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FyZENvbXBvbmVudCB7IH1cclxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48bmctY29udGVudCBzZWxlY3Q9XCJjYXJkLWZvb3RlclwiPjwvbmctY29udGVudD4iXX0=
+import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import * as i0 from "@angular/core";
+export class CardComponent {
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: CardComponent, selector: "craftsjs-card", host: { classAttribute: "card" }, ngImport: i0, template: "<ng-content></ng-content>\n<ng-content select=\"card-footer\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'craftsjs-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'card' }, template: "<ng-content></ng-content>\n<ng-content select=\"card-footer\"></ng-content>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9jYXJkL3NyYy9saWIvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jcmFmdHNqcy9jYXJkL3NyYy9saWIvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVV0RixNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTs4RkFBYixhQUFhLHVGQ1YxQiw2RUFDOEM7MkZEU2pDLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsZUFBZSxpQkFFVixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3JhZnRzanMtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHsgY2xhc3M6ICdjYXJkJyB9XG59KVxuZXhwb3J0IGNsYXNzIENhcmRDb21wb25lbnQgeyB9XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJjYXJkLWZvb3RlclwiPjwvbmctY29udGVudD4iXX0=