@js-smart/ng-kit 18.0.0

package/README.md

@@ -0,0 +1,297 @@
+# NGX Smart utilities
+Reusable Angular components built with Angular Material and Bootstrap 5.x, Utility classes/functions for Date, Form and String operations
+
+<p align="center">
+
+[![CI](https://github.com/ng-kit/ng-kit/actions/workflows/build.yml/badge.svg)](https://github.com/ng-kit/ng-kit/actions/workflows/build.yml)
+<a href="https://www.npmjs.com/@js-smart/ng-kit">
+<img src="https://img.shields.io/npm/v/@js-smart/ng-kit" alt="Ngx Cookie Service on npm" />
+</a>
+</p>
+
+### Installation
+Install the library
+```shell
+npm install @js-smart/ng-kit
+```
+and use it as shown below in each section
+
+
+### Technologies
+1. Angular 17+
+2. Bootstrap 5+ (if applicable)
+
+## Auto Complete
+Reusable Auto Complete that extends Mat Auto Complete component
+### Demo
+https://main--js-smart-ng-kit.netlify.app/autocomplete-demo
+### Usage
+
+The library has one `autocomplete` component. To use the Auto Complete component, add the following code to the HTML page
+
+**app.component.html**
+
+```typescript
+<!-- Auto Complete with Objects -->
+
+<form [formGroup]="genericFormGroup">
+    <autocomplete
+      [data]="cities"
+      [inputFormGroup]="genericFormGroup"
+      [required]="true"
+      [displayWith]="displayFn"
+      bindLabel="location"
+      bindValue="id"
+      label="City"
+      placeHolder="Select City">
+    </autocomplete>
+</form>
+
+```
+
+**app.component.ts**
+
+Then define form group instances and object array (cities) and names (for string array)
+
+```typescript
+// Define objects  
+cities = [{id: 1001, location: 'New York'}, {id: 1002, location: 'Boston'}, {id: 1001, location: 'Washington DC'}];
+
+// Define Form Groups 
+inputFormGroup = this.fb.group({
+  autocomplete: ['']
+})
+
+//Display function
+displayFn(object: any): string {
+		if (typeof object === "string") return object;
+		return object && object["location"] ? object["location"] : "";
+	}
+```
+
+If you are using strings rather than objects, do not provide `bindLabel`, `bindValue` and `displayWith` inputs. See below sample
+```
+<!-- Auto Complete with Strings -->
+<form [formGroup]="inputFormGroup">
+  <autocomplete
+    [data]="names"
+    [inputFormGroup]="inputFormGroup"
+    [required]="true"
+    label="City"
+    placeHolder="Select City">
+  </autocomplete>
+</form>
+```
+
+
+### Auto Complete API
+
+#### List of selectors that can be used to select the component(s)
+
+|  AutoComplete Selector      | 
+| ----------- | 
+| autocomplete, lib-autocomplete | 
+
+
+#### Properties
+
+| Property      | Description | Type | Default Value |
+| ----------- | ----------- |----------- |----------- |
+| inputFormGroup      |  Input Form Group     |FormGroup||
+| label      | Label of the AutoComplete|string||
+| placeHolder      |  PlaceHolder of the AutoComplete|string||
+| appearance      |  Appearance of the AutoComplete, defaults to `fill`     |string|fill|
+| classes      |  List of CSS classes that need to applied to autocomplete|string||
+| bindLabel      |  Applies only to AutoComplete with Objects. Attribute of the Object whose value would be shown when searching for data |string|id|
+| bindValue      |  Applies only to AutoComplete with Objects. Attribute of the Object whose value would be used for search. Defaults to `ID`     |string|id|
+| displayWith      |  Applies only to AutoComplete with Objects. A function used to show display value in Input      |boolean|false|
+| required      |  Provide `true` if AutoComplete is required, otherwise provide `false`    |boolean|false|
+| data      |  List of Objects or String values that need to be bind and searched for     |any[] or string[]|false|
+
+
+## Alert
+Reusable alert component created with Bootstrap 5+ and Angular 17+
+### Auto Complete API
+#### List of selectors that can be used to select the component
+
+| Selector      | 
+| ----------- | 
+| alert,lib-alert | 
+
+
+#### Properties
+
+| Property      | Description | Type | Default Value |
+| ----------- | ----------- |----------- |----------- |
+| dismissible      |  If set, displays an inline "Close" button      |boolean|false|
+| dismissOnTimeout      | If set, dismisses the alert after Dismiss Timeout|boolean|true|
+| dismissTimeout      |  Number in milliseconds, after which alert will be closed|string or number|5000|
+| isOpen      |  Is alert visible      |boolean|false|
+| type      |  Alert type. Provides one of four bootstrap supported contextual classes: success, info, warning and danger|string|info|
+
+## Spinner
+Reusable Spinner component created with Bootstrap 5.x and Angular 17.x
+
+### Demo
+https://main--js-smart-ng-kit.netlify.app/alert-demo
+### API
+#### List of selectors that can be used to select the component
+
+| Selector      | 
+| ----------- | 
+| spinner,lib-spinner | 
+
+
+#### Properties
+
+| Property      | Description | Type | Default Value |
+| ----------- | ----------- |----------- |----------- |
+| bootstrapSpinner      |  Use Boostrap Spinner. Default `true` |boolean|false|
+| diameter      |  Diameter of the Angular Material spinner|boolean|true|
+| color      |  Color of the Angular Material spinner|string or `ThemePalette`|5000|
+| strokeWidth      |   Stroke Width of the Angular Material spinner|boolean|false|
+
+## Print
+Angular (2++) directive that prints HTML section
+### Usage
+Import the main module `NgxPrintModule` :
+
+   ```js
+import {NgxPrintModule} from '@js-smart/print';
+
+@NgModule({
+  ...
+    imports:
+[NgxPrintModule, ...],
+...
+})
+
+export class YourAppModule {
+}
+```
+
+**3-** Then plug n' play with it:
+
+- Assuming you want to print the following HTML section:
+
+```html
+
+<div>
+  <!--Your html stuff that you want to print-->
+</div>
+<button>print</button> <!--Your relevant print button-->
+
+```
+
+- Now, what you have to do is tagging your *wanted-to-print* section by an `id` attribute, then link that `id` to a
+  directive parameter in your button :
+
+```html
+ <!--
+   1)- Add an ID here
+ -->
+<div id="print-section">
+  <!--Your html stuff that you want to print-->
+</div>
+
+<!--
+  2)- Add the directive name in your button (ngxPrint),
+  3)- Affect your ID to printSectionId
+-->
+<button printSectionId="print-section" ngxPrint>print</button>
+
+```
+
+### Optional properties
+
+- You want a customized title for your printing window ? you have the choice by adding a new attribute to your print
+  button `printTitle`:
+
+```html
+
+<div id="print-section">
+
+  <!-- ... -->
+
+</div>
+
+<button
+  printTitle="MyTitle"
+  printSectionId="print-section"
+  ngxPrint>print
+</button>
+
+```
+
+- Also, would you like to customize the printing window style sheet (CSS) ? Hence you can do so by adding infinite
+  styles to another attribute called `printStyle`:
+
+```html
+
+<div id="print-section">
+
+  <!-- ... -->
+
+</div>
+
+<button
+  [printStyle]="{h1 : {'color': 'red'}, h2 : {'border': 'solid 1px'}}"
+  printSectionId="print-section"
+  ngxPrint>print
+</button>
+
+```
+
+Here some simple styles were added to every `h1` & `h2` tags within the `div` where `print-section` is tagged to
+its `id` attribute.
+
+- If you would like to use your existing CSS with media print you can add the `useExistingCss` attribute:
+
+```html
+
+<div id="print-section">
+
+  <!-- ... -->
+
+</div>
+
+<button
+  [useExistingCss]="true"
+  printSectionId="print-section"
+  ngxPrint>print
+</button>
+
+```
+
+- If you want to customize the printing window style sheet (CSS) by importing the css provided in assets/css
+  use `styleSheetFile`:
+
+```html
+
+<div id="print-section">
+
+  <!-- ... -->
+
+</div>
+
+<button
+  styleSheetFile="assets/css/custom1.css,assets/css/custom2.css"
+  printSectionId="print-section"
+  ngxPrint>print
+</button>
+
+```
+### Publish library to NPM
+1. Build the library
+    ```shell
+    nx build ng-kit
+    ```
+2. If the NPM token is not configured, open `~/.npmrc` and add the following line:
+    ```shell
+    //registry.npmjs.org/:_authToken=<your npm token>
+    ```
+3. Then navigate to `dist` directory anf publish the library to NPM. If prompted, enter the 2fa auth code from the Authenticator app.
+    ```shell
+    cd dist/libs/ng-kit && npm publish --tag latest
+    ```
+   For beta releases use tag `--tag beta`

package/esm2022/js-smart-ng-kit.mjs

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

package/esm2022/lib/components/alert/alert.component.mjs

@@ -0,0 +1,95 @@
+import { Component, input, signal } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+/**
+ * Boostrap Alert component that can be used to alert messages to the user
+ *
+ * @author Pavan Kumar Jadda
+ * @since 12.0.0
+ */
+export class AlertComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        /**
+         * Type of the BootStrap Alert. Following values are supported. See BootStrap docs for more information
+         * <pre>
+         *   1. info
+         *   2. primary
+         *   3. secondary
+         *   4. success
+         *   5. warning
+         *   6. danger
+         *   7. dark
+         *   8. light
+         * </pre>
+         */
+        this.type = input('info');
+        /**
+         *  Is alert visible or open
+         */
+        this.isOpen = input(true);
+        /**
+         *  Writable signal for isOpen
+         */
+        this.open = signal(this.isOpen());
+        /**
+         * If set, displays an inline “Close” button
+         */
+        this.dismissible = input(true);
+        /**
+         * If set, dismisses the alert after Dismiss Timeout
+         */
+        this.dismissOnTimeout = input(true);
+        /**
+         * Number in milliseconds, after which alert will be closed. Default value is 5000 ms
+         */
+        this.dismissTimeout = input(5000);
+        /**
+         * Additional classes to be added to the alert. This can be used to add custom styles to the alert
+         */
+        this.class = input('');
+    }
+    /**
+     * Initialize the component and settings
+     *
+     * @author Pavan Kumar Jadda
+     * @since 12.0.0
+     */
+    ngOnInit() {
+        this.openAlert();
+        if (this.dismissOnTimeout()) {
+            setTimeout(() => {
+                this.closeAlert();
+                this.cdr.markForCheck();
+            }, this.dismissTimeout());
+        }
+    }
+    /**
+     * Closes BootStrap Alert if not open
+     *
+     * @author Pavan Kumar Jadda
+     * @since 12.0.0
+     */
+    closeAlert() {
+        if (!this.isOpen()) {
+            return;
+        }
+        this.open.set(false);
+    }
+    /**
+     * Opens Bootstrap Alert
+     *
+     * @author Pavan Kumar Jadda
+     * @since 12.0.0
+     */
+    openAlert() {
+        this.open.set(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AlertComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: AlertComponent, isStandalone: true, selector: "lib-alert, alert", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, dismissOnTimeout: { classPropertyName: "dismissOnTimeout", publicName: "dismissOnTimeout", isSignal: true, isRequired: false, transformFunction: null }, dismissTimeout: { classPropertyName: "dismissTimeout", publicName: "dismissTimeout", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (open()) {\n\t<div class=\"row {{ class() }}\">\n\t\t<div class=\"col-xs-12 col-sm-12 col-md-auto mx-auto\">\n\t\t\t<div class=\"alert alert-{{ type() }} alert-dismissible alert_div\" role=\"alert\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t\t@if (dismissible()) {\n\t\t\t\t\t<button (click)=\"closeAlert()\" aria-label=\"Close\" class=\"btn-close\" data-bs-dismiss=\"alert\" type=\"button\"></button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n}\n", styles: [".alert_div{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-alert, alert', standalone: true, imports: [CommonModule], template: "@if (open()) {\n\t<div class=\"row {{ class() }}\">\n\t\t<div class=\"col-xs-12 col-sm-12 col-md-auto mx-auto\">\n\t\t\t<div class=\"alert alert-{{ type() }} alert-dismissible alert_div\" role=\"alert\">\n\t\t\t\t<ng-content></ng-content>\n\t\t\t\t@if (dismissible()) {\n\t\t\t\t\t<button (click)=\"closeAlert()\" aria-label=\"Close\" class=\"btn-close\" data-bs-dismiss=\"alert\" type=\"button\"></button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n}\n", styles: [".alert_div{display:flex;align-items:center;justify-content:center}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1raXQvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsU0FBUyxFQUFVLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQUUvQzs7Ozs7R0FLRztBQVFILE1BQU0sT0FBTyxjQUFjO0lBOEMxQixZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQTdDMUM7Ozs7Ozs7Ozs7OztXQVlHO1FBQ0gsU0FBSSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVyQjs7V0FFRztRQUNILFdBQU0sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFckI7O1dBRUc7UUFDSCxTQUFJLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDO1FBRTdCOztXQUVHO1FBQ0gsZ0JBQVcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFMUI7O1dBRUc7UUFDSCxxQkFBZ0IsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFL0I7O1dBRUc7UUFDSCxtQkFBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUU3Qjs7V0FFRztRQUNILFVBQUssR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFFMkIsQ0FBQztJQUU5Qzs7Ozs7T0FLRztJQUNILFFBQVE7UUFDUCxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFFakIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxDQUFDO1lBQzdCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNsQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3pCLENBQUMsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsQ0FBQztRQUMzQixDQUFDO0lBQ0YsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsVUFBVTtRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztZQUNwQixPQUFPO1FBQ1IsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNLLFNBQVM7UUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDckIsQ0FBQzs4R0F0RlcsY0FBYztrR0FBZCxjQUFjLHMzQkNoQjNCLDRjQVlBLDZIREFXLFlBQVk7OzJGQUlWLGNBQWM7a0JBUDFCLFNBQVM7K0JBQ0Msa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIE9uSW5pdCwgaW5wdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuLyoqXG4gKiBCb29zdHJhcCBBbGVydCBjb21wb25lbnQgdGhhdCBjYW4gYmUgdXNlZCB0byBhbGVydCBtZXNzYWdlcyB0byB0aGUgdXNlclxuICpcbiAqIEBhdXRob3IgUGF2YW4gS3VtYXIgSmFkZGFcbiAqIEBzaW5jZSAxMi4wLjBcbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbGliLWFsZXJ0LCBhbGVydCcsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuXHR0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cdC8qKlxuXHQgKiBUeXBlIG9mIHRoZSBCb290U3RyYXAgQWxlcnQuIEZvbGxvd2luZyB2YWx1ZXMgYXJlIHN1cHBvcnRlZC4gU2VlIEJvb3RTdHJhcCBkb2NzIGZvciBtb3JlIGluZm9ybWF0aW9uXG5cdCAqIDxwcmU+XG5cdCAqICAgMS4gaW5mb1xuXHQgKiAgIDIuIHByaW1hcnlcblx0ICogICAzLiBzZWNvbmRhcnlcblx0ICogICA0LiBzdWNjZXNzXG5cdCAqICAgNS4gd2FybmluZ1xuXHQgKiAgIDYuIGRhbmdlclxuXHQgKiAgIDcuIGRhcmtcblx0ICogICA4LiBsaWdodFxuXHQgKiA8L3ByZT5cblx0ICovXG5cdHR5cGUgPSBpbnB1dCgnaW5mbycpO1xuXG5cdC8qKlxuXHQgKiAgSXMgYWxlcnQgdmlzaWJsZSBvciBvcGVuXG5cdCAqL1xuXHRpc09wZW4gPSBpbnB1dCh0cnVlKTtcblxuXHQvKipcblx0ICogIFdyaXRhYmxlIHNpZ25hbCBmb3IgaXNPcGVuXG5cdCAqL1xuXHRvcGVuID0gc2lnbmFsKHRoaXMuaXNPcGVuKCkpO1xuXG5cdC8qKlxuXHQgKiBJZiBzZXQsIGRpc3BsYXlzIGFuIGlubGluZSDigJxDbG9zZeKAnSBidXR0b25cblx0ICovXG5cdGRpc21pc3NpYmxlID0gaW5wdXQodHJ1ZSk7XG5cblx0LyoqXG5cdCAqIElmIHNldCwgZGlzbWlzc2VzIHRoZSBhbGVydCBhZnRlciBEaXNtaXNzIFRpbWVvdXRcblx0ICovXG5cdGRpc21pc3NPblRpbWVvdXQgPSBpbnB1dCh0cnVlKTtcblxuXHQvKipcblx0ICogTnVtYmVyIGluIG1pbGxpc2Vjb25kcywgYWZ0ZXIgd2hpY2ggYWxlcnQgd2lsbCBiZSBjbG9zZWQuIERlZmF1bHQgdmFsdWUgaXMgNTAwMCBtc1xuXHQgKi9cblx0ZGlzbWlzc1RpbWVvdXQgPSBpbnB1dCg1MDAwKTtcblxuXHQvKipcblx0ICogQWRkaXRpb25hbCBjbGFzc2VzIHRvIGJlIGFkZGVkIHRvIHRoZSBhbGVydC4gVGhpcyBjYW4gYmUgdXNlZCB0byBhZGQgY3VzdG9tIHN0eWxlcyB0byB0aGUgYWxlcnRcblx0ICovXG5cdGNsYXNzID0gaW5wdXQoJycpO1xuXG5cdGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge31cblxuXHQvKipcblx0ICogSW5pdGlhbGl6ZSB0aGUgY29tcG9uZW50IGFuZCBzZXR0aW5nc1xuXHQgKlxuXHQgKiBAYXV0aG9yIFBhdmFuIEt1bWFyIEphZGRhXG5cdCAqIEBzaW5jZSAxMi4wLjBcblx0ICovXG5cdG5nT25Jbml0KCk6IHZvaWQge1xuXHRcdHRoaXMub3BlbkFsZXJ0KCk7XG5cblx0XHRpZiAodGhpcy5kaXNtaXNzT25UaW1lb3V0KCkpIHtcblx0XHRcdHNldFRpbWVvdXQoKCkgPT4ge1xuXHRcdFx0XHR0aGlzLmNsb3NlQWxlcnQoKTtcblx0XHRcdFx0dGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG5cdFx0XHR9LCB0aGlzLmRpc21pc3NUaW1lb3V0KCkpO1xuXHRcdH1cblx0fVxuXG5cdC8qKlxuXHQgKiBDbG9zZXMgQm9vdFN0cmFwIEFsZXJ0IGlmIG5vdCBvcGVuXG5cdCAqXG5cdCAqIEBhdXRob3IgUGF2YW4gS3VtYXIgSmFkZGFcblx0ICogQHNpbmNlIDEyLjAuMFxuXHQgKi9cblx0Y2xvc2VBbGVydCgpOiB2b2lkIHtcblx0XHRpZiAoIXRoaXMuaXNPcGVuKCkpIHtcblx0XHRcdHJldHVybjtcblx0XHR9XG5cdFx0dGhpcy5vcGVuLnNldChmYWxzZSk7XG5cdH1cblxuXHQvKipcblx0ICogT3BlbnMgQm9vdHN0cmFwIEFsZXJ0XG5cdCAqXG5cdCAqIEBhdXRob3IgUGF2YW4gS3VtYXIgSmFkZGFcblx0ICogQHNpbmNlIDEyLjAuMFxuXHQgKi9cblx0cHJpdmF0ZSBvcGVuQWxlcnQoKTogdm9pZCB7XG5cdFx0dGhpcy5vcGVuLnNldCh0cnVlKTtcblx0fVxufVxuIiwiQGlmIChvcGVuKCkpIHtcblx0PGRpdiBjbGFzcz1cInJvdyB7eyBjbGFzcygpIH19XCI+XG5cdFx0PGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLWF1dG8gbXgtYXV0b1wiPlxuXHRcdFx0PGRpdiBjbGFzcz1cImFsZXJ0IGFsZXJ0LXt7IHR5cGUoKSB9fSBhbGVydC1kaXNtaXNzaWJsZSBhbGVydF9kaXZcIiByb2xlPVwiYWxlcnRcIj5cblx0XHRcdFx0PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXHRcdFx0XHRAaWYgKGRpc21pc3NpYmxlKCkpIHtcblx0XHRcdFx0XHQ8YnV0dG9uIChjbGljayk9XCJjbG9zZUFsZXJ0KClcIiBhcmlhLWxhYmVsPVwiQ2xvc2VcIiBjbGFzcz1cImJ0bi1jbG9zZVwiIGRhdGEtYnMtZGlzbWlzcz1cImFsZXJ0XCIgdHlwZT1cImJ1dHRvblwiPjwvYnV0dG9uPlxuXHRcdFx0XHR9XG5cdFx0XHQ8L2Rpdj5cblx0XHQ8L2Rpdj5cblx0PC9kaXY+XG59XG4iXX0=

package/esm2022/lib/components/autocomplete/autocomplete.component.mjs

@@ -0,0 +1,172 @@
+import { Component, Input, input, Optional, output, ViewChild, } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { ReactiveFormsModule } from '@angular/forms';
+import { map, startWith } from 'rxjs/operators';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { TypeOfPipe } from '../../pipes/type-of.pipe';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { AsyncPipe } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/autocomplete";
+import * as i4 from "@angular/material/core";
+import * as i5 from "@angular/material/input";
+import * as i6 from "@angular/material/button";
+import * as i7 from "@angular/material/icon";
+/**
+ * Reusable Auto Complete component that extends MatAutoComplete to show Clear icon and Arrow buttons
+ *
+ * @author Pavan Kumar Jadda
+ * @since 12.0.0
+ */
+export class AutocompleteComponent {
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+        /**
+         * Label of the AutoComplete
+         */
+        this.label = input('');
+        /**
+         * Placeholder of the AutoComplete
+         */
+        this.placeHolder = input('');
+        /**
+         * Appearance of the AutoComplete, defaults to `fill`
+         */
+        this.appearance = input('fill');
+        /**
+         * List of CSS classes that need to applied to autocomplete
+         */
+        this.classes = input('');
+        /**
+         * Attribute of the Object whose value would be shown when searching for data. Defaults to `ID`
+         */
+        this.bindLabel = input('');
+        /**
+         * Attribute of the Object whose value would be used for search
+         */
+        this.bindValue = input('id');
+        /**
+         * Function that maps an option's control value to its display value in the trigger.
+         */
+        this.displayWith = null;
+        /**
+         * Specifies if the autocomplete is required. Default is not required.
+         */
+        this.required = input(false);
+        /**
+         * List of Objects that need to be bind and searched for
+         */
+        this.data = input();
+        /**
+         * Emit selected value on selection changes
+         *
+         * @author Pavan Kumar Jadda
+         * @since 13.0.3
+         */
+        this.onSelectionChange = output();
+        /**
+         * BehaviorSubject that shows the current active arrow icon
+         */
+        this.arrowIconSubject = new BehaviorSubject('arrow_drop_down');
+    }
+    ngAfterContentChecked() {
+        this.cdRef.detectChanges();
+    }
+    /**
+     * Define autocomplete search filter on search text changes
+     *
+     * @author Pavan Kumar Jadda
+     * @since 12.0.0
+     */
+    ngOnInit() {
+        this.filteredOptions = this.inputFormGroup?.get('autocomplete')?.valueChanges.pipe(startWith(''), map((value) => (typeof value === 'string' ? value : value !== null ? value[this.bindLabel()] : '')), map((propertyName) => this.data()?.filter((option) => {
+            return typeof option === 'string'
+                ? option?.toLowerCase().indexOf(propertyName.toLowerCase()) === 0
+                : option[this.bindLabel()]?.toLowerCase().indexOf(propertyName.toLowerCase()) === 0;
+        }) ?? this.data()?.slice()));
+    }
+    ngOnChanges(_changes) {
+        this.displayFn = this.displayFn.bind(this);
+    }
+    /**
+     * Clear input and Reset autocomplete form control
+     *
+     * @author Pavan Kumar Jadda
+     * @since 12.0.0
+     */
+    clearInput(evt) {
+        evt.stopPropagation();
+        this.inputFormGroup.get('autocomplete')?.reset();
+        this.inputAutoComplete?.nativeElement.focus();
+    }
+    /**
+     * Open or Close panel
+     *
+     * @author Pavan Kumar Jadda
+     * @since 12.0.0
+     */
+    openOrClosePanel(evt, trigger) {
+        evt.stopPropagation();
+        if (trigger.panelOpen)
+            trigger.closePanel();
+        else
+            trigger.openPanel();
+    }
+    /**
+     * Display function that is used to show the values
+     *
+     * @author Pavan Kumar Jadda
+     * @since 12.0.0
+     */
+    displayFn(object) {
+        if (this.displayWith !== undefined && this.displayWith !== null && typeof this.displayWith === 'function') {
+            this.displayFn = this.displayWith.bind(this);
+            return this.displayWith(object);
+        }
+        else {
+            if (typeof object === 'string')
+                return object;
+            return object && object[this.bindLabel()] ? object[this.bindLabel()] : '';
+        }
+    }
+    /**
+     * Emit selected value
+     * @param $event - Event emitted by autocomplete
+     *
+     * @author Pavan Kumar Jadda
+     * @since 13.0.3
+     */
+    emitSelectedValue($event) {
+        this.onSelectionChange.emit($event.source.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: AutocompleteComponent, isStandalone: true, selector: "autocomplete, lib-autocomplete", inputs: { inputFormGroup: { classPropertyName: "inputFormGroup", publicName: "inputFormGroup", isSignal: false, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeHolder: { classPropertyName: "placeHolder", publicName: "placeHolder", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, bindLabel: { classPropertyName: "bindLabel", publicName: "bindLabel", isSignal: true, isRequired: false, transformFunction: null }, bindValue: { classPropertyName: "bindValue", publicName: "bindValue", isSignal: true, isRequired: false, transformFunction: null }, displayWith: { classPropertyName: "displayWith", publicName: "displayWith", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChange: "onSelectionChange" }, viewQueries: [{ propertyName: "inputAutoComplete", first: true, predicate: ["inputAutoComplete"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [formGroup]=\"inputFormGroup\">\n\t<mat-form-field appearance=\"fill\" class=\"{{ classes() }}\">\n\t\t<mat-label>{{ label() }}</mat-label>\n\t\t<input\n\t\t\t#inputAutoComplete\n\t\t\t#trigger=\"matAutocompleteTrigger\"\n\t\t\t[matAutocomplete]=\"auto\"\n\t\t\t[placeholder]=\"placeHolder()\"\n\t\t\t[required]=\"required()\"\n\t\t\tformControlName=\"autocomplete\"\n\t\t\tmatInput\n\t\t\ttype=\"text\" />\n\n\t\t<div matSuffix style=\"display: flex\">\n\t\t\t@if (!!inputFormGroup.get('autocomplete')?.value) {\n\t\t\t\t<button (click)=\"clearInput($event)\" aria-label=\"Clear\" mat-icon-button type=\"button\">\n\t\t\t\t\t<mat-icon>clear</mat-icon>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button (click)=\"openOrClosePanel($event, trigger)\" aria-label=\"Clear\" mat-icon-button type=\"button\">\n\t\t\t\t<mat-icon>{{ arrowIconSubject.getValue() }}</mat-icon>\n\t\t\t</button>\n\t\t</div>\n\n\t\t<mat-autocomplete\n\t\t\t#auto=\"matAutocomplete\"\n\t\t\t(closed)=\"arrowIconSubject.next('arrow_drop_down')\"\n\t\t\t(opened)=\"arrowIconSubject.next('arrow_drop_up')\"\n\t\t\t(optionSelected)=\"arrowIconSubject.next('arrow_drop_down')\"\n\t\t\t[displayWith]=\"displayFn\">\n\t\t\t@for (option of filteredOptions | async; track option[bindValue()]) {\n\t\t\t\t<mat-option (onSelectionChange)=\"emitSelectedValue($event)\" [value]=\"option\">\n\t\t\t\t\t@if ((option | typeOf) === 'string') {\n\t\t\t\t\t\t<ng-container>{{ option }}</ng-container>\n\t\t\t\t\t} @else if ((option | typeOf) === 'object') {\n\t\t\t\t\t\t<ng-container>{{ option[bindLabel()] }}</ng-container>\n\t\t\t\t\t}\n\t\t\t\t</mat-option>\n\t\t\t}\n\t\t</mat-autocomplete>\n\t</mat-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TypeOfPipe, name: "typeOf" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i3.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'autocomplete, lib-autocomplete', standalone: true, imports: [
+                        ReactiveFormsModule,
+                        TypeOfPipe,
+                        MatFormFieldModule,
+                        MatAutocompleteModule,
+                        MatInputModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        AsyncPipe,
+                    ], template: "<div [formGroup]=\"inputFormGroup\">\n\t<mat-form-field appearance=\"fill\" class=\"{{ classes() }}\">\n\t\t<mat-label>{{ label() }}</mat-label>\n\t\t<input\n\t\t\t#inputAutoComplete\n\t\t\t#trigger=\"matAutocompleteTrigger\"\n\t\t\t[matAutocomplete]=\"auto\"\n\t\t\t[placeholder]=\"placeHolder()\"\n\t\t\t[required]=\"required()\"\n\t\t\tformControlName=\"autocomplete\"\n\t\t\tmatInput\n\t\t\ttype=\"text\" />\n\n\t\t<div matSuffix style=\"display: flex\">\n\t\t\t@if (!!inputFormGroup.get('autocomplete')?.value) {\n\t\t\t\t<button (click)=\"clearInput($event)\" aria-label=\"Clear\" mat-icon-button type=\"button\">\n\t\t\t\t\t<mat-icon>clear</mat-icon>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button (click)=\"openOrClosePanel($event, trigger)\" aria-label=\"Clear\" mat-icon-button type=\"button\">\n\t\t\t\t<mat-icon>{{ arrowIconSubject.getValue() }}</mat-icon>\n\t\t\t</button>\n\t\t</div>\n\n\t\t<mat-autocomplete\n\t\t\t#auto=\"matAutocomplete\"\n\t\t\t(closed)=\"arrowIconSubject.next('arrow_drop_down')\"\n\t\t\t(opened)=\"arrowIconSubject.next('arrow_drop_up')\"\n\t\t\t(optionSelected)=\"arrowIconSubject.next('arrow_drop_down')\"\n\t\t\t[displayWith]=\"displayFn\">\n\t\t\t@for (option of filteredOptions | async; track option[bindValue()]) {\n\t\t\t\t<mat-option (onSelectionChange)=\"emitSelectedValue($event)\" [value]=\"option\">\n\t\t\t\t\t@if ((option | typeOf) === 'string') {\n\t\t\t\t\t\t<ng-container>{{ option }}</ng-container>\n\t\t\t\t\t} @else if ((option | typeOf) === 'object') {\n\t\t\t\t\t\t<ng-container>{{ option[bindLabel()] }}</ng-container>\n\t\t\t\t\t}\n\t\t\t\t</mat-option>\n\t\t\t}\n\t\t</mat-autocomplete>\n\t</mat-form-field>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { inputAutoComplete: [{
+                type: ViewChild,
+                args: ['inputAutoComplete']
+            }], inputFormGroup: [{
+                type: Input
+            }], displayWith: [{
+                type: Input
+            }, {
+                type: Optional
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1raXQvc3JjL2xpYi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLFNBQVMsRUFFVCxLQUFLLEVBQ0wsS0FBSyxFQUdMLFFBQVEsRUFDUixNQUFNLEVBRU4sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxlQUFlLEVBQWEsTUFBTSxNQUFNLENBQUM7QUFDakQsT0FBTyxFQUFZLG1CQUFtQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUQsT0FBTyxFQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUM5QyxPQUFPLEVBQUMscUJBQXFCLEVBQXlCLE1BQU0sZ0NBQWdDLENBQUM7QUFFN0YsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7Ozs7O0FBRTFDOzs7OztHQUtHO0FBZ0JILE1BQU0sT0FBTyxxQkFBcUI7SUEwRWpDLFlBQW9CLEtBQXdCO1FBQXhCLFVBQUss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QUFVO3dCQUNWLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixTQUFTO3FCQUNUO3NGQU8rQixpQkFBaUI7c0JBQWhELFNBQVM7dUJBQUMsbUJBQW1CO2dCQUtyQixjQUFjO3NCQUF0QixLQUFLO2dCQW1DZSxXQUFXO3NCQUEvQixLQUFLOztzQkFBSSxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIGlucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uSW5pdCxcbiAgT3B0aW9uYWwsXG4gIG91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcbmltcG9ydCB7Rm9ybUdyb3VwLCBSZWFjdGl2ZUZvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge21hcCwgc3RhcnRXaXRofSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQge01hdEF1dG9jb21wbGV0ZU1vZHVsZSwgTWF0QXV0b2NvbXBsZXRlVHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYXV0b2NvbXBsZXRlJztcbmltcG9ydCB7TWF0T3B0aW9uU2VsZWN0aW9uQ2hhbmdlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7TWF0Rm9ybUZpZWxkTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7TWF0SW5wdXRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7VHlwZU9mUGlwZX0gZnJvbSAnLi4vLi4vcGlwZXMvdHlwZS1vZi5waXBlJztcbmltcG9ydCB7TWF0QnV0dG9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHtNYXRJY29uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7QXN5bmNQaXBlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG4vKipcbiAqIFJldXNhYmxlIEF1dG8gQ29tcGxldGUgY29tcG9uZW50IHRoYXQgZXh0ZW5kcyBNYXRBdXRvQ29tcGxldGUgdG8gc2hvdyBDbGVhciBpY29uIGFuZCBBcnJvdyBidXR0b25zXG4gKlxuICogQGF1dGhvciBQYXZhbiBLdW1hciBKYWRkYVxuICogQHNpbmNlIDEyLjAuMFxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdhdXRvY29tcGxldGUsIGxpYi1hdXRvY29tcGxldGUnLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbXG5cdFx0UmVhY3RpdmVGb3Jtc01vZHVsZSxcblx0XHRUeXBlT2ZQaXBlLFxuXHRcdE1hdEZvcm1GaWVsZE1vZHVsZSxcblx0XHRNYXRBdXRvY29tcGxldGVNb2R1bGUsXG5cdFx0TWF0SW5wdXRNb2R1bGUsXG5cdFx0TWF0QnV0dG9uTW9kdWxlLFxuXHRcdE1hdEljb25Nb2R1bGUsXG5cdFx0QXN5bmNQaXBlLFxuXHRdLFxuXHR0ZW1wbGF0ZVVybDogJy4vYXV0b2NvbXBsZXRlLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgQXV0b2NvbXBsZXRlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMsIEFmdGVyQ29udGVudENoZWNrZWQge1xuXHQvKipcblx0ICogR2V0cyByZWZlcmVuY2UgaW5wdXRBdXRvQ29tcGxldGUgSFRNTCBhdHRyaWJ1dGVcblx0ICovXG5cdEBWaWV3Q2hpbGQoJ2lucHV0QXV0b0NvbXBsZXRlJykgaW5wdXRBdXRvQ29tcGxldGUhOiBFbGVtZW50UmVmO1xuXG5cdC8qKlxuXHQgKiBJbnB1dCBmb3JtIGdyb3VwIG9mIHRoZSBhdXRvIGNvbXBsZXRlXG5cdCAqL1xuXHRASW5wdXQoKSBpbnB1dEZvcm1Hcm91cCE6IEZvcm1Hcm91cDtcblxuXHQvKipcblx0ICogTGFiZWwgb2YgdGhlIEF1dG9Db21wbGV0ZVxuXHQgKi9cblx0bGFiZWwgPSBpbnB1dCgnJyk7XG5cblx0LyoqXG5cdCAqIFBsYWNlaG9sZGVyIG9mIHRoZSBBdXRvQ29tcGxldGVcblx0ICovXG5cdHBsYWNlSG9sZGVyID0gaW5wdXQoJycpO1xuXG5cdC8qKlxuXHQgKiBBcHBlYXJhbmNlIG9mIHRoZSBBdXRvQ29tcGxldGUsIGRlZmF1bHRzIHRvIGBmaWxsYFxuXHQgKi9cblx0YXBwZWFyYW5jZSA9IGlucHV0KCdmaWxsJyk7XG5cblx0LyoqXG5cdCAqIExpc3Qgb2YgQ1NTIGNsYXNzZXMgdGhhdCBuZWVkIHRvIGFwcGxpZWQgdG8gYXV0b2NvbXBsZXRlXG5cdCAqL1xuXHRjbGFzc2VzID0gaW5wdXQoJycpO1xuXG5cdC8qKlxuXHQgKiBBdHRyaWJ1dGUgb2YgdGhlIE9iamVjdCB3aG9zZSB2YWx1ZSB3b3VsZCBiZSBzaG93biB3aGVuIHNlYXJjaGluZyBmb3IgZGF0YS4gRGVmYXVsdHMgdG8gYElEYFxuXHQgKi9cblx0YmluZExhYmVsID0gaW5wdXQoJycpO1xuXG5cdC8qKlxuXHQgKiBBdHRyaWJ1dGUgb2YgdGhlIE9iamVjdCB3aG9zZSB2YWx1ZSB3b3VsZCBiZSB1c2VkIGZvciBzZWFyY2hcblx0ICovXG5cdGJpbmRWYWx1ZSA9IGlucHV0KCdpZCcpO1xuXG5cdC8qKlxuXHQgKiBGdW5jdGlvbiB0aGF0IG1hcHMgYW4gb3B0aW9uJ3MgY29udHJvbCB2YWx1ZSB0byBpdHMgZGlzcGxheSB2YWx1ZSBpbiB0aGUgdHJpZ2dlci5cblx0ICovXG5cdEBJbnB1dCgpIEBPcHRpb25hbCgpIGRpc3BsYXlXaXRoOiAoKHZhbHVlOiBhbnkpID0+IHN0cmluZykgfCBudWxsID0gbnVsbDtcblxuXHQvKipcblx0ICogU3BlY2lmaWVzIGlmIHRoZSBhdXRvY29tcGxldGUgaXMgcmVxdWlyZWQuIERlZmF1bHQgaXMgbm90IHJlcXVpcmVkLlxuXHQgKi9cblx0cmVxdWlyZWQgPSBpbnB1dChmYWxzZSk7XG5cblx0LyoqXG5cdCAqIExpc3Qgb2YgT2JqZWN0cyB0aGF0IG5lZWQgdG8gYmUgYmluZCBhbmQgc2VhcmNoZWQgZm9yXG5cdCAqL1xuXHRkYXRhID0gaW5wdXQ8c3RyaW5nW10gfCBhbnlbXT4oKTtcblxuXHQvKipcblx0ICogRW1pdCBzZWxlY3RlZCB2YWx1ZSBvbiBzZWxlY3Rpb24gY2hhbmdlc1xuXHQgKlxuXHQgKiBAYXV0aG9yIFBhdmFuIEt1bWFyIEphZGRhXG5cdCAqIEBzaW5jZSAxMy4wLjNcblx0ICovXG5cdG9uU2VsZWN0aW9uQ2hhbmdlID0gb3V0cHV0PGFueT4oKTtcblxuXHQvKipcblx0ICogQmVoYXZpb3JTdWJqZWN0IHRoYXQgc2hvd3MgdGhlIGN1cnJlbnQgYWN0aXZlIGFycm93IGljb25cblx0ICovXG5cdGFycm93SWNvblN1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0KCdhcnJvd19kcm9wX2Rvd24nKTtcblxuXHQvKipcblx0ICogRmlsdGVyZWQgb3B0aW9ucyB3aGVuIHVzZXJcblx0ICovXG5cdGZpbHRlcmVkT3B0aW9uczogT2JzZXJ2YWJsZTxhbnlbXSB8IHVuZGVmaW5lZD4gfCB1bmRlZmluZWQ7XG5cblx0Y29uc3RydWN0b3IocHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cblx0bmdBZnRlckNvbnRlbnRDaGVja2VkKCk6IHZvaWQge1xuXHRcdHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuXHR9XG5cblx0LyoqXG5cdCAqIERlZmluZSBhdXRvY29tcGxldGUgc2VhcmNoIGZpbHRlciBvbiBzZWFyY2ggdGV4dCBjaGFuZ2VzXG5cdCAqXG5cdCAqIEBhdXRob3IgUGF2YW4gS3VtYXIgSmFkZGFcblx0ICogQHNpbmNlIDEyLjAuMFxuXHQgKi9cblx0bmdPbkluaXQoKSB7XG5cdFx0dGhpcy5maWx0ZXJlZE9wdGlvbnMgPSB0aGlzLmlucHV0Rm9ybUdyb3VwPy5nZXQoJ2F1dG9jb21wbGV0ZScpPy52YWx1ZUNoYW5nZXMucGlwZShcblx0XHRcdHN0YXJ0V2l0aCgnJyksXG5cdFx0XHRtYXAoKHZhbHVlKSA9PiAodHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJyA/IHZhbHVlIDogdmFsdWUgIT09IG51bGwgPyB2YWx1ZVt0aGlzLmJpbmRMYWJlbCgpXSA6ICcnKSksXG5cdFx0XHRtYXAoXG5cdFx0XHRcdChwcm9wZXJ0eU5hbWUpID0+XG5cdFx0XHRcdFx0dGhpcy5kYXRhKCk/LmZpbHRlcigob3B0aW9uKSA9PiB7XG5cdFx0XHRcdFx0XHRyZXR1cm4gdHlwZW9mIG9wdGlvbiA9PT0gJ3N0cmluZydcblx0XHRcdFx0XHRcdFx0PyBvcHRpb24/LnRvTG93ZXJDYXNlKCkuaW5kZXhPZihwcm9wZXJ0eU5hbWUudG9Mb3dlckNhc2UoKSkgPT09IDBcblx0XHRcdFx0XHRcdFx0OiBvcHRpb25bdGhpcy5iaW5kTGFiZWwoKV0/LnRvTG93ZXJDYXNlKCkuaW5kZXhPZihwcm9wZXJ0eU5hbWUudG9Mb3dlckNhc2UoKSkgPT09IDA7XG5cdFx0XHRcdFx0fSkgPz8gdGhpcy5kYXRhKCk/LnNsaWNlKCksXG5cdFx0XHQpLFxuXHRcdCk7XG5cdH1cblxuXHRuZ09uQ2hhbmdlcyhfY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuXHRcdHRoaXMuZGlzcGxheUZuID0gdGhpcy5kaXNwbGF5Rm4uYmluZCh0aGlzKTtcblx0fVxuXG5cdC8qKlxuXHQgKiBDbGVhciBpbnB1dCBhbmQgUmVzZXQgYXV0b2NvbXBsZXRlIGZvcm0gY29udHJvbFxuXHQgKlxuXHQgKiBAYXV0aG9yIFBhdmFuIEt1bWFyIEphZGRhXG5cdCAqIEBzaW5jZSAxMi4wLjBcblx0ICovXG5cdGNsZWFySW5wdXQoZXZ0OiBhbnkpOiB2b2lkIHtcblx0XHRldnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cdFx0dGhpcy5pbnB1dEZvcm1Hcm91cC5nZXQoJ2F1dG9jb21wbGV0ZScpPy5yZXNldCgpO1xuXHRcdHRoaXMuaW5wdXRBdXRvQ29tcGxldGU/Lm5hdGl2ZUVsZW1lbnQuZm9jdXMoKTtcblx0fVxuXG5cdC8qKlxuXHQgKiBPcGVuIG9yIENsb3NlIHBhbmVsXG5cdCAqXG5cdCAqIEBhdXRob3IgUGF2YW4gS3VtYXIgSmFkZGFcblx0ICogQHNpbmNlIDEyLjAuMFxuXHQgKi9cblx0b3Blbk9yQ2xvc2VQYW5lbChldnQ6IGFueSwgdHJpZ2dlcjogTWF0QXV0b2NvbXBsZXRlVHJpZ2dlcik6IHZvaWQge1xuXHRcdGV2dC5zdG9wUHJvcGFnYXRpb24oKTtcblx0XHRpZiAodHJpZ2dlci5wYW5lbE9wZW4pIHRyaWdnZXIuY2xvc2VQYW5lbCgpO1xuXHRcdGVsc2UgdHJpZ2dlci5vcGVuUGFuZWwoKTtcblx0fVxuXG5cdC8qKlxuXHQgKiBEaXNwbGF5IGZ1bmN0aW9uIHRoYXQgaXMgdXNlZCB0byBzaG93IHRoZSB2YWx1ZXNcblx0ICpcblx0ICogQGF1dGhvciBQYXZhbiBLdW1hciBKYWRkYVxuXHQgKiBAc2luY2UgMTIuMC4wXG5cdCAqL1xuXHRkaXNwbGF5Rm4ob2JqZWN0OiBhbnkpOiBzdHJpbmcge1xuXHRcdGlmICh0aGlzLmRpc3BsYXlXaXRoICE9PSB1bmRlZmluZWQgJiYgdGhpcy5kaXNwbGF5V2l0aCAhPT0gbnVsbCAmJiB0eXBlb2YgdGhpcy5kaXNwbGF5V2l0aCA9PT0gJ2Z1bmN0aW9uJykge1xuXHRcdFx0dGhpcy5kaXNwbGF5Rm4gPSB0aGlzLmRpc3BsYXlXaXRoLmJpbmQodGhpcyk7XG5cdFx0XHRyZXR1cm4gdGhpcy5kaXNwbGF5V2l0aChvYmplY3QpO1xuXHRcdH0gZWxzZSB7XG5cdFx0XHRpZiAodHlwZW9mIG9iamVjdCA9PT0gJ3N0cmluZycpIHJldHVybiBvYmplY3Q7XG5cdFx0XHRyZXR1cm4gb2JqZWN0ICYmIG9iamVjdFt0aGlzLmJpbmRMYWJlbCgpXSA/IG9iamVjdFt0aGlzLmJpbmRMYWJlbCgpXSA6ICcnO1xuXHRcdH1cblx0fVxuXG5cdC8qKlxuXHQgKiBFbWl0IHNlbGVjdGVkIHZhbHVlXG5cdCAqIEBwYXJhbSAkZXZlbnQgLSBFdmVudCBlbWl0dGVkIGJ5IGF1dG9jb21wbGV0ZVxuXHQgKlxuXHQgKiBAYXV0aG9yIFBhdmFuIEt1bWFyIEphZGRhXG5cdCAqIEBzaW5jZSAxMy4wLjNcblx0ICovXG5cdGVtaXRTZWxlY3RlZFZhbHVlKCRldmVudDogTWF0T3B0aW9uU2VsZWN0aW9uQ2hhbmdlKSB7XG5cdFx0dGhpcy5vblNlbGVjdGlvbkNoYW5nZS5lbWl0KCRldmVudC5zb3VyY2UudmFsdWUpO1xuXHR9XG59XG4iLCI8ZGl2IFtmb3JtR3JvdXBdPVwiaW5wdXRGb3JtR3JvdXBcIj5cblx0PG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCIgY2xhc3M9XCJ7eyBjbGFzc2VzKCkgfX1cIj5cblx0XHQ8bWF0LWxhYmVsPnt7IGxhYmVsKCkgfX08L21hdC1sYWJlbD5cblx0XHQ8aW5wdXRcblx0XHRcdCNpbnB1dEF1dG9Db21wbGV0ZVxuXHRcdFx0I3RyaWdnZXI9XCJtYXRBdXRvY29tcGxldGVUcmlnZ2VyXCJcblx0XHRcdFttYXRBdXRvY29tcGxldGVdPVwiYXV0b1wiXG5cdFx0XHRbcGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXIoKVwiXG5cdFx0XHRbcmVxdWlyZWRdPVwicmVxdWlyZWQoKVwiXG5cdFx0XHRmb3JtQ29udHJvbE5hbWU9XCJhdXRvY29tcGxldGVcIlxuXHRcdFx0bWF0SW5wdXRcblx0XHRcdHR5cGU9XCJ0ZXh0XCIgLz5cblxuXHRcdDxkaXYgbWF0U3VmZml4IHN0eWxlPVwiZGlzcGxheTogZmxleFwiPlxuXHRcdFx0QGlmICghIWlucHV0Rm9ybUdyb3VwLmdldCgnYXV0b2NvbXBsZXRlJyk/LnZhbHVlKSB7XG5cdFx0XHRcdDxidXR0b24gKGNsaWNrKT1cImNsZWFySW5wdXQoJGV2ZW50KVwiIGFyaWEtbGFiZWw9XCJDbGVhclwiIG1hdC1pY29uLWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCI+XG5cdFx0XHRcdFx0PG1hdC1pY29uPmNsZWFyPC9tYXQtaWNvbj5cblx0XHRcdFx0PC9idXR0b24+XG5cdFx0XHR9XG5cdFx0XHQ8YnV0dG9uIChjbGljayk9XCJvcGVuT3JDbG9zZVBhbmVsKCRldmVudCwgdHJpZ2dlcilcIiBhcmlhLWxhYmVsPVwiQ2xlYXJcIiBtYXQtaWNvbi1idXR0b24gdHlwZT1cImJ1dHRvblwiPlxuXHRcdFx0XHQ8bWF0LWljb24+e3sgYXJyb3dJY29uU3ViamVjdC5nZXRWYWx1ZSgpIH19PC9tYXQtaWNvbj5cblx0XHRcdDwvYnV0dG9uPlxuXHRcdDwvZGl2PlxuXG5cdFx0PG1hdC1hdXRvY29tcGxldGVcblx0XHRcdCNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCJcblx0XHRcdChjbG9zZWQpPVwiYXJyb3dJY29uU3ViamVjdC5uZXh0KCdhcnJvd19kcm9wX2Rvd24nKVwiXG5cdFx0XHQob3BlbmVkKT1cImFycm93SWNvblN1YmplY3QubmV4dCgnYXJyb3dfZHJvcF91cCcpXCJcblx0XHRcdChvcHRpb25TZWxlY3RlZCk9XCJhcnJvd0ljb25TdWJqZWN0Lm5leHQoJ2Fycm93X2Ryb3BfZG93bicpXCJcblx0XHRcdFtkaXNwbGF5V2l0aF09XCJkaXNwbGF5Rm5cIj5cblx0XHRcdEBmb3IgKG9wdGlvbiBvZiBmaWx0ZXJlZE9wdGlvbnMgfCBhc3luYzsgdHJhY2sgb3B0aW9uW2JpbmRWYWx1ZSgpXSkge1xuXHRcdFx0XHQ8bWF0LW9wdGlvbiAob25TZWxlY3Rpb25DaGFuZ2UpPVwiZW1pdFNlbGVjdGVkVmFsdWUoJGV2ZW50KVwiIFt2YWx1ZV09XCJvcHRpb25cIj5cblx0XHRcdFx0XHRAaWYgKChvcHRpb24gfCB0eXBlT2YpID09PSAnc3RyaW5nJykge1xuXHRcdFx0XHRcdFx0PG5nLWNvbnRhaW5lcj57eyBvcHRpb24gfX08L25nLWNvbnRhaW5lcj5cblx0XHRcdFx0XHR9IEBlbHNlIGlmICgob3B0aW9uIHwgdHlwZU9mKSA9PT0gJ29iamVjdCcpIHtcblx0XHRcdFx0XHRcdDxuZy1jb250YWluZXI+e3sgb3B0aW9uW2JpbmRMYWJlbCgpXSB9fTwvbmctY29udGFpbmVyPlxuXHRcdFx0XHRcdH1cblx0XHRcdFx0PC9tYXQtb3B0aW9uPlxuXHRcdFx0fVxuXHRcdDwvbWF0LWF1dG9jb21wbGV0ZT5cblx0PC9tYXQtZm9ybS1maWVsZD5cbjwvZGl2PlxuIl19