valtech-components 1.3.0 → 1.6.0

package/src/lib/components/atoms/divider/divider.component.ts

@@ -0,0 +1,19 @@
+import { Component, Input, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'val-divider',
+  templateUrl: './divider.component.html',
+  styleUrls: ['./divider.component.scss'],
+})
+export class DividerComponent implements OnInit {
+  @Input()
+  size: 'small' | 'medium' | 'large';
+  @Input()
+  color: 'primary' | 'secondary' | 'dark' | 'light';
+  @Input()
+  fill: 'solid' | 'gradient';
+
+  constructor() {}
+
+  ngOnInit() {}
+}

package/src/lib/components/atoms/text/text.component.html

@@ -0,0 +1,5 @@
+<ion-text [color]="color">
+  <p [class]="size" [class.bold]="bold">
+    {{ content }}
+  </p>
+</ion-text>

package/src/lib/components/atoms/text/text.component.scss

@@ -0,0 +1,33 @@
+@import '../../styles/typography.scss';
+
+.small {
+  @include body-small;
+
+  &.bold {
+    @include body-small-bold;
+  }
+}
+
+.medium {
+  @include body-medium;
+
+  &.bold {
+    @include body-medium-bold;
+  }
+}
+
+.large {
+  @include body-large;
+
+  &.bold {
+    @include body-large-bold;
+  }
+}
+
+.xlarge {
+  @include body-xlarge;
+
+  &.bold {
+    @include body-xlarge-bold;
+  }
+}

package/src/lib/components/atoms/text/text.component.ts

@@ -0,0 +1,22 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Color } from '@ionic/core';
+
+@Component({
+  selector: 'val-text',
+  templateUrl: './text.component.html',
+  styleUrls: ['./text.component.scss'],
+})
+export class TextComponent implements OnInit {
+  @Input()
+  size: 'small' | 'medium' | 'large' | 'xlarge';
+  @Input()
+  color: Color;
+  @Input()
+  content: string;
+  @Input()
+  bold: boolean = false;
+
+  constructor() {}
+
+  ngOnInit() {}
+}

package/src/lib/components/atoms/title/title.component.html

@@ -0,0 +1,5 @@
+<ion-text [color]="color">
+  <p [class]="size">
+    {{ content }}
+  </p>
+</ion-text>

package/src/lib/components/atoms/title/title.component.scss

@@ -0,0 +1,13 @@
+@import '../../styles/typography.scss';
+
+.small {
+  @include title-small;
+}
+
+.medium {
+  @include title-medium;
+}
+
+.large {
+  @include title-large;
+}

package/src/lib/components/atoms/title/title.component.ts

@@ -0,0 +1,20 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Color } from '@ionic/core';
+
+@Component({
+  selector: 'val-title',
+  templateUrl: './title.component.html',
+  styleUrls: ['./title.component.scss'],
+})
+export class TitleComponent implements OnInit {
+  @Input()
+  size: 'small' | 'medium' | 'large' | 'xlarge';
+  @Input()
+  color: Color;
+  @Input()
+  content: string;
+
+  constructor() {}
+
+  ngOnInit() {}
+}

package/src/lib/components/molecules/content-loader/content-loader.component.html

@@ -0,0 +1,6 @@
+<div [ngClass]="['spinner-wrapper', size]">
+  <ion-spinner [ngClass]="[size]" [name]="name" [color]="color"></ion-spinner>
+  <ion-text [color]="color">
+    <p>{{ text }}</p>
+  </ion-text>
+</div>

package/src/lib/components/molecules/content-loader/content-loader.component.scss

@@ -0,0 +1,42 @@
+@import '../../styles/mixins.scss';
+
+.small {
+  width: pxToRem(24);
+  height: pxToRem(24);
+}
+
+.medium {
+  width: pxToRem(38);
+  height: pxToRem(38);
+}
+
+.large {
+  width: pxToRem(48);
+  height: pxToRem(48);
+}
+
+.spinner-wrapper {
+  width: 100%;
+  text-align: center;
+
+  &.small {
+    height: pxToRem(72);
+    padding-top: pxToRem(24);
+
+    @include body-small;
+  }
+
+  &.medium {
+    height: pxToRem(98);
+    padding-top: pxToRem(32);
+
+    @include body-medium;
+  }
+
+  &.large {
+    height: pxToRem(108);
+    padding-top: pxToRem(42);
+
+    @include body-large;
+  }
+}

package/src/lib/components/molecules/content-loader/content-loader.component.ts

@@ -0,0 +1,22 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { Color } from '@ionic/core';
+
+@Component({
+  selector: 'val-content-loader',
+  templateUrl: './content-loader.component.html',
+  styleUrls: ['./content-loader.component.scss'],
+})
+export class ContentLoaderComponent implements OnInit {
+  @Input()
+  color: Color = 'primary';
+  @Input()
+  size: 'small' | 'medium' | 'large' = 'small';
+  @Input()
+  name: 'circular' | 'crescent' | 'dots' | 'lines-sharp' = 'circular';
+  @Input()
+  text: string;
+
+  constructor() {}
+
+  ngOnInit() {}
+}

package/src/lib/components/molecules/link/link.component.html

@@ -0,0 +1,6 @@
+<div>
+  <ion-button type="button" [color]="color" fill="clear" [size]="size" (click)="onClickHandler()">
+    <ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
+    <ion-text>{{ text }}</ion-text>
+  </ion-button>
+</div>

package/src/lib/components/molecules/link/link.component.scss

@@ -0,0 +1,5 @@
+@import '../../styles/mixins.scss';
+
+ion-button {
+  font-family: var(--ion-default-font), Arial, sans-serif;
+}

package/src/lib/components/molecules/link/link.component.ts

@@ -0,0 +1,27 @@
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
+import { Color } from '@ionic/core';
+
+@Component({
+  selector: 'val-link',
+  templateUrl: './link.component.html',
+  styleUrls: ['./link.component.scss'],
+})
+export class LinkComponent implements OnInit {
+  @Input()
+  text: string;
+  @Input()
+  size: 'small' | 'default' | 'large';
+  @Input()
+  color: Color;
+
+  @Output()
+  onClick = new EventEmitter();
+
+  constructor() {}
+
+  ngOnInit() {}
+
+  onClickHandler() {
+    this.onClick.emit();
+  }
+}

package/src/lib/components/types.ts

@@ -0,0 +1,5 @@
+export type ComponentState = 'ENABLED' | 'DISABLED' | 'WORKING';
+const ENABLED: ComponentState = 'ENABLED';
+const DISABLED: ComponentState = 'DISABLED';
+const WORKING: ComponentState = 'WORKING';
+export const ComponentStates = { ENABLED, DISABLED, WORKING };

package/src/lib/valtech-components.module.ts

@@ -0,0 +1,37 @@
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { NgModule } from '@angular/core';
+import { IonicModule } from '@ionic/angular';
+import { ButtonComponent } from './components/atoms/button/button.component';
+import { DisplayComponent } from './components/atoms/display/display.component';
+import { TextComponent } from './components/atoms/text/text.component';
+import { TitleComponent } from './components/atoms/title/title.component';
+import { AvatarComponent } from './components/atoms/avatar/avatar.component';
+import { DividerComponent } from './components/atoms/divider/divider.component';
+import { ContentLoaderComponent } from './components/molecules/content-loader/content-loader.component';
+import { LinkComponent } from './components/molecules/link/link.component';
+
+@NgModule({
+  declarations: [
+    ButtonComponent,
+    DisplayComponent,
+    TextComponent,
+    TitleComponent,
+    AvatarComponent,
+    DividerComponent,
+    ContentLoaderComponent,
+    LinkComponent,
+  ],
+  imports: [CommonModule, HttpClientModule, IonicModule],
+  exports: [
+    ButtonComponent,
+    DisplayComponent,
+    TextComponent,
+    TitleComponent,
+    AvatarComponent,
+    DividerComponent,
+    ContentLoaderComponent,
+    LinkComponent,
+  ],
+})
+export class ValtechComponentsModule {}

package/{public-api.d.ts → src/public-api.ts}

@@ -1,3 +1,7 @@
+/*
+ * Public API Surface of valtech-components
+ */
+
 export * from './lib/components/atoms/button/button.component';
 export * from './lib/components/atoms/button/types';
 export * from './lib/components/atoms/button/factory';
@@ -6,7 +10,11 @@ export * from './lib/components/atoms/title/title.component';
 export * from './lib/components/atoms/display/display.component';
 export * from './lib/components/atoms/avatar/avatar.component';
 export * from './lib/components/atoms/divider/divider.component';
+
 export * from './lib/components/molecules/content-loader/content-loader.component';
 export * from './lib/components/molecules/link/link.component';
+
 export * from './lib/components/types';
 export * from './lib/valtech-components.module';
+
+

package/tsconfig.lib.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,10 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

package/esm2022/lib/components/atoms/avatar/avatar.component.mjs

@@ -1,31 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@ionic/angular";
-export class AvatarComponent {
-    constructor() {
-        this.size = 'medium';
-        this.box = false;
-        this.onClick = new EventEmitter();
-    }
-    ngOnInit() { }
-    onClickHandler() {
-        this.onClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: AvatarComponent, selector: "val-avatar", inputs: { image: "image", default: "default", size: "size", box: "box" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ion-avatar [class]=\"size\" [class.box]=\"box\" (click)=\"onClickHandler()\">\n  <img alt=\"profile image\" [src]=\"image || default\" />\n</ion-avatar>\n", styles: [".box{--border-radius: pxToRem(4)}.small{width:1.5rem;height:1.5rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"], dependencies: [{ kind: "component", type: i1.IonAvatar, selector: "ion-avatar" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-avatar', template: "<ion-avatar [class]=\"size\" [class.box]=\"box\" (click)=\"onClickHandler()\">\n  <img alt=\"profile image\" [src]=\"image || default\" />\n</ion-avatar>\n", styles: [".box{--border-radius: pxToRem(4)}.small{width:1.5rem;height:1.5rem}.medium{width:2.375rem;height:2.375rem}.large{width:3rem;height:3rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { image: [{
-                type: Input
-            }], default: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], box: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTy9FLE1BQU0sT0FBTyxlQUFlO0lBYTFCO1FBUEEsU0FBSSxHQUFpQyxRQUFRLENBQUM7UUFFOUMsUUFBRyxHQUFZLEtBQUssQ0FBQztRQUdyQixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVkLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7SUFFYixjQUFjO1FBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzhHQW5CVSxlQUFlO2tHQUFmLGVBQWUsNkpDUDVCLDZKQUdBOzsyRkRJYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFlBQVk7d0RBTXRCLEtBQUs7c0JBREosS0FBSztnQkFHTixPQUFPO3NCQUROLEtBQUs7Z0JBR04sSUFBSTtzQkFESCxLQUFLO2dCQUdOLEdBQUc7c0JBREYsS0FBSztnQkFJTixPQUFPO3NCQUROLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhbC1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIGltYWdlOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGRlZmF1bHQ6IHN0cmluZztcbiAgQElucHV0KClcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKVxuICBib3g6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KClcbiAgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG9uQ2xpY2tIYW5kbGVyKCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KCk7XG4gIH1cbn1cbiIsIjxpb24tYXZhdGFyIFtjbGFzc109XCJzaXplXCIgW2NsYXNzLmJveF09XCJib3hcIiAoY2xpY2spPVwib25DbGlja0hhbmRsZXIoKVwiPlxuICA8aW1nIGFsdD1cInByb2ZpbGUgaW1hZ2VcIiBbc3JjXT1cImltYWdlIHx8IGRlZmF1bHRcIiAvPlxuPC9pb24tYXZhdGFyPlxuIl19

package/esm2022/lib/components/atoms/button/button.component.mjs

@@ -1,26 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { ComponentStates } from '../../types';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@ionic/angular";
-export class ButtonComponent {
-    constructor() {
-        this.states = ComponentStates;
-        this.onClick = new EventEmitter();
-    }
-    ngOnInit() { }
-    clickHandler() {
-        this.onClick.emit();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ButtonComponent, selector: "val-button", inputs: { props: "props" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<ion-button\n  [type]=\"props.type\"\n  [color]=\"props.color\"\n  [expand]=\"props.expand\"\n  [fill]=\"props.fill\"\n  [size]=\"props.size\"\n  [href]=\"props.href\"\n  [target]=\"props.target\"\n  [download]=\"props.download\"\n  [shape]=\"props.shape\"\n  [href]=\"props.href\"\n  (click)=\"clickHandler()\"\n>\n  <ion-icon *ngIf=\"props.icon\" [slot]=\"props.icon.slot\" [name]=\"props.icon.name\"></ion-icon>\n  <ion-spinner *ngIf=\"props.state === states.WORKING\" name=\"circular\"></ion-spinner>\n  <ion-text *ngIf=\"props.state !== states.WORKING\">{{ props.text }}</ion-text>\n</ion-button>\n", styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: i2.IonText, selector: "ion-text", inputs: ["color", "mode"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'val-button', template: "<ion-button\n  [type]=\"props.type\"\n  [color]=\"props.color\"\n  [expand]=\"props.expand\"\n  [fill]=\"props.fill\"\n  [size]=\"props.size\"\n  [href]=\"props.href\"\n  [target]=\"props.target\"\n  [download]=\"props.download\"\n  [shape]=\"props.shape\"\n  [href]=\"props.href\"\n  (click)=\"clickHandler()\"\n>\n  <ion-icon *ngIf=\"props.icon\" [slot]=\"props.icon.slot\" [name]=\"props.icon.name\"></ion-icon>\n  <ion-spinner *ngIf=\"props.state === states.WORKING\" name=\"circular\"></ion-spinner>\n  <ion-text *ngIf=\"props.state !== states.WORKING\">{{ props.text }}</ion-text>\n</ion-button>\n", styles: ["ion-button{font-family:var(--ion-default-font),Arial,sans-serif}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { props: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZhbHRlY2gtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92YWx0ZWNoLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7O0FBTzlDLE1BQU0sT0FBTyxlQUFlO0lBUzFCO1FBUkEsV0FBTSxHQUFHLGVBQWUsQ0FBQztRQU16QixZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUVkLENBQUM7SUFFaEIsUUFBUSxLQUFJLENBQUM7SUFFYixZQUFZO1FBQ1YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOzhHQWZVLGVBQWU7a0dBQWYsZUFBZSwrR0NUNUIsNmxCQWlCQTs7MkZEUmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZO3dEQVF0QixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sT0FBTztzQkFETixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnV0dG9uTWV0YWRhdGEgfSBmcm9tICcuL3R5cGVzJztcbmltcG9ydCB7IENvbXBvbmVudFN0YXRlcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgc3RhdGVzID0gQ29tcG9uZW50U3RhdGVzO1xuXG4gIEBJbnB1dCgpXG4gIHByb3BzITogQnV0dG9uTWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCkge31cblxuICBjbGlja0hhbmRsZXIoKSB7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoKTtcbiAgfVxufVxuIiwiPGlvbi1idXR0b25cbiAgW3R5cGVdPVwicHJvcHMudHlwZVwiXG4gIFtjb2xvcl09XCJwcm9wcy5jb2xvclwiXG4gIFtleHBhbmRdPVwicHJvcHMuZXhwYW5kXCJcbiAgW2ZpbGxdPVwicHJvcHMuZmlsbFwiXG4gIFtzaXplXT1cInByb3BzLnNpemVcIlxuICBbaHJlZl09XCJwcm9wcy5ocmVmXCJcbiAgW3RhcmdldF09XCJwcm9wcy50YXJnZXRcIlxuICBbZG93bmxvYWRdPVwicHJvcHMuZG93bmxvYWRcIlxuICBbc2hhcGVdPVwicHJvcHMuc2hhcGVcIlxuICBbaHJlZl09XCJwcm9wcy5ocmVmXCJcbiAgKGNsaWNrKT1cImNsaWNrSGFuZGxlcigpXCJcbj5cbiAgPGlvbi1pY29uICpuZ0lmPVwicHJvcHMuaWNvblwiIFtzbG90XT1cInByb3BzLmljb24uc2xvdFwiIFtuYW1lXT1cInByb3BzLmljb24ubmFtZVwiPjwvaW9uLWljb24+XG4gIDxpb24tc3Bpbm5lciAqbmdJZj1cInByb3BzLnN0YXRlID09PSBzdGF0ZXMuV09SS0lOR1wiIG5hbWU9XCJjaXJjdWxhclwiPjwvaW9uLXNwaW5uZXI+XG4gIDxpb24tdGV4dCAqbmdJZj1cInByb3BzLnN0YXRlICE9PSBzdGF0ZXMuV09SS0lOR1wiPnt7IHByb3BzLnRleHQgfX08L2lvbi10ZXh0PlxuPC9pb24tYnV0dG9uPlxuIl19