coer-elements 0.0.23 → 0.0.24

package/esm2022/components/lib/coer-filebox/coer-filebox.component.mjs

@@ -0,0 +1,102 @@
+import { Component, computed, inject, Input, input, output, viewChild } from '@angular/core';
+import { CoerAlert, Files, Tools } from 'coer-elements/tools';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../coer-modal/coer-modal.component";
+import * as i3 from "coer-elements/pipes";
+export class CoerFilebox {
+    constructor() {
+        //Injections
+        this.alert = inject(CoerAlert);
+        this.IsNull = Tools.IsNull;
+        this.IsNotNull = Tools.IsNotNull;
+        //Elements
+        this.inputFileImage = viewChild.required('inputFileImage');
+        this.modal = viewChild.required('modal');
+        //Variables
+        this.base64 = '';
+        this._image = null;
+        this.imageExtensions = ['png', 'jpeg', 'jpg', 'gif', 'svg'];
+        //Inputs
+        this.type = input('image');
+        this.multiple = input(false);
+        this.isLoading = input(false);
+        this.isDisabled = input(false);
+        //Outputs
+        this.onSelected = output();
+        this.onDeleteImage = output();
+        //computed
+        this._isEnable = computed(() => {
+            return !this.isLoading() && !this.isDisabled();
+        });
+        /** */
+        this.GetExtensionFile = (fileName) => {
+            if (fileName.includes('.')) {
+                let worlds = fileName.split('.');
+                if (worlds.length > 0) {
+                    let extension = worlds.pop();
+                    extension = extension.trim();
+                    extension = extension.toLowerCase();
+                    if (extension.length > 0)
+                        return extension;
+                }
+            }
+            this.alert.Warning('The file extension could not be recognized', 'Files');
+            return null;
+        };
+    }
+    set image(value) {
+        this._image = Tools.IsNotNull(value) ? value : null;
+        if (Tools.IsNotNull(value)) {
+            if (value?.value?.name) {
+                Files.ConvertToBase64(value?.value).then(base64 => {
+                    return this.base64 = base64;
+                });
+            }
+            else
+                this.base64 = value?.value;
+        }
+    }
+    /** */
+    async UploadImages(event) {
+        const selectedFiles = Array.from(event.target.files);
+        const files = [];
+        let extension = null;
+        for (const file of selectedFiles) {
+            extension = this.GetExtensionFile(file.name) || '';
+            if (this.imageExtensions.includes(extension)) {
+                files.push({
+                    file: file,
+                    extension: extension,
+                    base64: await Files.ConvertToBase64(file)
+                });
+            }
+            else
+                this.alert.Warning(`<b>.${extension}</b> extension not allowed`, 'Files');
+        }
+        //Response
+        this.inputFileImage().nativeElement.value = null;
+        this.onSelected.emit([...files]);
+    }
+    /** */
+    DeleteImage(event) {
+        event.stopPropagation();
+        if (this._isEnable()) {
+            this.onDeleteImage.emit();
+        }
+    }
+    /** */
+    ExpandImage(event) {
+        event.stopPropagation();
+        this.modal().Open();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerFilebox, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CoerFilebox, selector: "coer-filebox", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSelected: "onSelected", onDeleteImage: "onDeleteImage" }, viewQueries: [{ propertyName: "inputFileImage", first: true, predicate: ["inputFileImage"], descendants: true, isSignal: true }, { propertyName: "modal", first: true, predicate: ["modal"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-filebox\">\r\n    @if(type() == 'image') {\r\n        <figure (click)=\"_isEnable() ? inputFileImage.click() : null\"\r\n            [ngClass]=\"{ 'dashed': IsNull(_image?.value) }\"\r\n            [ngStyle]=\"{\r\n                'margin-top': _image?.marginTop || '',\r\n                'margin-right': _image?.marginRight || '',\r\n                'margin-bottom': _image?.marginBottom || '',\r\n                'margin-left': _image?.marginLeft || ''\r\n            }\">\r\n\r\n            @if(isLoading()) {\r\n                <div class=\"loading\">\r\n                    <i class=\"spinner-border\"></i>\r\n                </div>\r\n\r\n                <div class=\"placeholder-glow\">\r\n                    <span class=\"placeholder\"></span>\r\n                </div>\r\n            }\r\n\r\n            <img [src]=\"base64 | noImage\"\r\n                [ngStyle]=\"{\r\n                    'width': _image?.width || '',\r\n                    'max-width': _image?.maxWidth || '',\r\n                    'height': _image?.height || '',\r\n                    'max-height': _image?.maxHeight || '210px'\r\n                }\">\r\n\r\n            <input #inputFileImage\r\n                type=\"file\"\r\n                accept=\"image/png, image/jpeg, image/gif, image/svg+xml\"\r\n                (change)=\"UploadImages($event)\"\r\n                [multiple]=\"multiple()\">\r\n\r\n            @if(_isEnable() && IsNotNull(_image) && IsNotNull(_image!.value)) {\r\n                <div class=\"icon-container\">\r\n                    @if(IsNull(_image?.allowDelete) || _image!.allowDelete) {\r\n                        <i class=\"fa-solid fa-trash-can\" (click)=\"DeleteImage($event)\"></i>\r\n                    }\r\n\r\n                    @if(IsNull(_image?.allowExpand) || _image!.allowExpand) {\r\n                        <i class=\"fa-solid fa-expand\" (click)=\"ExpandImage($event)\"></i>\r\n                    }\r\n                </div>\r\n            }\r\n        </figure>\r\n    }\r\n\r\n    <!-- Modal -->\r\n    <coer-modal #modal [title]=\"_image?.name || ''\" height=\"90vh\" width=\"full\">\r\n        <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + base64 + ')' }\"></div>\r\n    </coer-modal>\r\n</div>", styles: ["div.coer-filebox *{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow: #ffc107;--red: #dc3545;--white: #f5f5f5;--black: #252525;--orange: #fd6031}div.coer-filebox .text-blue{color:#0d6efd!important}div.coer-filebox .text-blue-bold{color:#0d6efd!important;font-weight:700!important}div.coer-filebox .background-blue{background-color:#0d6efd!important}div.coer-filebox .background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}div.coer-filebox .border-blue{border-color:#0d6efd!important}div.coer-filebox .text-gray{color:#6c757d!important}div.coer-filebox .text-gray-bold{color:#6c757d!important;font-weight:700!important}div.coer-filebox .background-gray{background-color:#6c757d!important}div.coer-filebox .background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}div.coer-filebox .border-gray{border-color:#6c757d!important}div.coer-filebox .text-green{color:#198754!important}div.coer-filebox .text-green-bold{color:#198754!important;font-weight:700!important}div.coer-filebox .background-green{background-color:#198754!important}div.coer-filebox .background-border-green{background-color:#198754!important;border-color:#198754!important}div.coer-filebox .border-green{border-color:#198754!important}div.coer-filebox .text-yellow{color:#ffc107!important}div.coer-filebox .text-yellow-bold{color:#ffc107!important;font-weight:700!important}div.coer-filebox .background-yellow{background-color:#ffc107!important}div.coer-filebox .background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}div.coer-filebox .border-yellow{border-color:#ffc107!important}div.coer-filebox .text-red{color:#dc3545!important}div.coer-filebox .text-red-bold{color:#dc3545!important;font-weight:700!important}div.coer-filebox .background-red{background-color:#dc3545!important}div.coer-filebox .background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}div.coer-filebox .border-red{border-color:#dc3545!important}div.coer-filebox .text-white{color:#f5f5f5!important}div.coer-filebox .text-white-bold{color:#f5f5f5!important;font-weight:700!important}div.coer-filebox .background-white{background-color:#f5f5f5!important}div.coer-filebox .background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}div.coer-filebox .border-white{border-color:#f5f5f5!important}div.coer-filebox .text-black{color:#252525!important}div.coer-filebox .text-black-bold{color:#252525!important;font-weight:700!important}div.coer-filebox .background-black{background-color:#252525!important}div.coer-filebox .background-border-black{background-color:#252525!important;border-color:#252525!important}div.coer-filebox .border-black{border-color:#252525!important}div.coer-filebox .text-orange{color:#fd6031!important}div.coer-filebox .text-orange-bold{color:#fd6031!important;font-weight:700!important}div.coer-filebox .background-orange{background-color:#fd6031!important}div.coer-filebox .background-border-orange{background-color:#fd6031!important;border-color:#fd6031!important}div.coer-filebox .border-orange{border-color:#fd6031!important}div.coer-filebox figure{position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;cursor:pointer;min-height:210px;z-index:1}div.coer-filebox .dashed{border:1px dashed #6c757d;background-color:transparent}div.coer-filebox div.loading{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;cursor:default!important}div.coer-filebox div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-filebox div.loading i.spinner-border{color:#fd6031!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-filebox span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-filebox div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox div.icon-container i{color:#6c757d;font-size:20px}div.coer-filebox div.icon-container i:hover{zoom:1.1}div.coer-filebox div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.CoerModal, selector: "coer-modal", inputs: ["id", "title", "icon", "showCloseButton", "width", "height", "maxHeight"], outputs: ["onOpen", "onClose"] }, { kind: "pipe", type: i3.NoImagePipe, name: "noImage" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerFilebox, decorators: [{
+            type: Component,
+            args: [{ selector: 'coer-filebox', template: "<div class=\"coer-filebox\">\r\n    @if(type() == 'image') {\r\n        <figure (click)=\"_isEnable() ? inputFileImage.click() : null\"\r\n            [ngClass]=\"{ 'dashed': IsNull(_image?.value) }\"\r\n            [ngStyle]=\"{\r\n                'margin-top': _image?.marginTop || '',\r\n                'margin-right': _image?.marginRight || '',\r\n                'margin-bottom': _image?.marginBottom || '',\r\n                'margin-left': _image?.marginLeft || ''\r\n            }\">\r\n\r\n            @if(isLoading()) {\r\n                <div class=\"loading\">\r\n                    <i class=\"spinner-border\"></i>\r\n                </div>\r\n\r\n                <div class=\"placeholder-glow\">\r\n                    <span class=\"placeholder\"></span>\r\n                </div>\r\n            }\r\n\r\n            <img [src]=\"base64 | noImage\"\r\n                [ngStyle]=\"{\r\n                    'width': _image?.width || '',\r\n                    'max-width': _image?.maxWidth || '',\r\n                    'height': _image?.height || '',\r\n                    'max-height': _image?.maxHeight || '210px'\r\n                }\">\r\n\r\n            <input #inputFileImage\r\n                type=\"file\"\r\n                accept=\"image/png, image/jpeg, image/gif, image/svg+xml\"\r\n                (change)=\"UploadImages($event)\"\r\n                [multiple]=\"multiple()\">\r\n\r\n            @if(_isEnable() && IsNotNull(_image) && IsNotNull(_image!.value)) {\r\n                <div class=\"icon-container\">\r\n                    @if(IsNull(_image?.allowDelete) || _image!.allowDelete) {\r\n                        <i class=\"fa-solid fa-trash-can\" (click)=\"DeleteImage($event)\"></i>\r\n                    }\r\n\r\n                    @if(IsNull(_image?.allowExpand) || _image!.allowExpand) {\r\n                        <i class=\"fa-solid fa-expand\" (click)=\"ExpandImage($event)\"></i>\r\n                    }\r\n                </div>\r\n            }\r\n        </figure>\r\n    }\r\n\r\n    <!-- Modal -->\r\n    <coer-modal #modal [title]=\"_image?.name || ''\" height=\"90vh\" width=\"full\">\r\n        <div class=\"modal-image\" [ngStyle]=\"{ 'background-image': 'url(' + base64 + ')' }\"></div>\r\n    </coer-modal>\r\n</div>", styles: ["div.coer-filebox *{--blue: #0d6efd;--gray: #6c757d;--green: #198754;--yellow: #ffc107;--red: #dc3545;--white: #f5f5f5;--black: #252525;--orange: #fd6031}div.coer-filebox .text-blue{color:#0d6efd!important}div.coer-filebox .text-blue-bold{color:#0d6efd!important;font-weight:700!important}div.coer-filebox .background-blue{background-color:#0d6efd!important}div.coer-filebox .background-border-blue{background-color:#0d6efd!important;border-color:#0d6efd!important}div.coer-filebox .border-blue{border-color:#0d6efd!important}div.coer-filebox .text-gray{color:#6c757d!important}div.coer-filebox .text-gray-bold{color:#6c757d!important;font-weight:700!important}div.coer-filebox .background-gray{background-color:#6c757d!important}div.coer-filebox .background-border-gray{background-color:#6c757d!important;border-color:#6c757d!important}div.coer-filebox .border-gray{border-color:#6c757d!important}div.coer-filebox .text-green{color:#198754!important}div.coer-filebox .text-green-bold{color:#198754!important;font-weight:700!important}div.coer-filebox .background-green{background-color:#198754!important}div.coer-filebox .background-border-green{background-color:#198754!important;border-color:#198754!important}div.coer-filebox .border-green{border-color:#198754!important}div.coer-filebox .text-yellow{color:#ffc107!important}div.coer-filebox .text-yellow-bold{color:#ffc107!important;font-weight:700!important}div.coer-filebox .background-yellow{background-color:#ffc107!important}div.coer-filebox .background-border-yellow{background-color:#ffc107!important;border-color:#ffc107!important}div.coer-filebox .border-yellow{border-color:#ffc107!important}div.coer-filebox .text-red{color:#dc3545!important}div.coer-filebox .text-red-bold{color:#dc3545!important;font-weight:700!important}div.coer-filebox .background-red{background-color:#dc3545!important}div.coer-filebox .background-border-red{background-color:#dc3545!important;border-color:#dc3545!important}div.coer-filebox .border-red{border-color:#dc3545!important}div.coer-filebox .text-white{color:#f5f5f5!important}div.coer-filebox .text-white-bold{color:#f5f5f5!important;font-weight:700!important}div.coer-filebox .background-white{background-color:#f5f5f5!important}div.coer-filebox .background-border-white{background-color:#f5f5f5!important;border-color:#f5f5f5!important}div.coer-filebox .border-white{border-color:#f5f5f5!important}div.coer-filebox .text-black{color:#252525!important}div.coer-filebox .text-black-bold{color:#252525!important;font-weight:700!important}div.coer-filebox .background-black{background-color:#252525!important}div.coer-filebox .background-border-black{background-color:#252525!important;border-color:#252525!important}div.coer-filebox .border-black{border-color:#252525!important}div.coer-filebox .text-orange{color:#fd6031!important}div.coer-filebox .text-orange-bold{color:#fd6031!important;font-weight:700!important}div.coer-filebox .background-orange{background-color:#fd6031!important}div.coer-filebox .background-border-orange{background-color:#fd6031!important;border-color:#fd6031!important}div.coer-filebox .border-orange{border-color:#fd6031!important}div.coer-filebox figure{position:relative;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;cursor:pointer;min-height:210px;z-index:1}div.coer-filebox .dashed{border:1px dashed #6c757d;background-color:transparent}div.coer-filebox div.loading{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:25px;background-color:#bbbbbb83!important;flex-direction:column!important;gap:10px!important;cursor:default!important}div.coer-filebox div.loading span.fa-fade{position:relative!important;top:50px!important}div.coer-filebox div.loading i.spinner-border{color:#fd6031!important;width:70px!important;height:70px!important;font-size:20px!important;position:absolute!important}div.coer-filebox span.placeholder{width:calc(100% + 32px)!important;height:100%!important;position:absolute!important;z-index:1!important;top:0!important;left:-16px!important;cursor:wait!important}div.coer-filebox div.icon-container{position:absolute;bottom:5px;right:5px;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px}div.coer-filebox div.icon-container i{color:#6c757d;font-size:20px}div.coer-filebox div.icon-container i:hover{zoom:1.1}div.coer-filebox div.modal-image{width:100%;height:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-size:contain;background-repeat:no-repeat;background-position:center}\n"] }]
+        }], propDecorators: { image: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29lci1maWxlYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvZXItZWxlbWVudHMvY29tcG9uZW50cy9saWIvY29lci1maWxlYm94L2NvZXItZmlsZWJveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2VyLWVsZW1lbnRzL2NvbXBvbmVudHMvbGliL2NvZXItZmlsZWJveC9jb2VyLWZpbGVib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQWMsTUFBTSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd6RyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFPOUQsTUFBTSxPQUFPLFdBQVc7SUFMeEI7UUFPSSxZQUFZO1FBQ08sVUFBSyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNuQyxXQUFNLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUN0QixjQUFTLEdBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUV0QyxVQUFVO1FBQ0EsbUJBQWMsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFhLGdCQUFnQixDQUFDLENBQUM7UUFDbEUsVUFBSyxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQVksT0FBTyxDQUFDLENBQUM7UUFFekQsV0FBVztRQUNELFdBQU0sR0FBVyxFQUFFLENBQUM7UUFDcEIsV0FBTSxHQUFzQixJQUFJLENBQUM7UUFDMUIsb0JBQWUsR0FBRyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztRQUV4RSxRQUFRO1FBQ0QsU0FBSSxHQUFHLEtBQUssQ0FB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LENBQUMsQ0FBQztZQUNQLENBQUM7O2dCQUVJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sU0FBUyw0QkFBNEIsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNuRixDQUFDO1FBRUQsVUFBVTtRQUNWLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQyxhQUFhLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQztRQUNqRCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBb0JELE1BQU07SUFDSSxXQUFXLENBQUMsS0FBVTtRQUM1QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBRyxJQUFJLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzlCLENBQUM7SUFDTCxDQUFDO0lBR0QsTUFBTTtJQUNJLFdBQVcsQ0FBQyxLQUFVO1FBQzVCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0F4R1EsV0FBVzttR0FBWCxXQUFXLG8rQkNWeEIseXVFQXFETTs7NEZEM0NPLFdBQVc7a0JBTHZCLFNBQVM7K0JBQ0ksY0FBYzs4QkEwQlgsS0FBSztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIEVsZW1lbnRSZWYsIGluamVjdCwgSW5wdXQsIGlucHV0LCBvdXRwdXQsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnOyBcclxuaW1wb3J0IHsgQ29lck1vZGFsIH0gZnJvbSAnLi4vLi4vbGliL2NvZXItbW9kYWwvY29lci1tb2RhbC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJRmlsZSwgSUZpbGVJbWFnZSB9IGZyb20gJ2NvZXItZWxlbWVudHMvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IENvZXJBbGVydCwgRmlsZXMsIFRvb2xzIH0gZnJvbSAnY29lci1lbGVtZW50cy90b29scyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnY29lci1maWxlYm94JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb2VyLWZpbGVib3guY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmw6ICcuL2NvZXItZmlsZWJveC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIENvZXJGaWxlYm94IHtcclxuXHJcbiAgICAvL0luamVjdGlvbnNcclxuICAgIHByb3RlY3RlZCByZWFkb25seSBhbGVydCA9IGluamVjdChDb2VyQWxlcnQpO1xyXG4gICAgcHJvdGVjdGVkIElzTnVsbCA9IFRvb2xzLklzTnVsbDtcclxuICAgIHByb3RlY3RlZCBJc05vdE51bGwgPSBUb29scy5Jc05vdE51bGw7XHJcblxyXG4gICAgLy9FbGVtZW50c1xyXG4gICAgcHJvdGVjdGVkIGlucHV0RmlsZUltYWdlID0gdmlld0NoaWxkLnJlcXVpcmVkPEVsZW1lbnRSZWY+KCdpbnB1dEZpbGVJbWFnZScpO1xyXG4gICAgcHJvdGVjdGVkIG1vZGFsID0gdmlld0NoaWxkLnJlcXVpcmVkPENvZXJNb2RhbD4oJ21vZGFsJyk7XHJcblxyXG4gICAgLy9WYXJpYWJsZXNcclxuICAgIHByb3RlY3RlZCBiYXNlNjQ6IHN0cmluZyA9ICcnO1xyXG4gICAgcHJvdGVjdGVkIF9pbWFnZTogSUZpbGVJbWFnZSB8IG51bGwgPSBudWxsO1xyXG4gICAgcHJpdmF0ZSByZWFkb25seSBpbWFnZUV4dGVuc2lvbnMgPSBbJ3BuZycsICdqcGVnJywgJ2pwZycsICdnaWYnLCAnc3ZnJ107XHJcblxyXG4gICAgLy9JbnB1dHNcclxuICAgIHB1YmxpYyB0eXBlID0gaW5wdXQ8J2ltYWdlJz4oJ2ltYWdlJyk7XHJcbiAgICBwdWJsaWMgbXVsdGlwbGUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcbiAgICBwdWJsaWMgaXNMb2FkaW5nID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gICAgcHVibGljIGlzRGlzYWJsZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gICAgQElucHV0KCkgc2V0IGltYWdlKHZhbHVlOiBJRmlsZUltYWdlIHwgbnVsbCB8IHVuZGVmaW5lZCkge1xyXG4gICAgICAgIHRoaXMuX2ltYWdlID0gVG9vbHMuSXNOb3ROdWxsKHZhbHVlKSA/IHZhbHVlIGFzIElGaWxlSW1hZ2UgOiBudWxsO1xyXG5cclxuICAgICAgICBpZihUb29scy5Jc05vdE51bGwodmFsdWUpKSB7XHJcbiAgICAgICAgICAgIGlmKCh2YWx1ZT8udmFsdWUgYXMgRmlsZSk/Lm5hbWUpIHtcclxuICAgICAgICAgICAgICAgIEZpbGVzLkNvbnZlcnRUb0Jhc2U2NCh2YWx1ZT8udmFsdWUgYXMgRmlsZSkudGhlbihiYXNlNjQgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB0aGlzLmJhc2U2NCA9IGJhc2U2NDtcclxuICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICBlbHNlIHRoaXMuYmFzZTY0ID0gKHZhbHVlPy52YWx1ZSBhcyBzdHJpbmcpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICAvL091dHB1dHNcclxuICAgIHB1YmxpYyBvblNlbGVjdGVkID0gb3V0cHV0PElGaWxlW10+KCk7XHJcbiAgICBwdWJsaWMgb25EZWxldGVJbWFnZSA9IG91dHB1dDx2b2lkPigpO1xyXG5cclxuICAgIC8vY29tcHV0ZWRcclxuICAgIHByb3RlY3RlZCBfaXNFbmFibGUgPSBjb21wdXRlZDxib29sZWFuPigoKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuICF0aGlzLmlzTG9hZGluZygpICYmICF0aGlzLmlzRGlzYWJsZWQoKTtcclxuICAgIH0pO1xyXG5cclxuXHJcbiAgICAvKiogKi9cclxuICAgIHByb3RlY3RlZCBhc3luYyBVcGxvYWRJbWFnZXMoZXZlbnQ6IGFueSk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgICAgIGNvbnN0IHNlbGVjdGVkRmlsZXM6IEZpbGVbXSA9IEFycmF5LmZyb20oZXZlbnQudGFyZ2V0LmZpbGVzKTtcclxuXHJcbiAgICAgICAgY29uc3QgZmlsZXM6IElGaWxlW10gPSBbXTtcclxuICAgICAgICBsZXQgZXh0ZW5zaW9uOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuICAgICAgICBmb3IgKGNvbnN0IGZpbGUgb2Ygc2VsZWN0ZWRGaWxlcykge1xyXG5cclxuICAgICAgICAgICAgZXh0ZW5zaW9uID0gdGhpcy5HZXRFeHRlbnNpb25GaWxlKGZpbGUubmFtZSkgfHwgJyc7XHJcblxyXG4gICAgICAgICAgICBpZiAodGhpcy5pbWFnZUV4dGVuc2lvbnMuaW5jbHVkZXMoZXh0ZW5zaW9uKSkge1xyXG4gICAgICAgICAgICAgICAgZmlsZXMucHVzaCh7XHJcbiAgICAgICAgICAgICAgICAgICAgZmlsZTogZmlsZSxcclxuICAgICAgICAgICAgICAgICAgICBleHRlbnNpb246IGV4dGVuc2lvbixcclxuICAgICAgICAgICAgICAgICAgICBiYXNlNjQ6IGF3YWl0IEZpbGVzLkNvbnZlcnRUb0Jhc2U2NChmaWxlKSBhcyBzdHJpbmdcclxuICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICBlbHNlIHRoaXMuYWxlcnQuV2FybmluZyhgPGI+LiR7ZXh0ZW5zaW9ufTwvYj4gZXh0ZW5zaW9uIG5vdCBhbGxvd2VkYCwgJ0ZpbGVzJyk7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvL1Jlc3BvbnNlXHJcbiAgICAgICAgdGhpcy5pbnB1dEZpbGVJbWFnZSgpLm5hdGl2ZUVsZW1lbnQudmFsdWUgPSBudWxsO1xyXG4gICAgICAgIHRoaXMub25TZWxlY3RlZC5lbWl0KFsuLi5maWxlc10pO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICAvKiogKi9cclxuICAgIHByaXZhdGUgR2V0RXh0ZW5zaW9uRmlsZSA9IChmaWxlTmFtZTogc3RyaW5nKTogc3RyaW5nIHwgbnVsbCA9PiB7XHJcbiAgICAgICAgaWYgKGZpbGVOYW1lLmluY2x1ZGVzKCcuJykpIHtcclxuICAgICAgICAgICAgbGV0IHdvcmxkcyA9IGZpbGVOYW1lLnNwbGl0KCcuJykgYXMgc3RyaW5nW107XHJcbiAgICAgICAgICAgIGlmICh3b3JsZHMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICAgICAgbGV0IGV4dGVuc2lvbiA9IHdvcmxkcy5wb3AoKSE7XHJcbiAgICAgICAgICAgICAgICBleHRlbnNpb24gPSBleHRlbnNpb24udHJpbSgpO1xyXG4gICAgICAgICAgICAgICAgZXh0ZW5zaW9uID0gZXh0ZW5zaW9uLnRvTG93ZXJDYXNlKCk7XHJcbiAgICAgICAgICAgICAgICBpZiAoZXh0ZW5zaW9uLmxlbmd0aCA+IDApIHJldHVybiBleHRlbnNpb247XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHRoaXMuYWxlcnQuV2FybmluZygnVGhlIGZpbGUgZXh0ZW5zaW9uIGNvdWxkIG5vdCBiZSByZWNvZ25pemVkJywgJ0ZpbGVzJyk7XHJcbiAgICAgICAgcmV0dXJuIG51bGw7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIC8qKiAqL1xyXG4gICAgcHJvdGVjdGVkIERlbGV0ZUltYWdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuXHJcbiAgICAgICAgaWYodGhpcy5faXNFbmFibGUoKSkge1xyXG4gICAgICAgICAgICB0aGlzLm9uRGVsZXRlSW1hZ2UuZW1pdCgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqICovXHJcbiAgICBwcm90ZWN0ZWQgRXhwYW5kSW1hZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgICAgIHRoaXMubW9kYWwoKS5PcGVuKCk7XHJcbiAgICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwiY29lci1maWxlYm94XCI+XHJcbiAgICBAaWYodHlwZSgpID09ICdpbWFnZScpIHtcclxuICAgICAgICA8ZmlndXJlIChjbGljayk9XCJfaXNFbmFibGUoKSA/IGlucHV0RmlsZUltYWdlLmNsaWNrKCkgOiBudWxsXCJcclxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZGFzaGVkJzogSXNOdWxsKF9pbWFnZT8udmFsdWUpIH1cIlxyXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7XHJcbiAgICAgICAgICAgICAgICAnbWFyZ2luLXRvcCc6IF9pbWFnZT8ubWFyZ2luVG9wIHx8ICcnLFxyXG4gICAgICAgICAgICAgICAgJ21hcmdpbi1yaWdodCc6IF9pbWFnZT8ubWFyZ2luUmlnaHQgfHwgJycsXHJcbiAgICAgICAgICAgICAgICAnbWFyZ2luLWJvdHRvbSc6IF9pbWFnZT8ubWFyZ2luQm90dG9tIHx8ICcnLFxyXG4gICAgICAgICAgICAgICAgJ21hcmdpbi1sZWZ0JzogX2ltYWdlPy5tYXJnaW5MZWZ0IHx8ICcnXHJcbiAgICAgICAgICAgIH1cIj5cclxuXHJcbiAgICAgICAgICAgIEBpZihpc0xvYWRpbmcoKSkge1xyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvYWRpbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cInNwaW5uZXItYm9yZGVyXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInBsYWNlaG9sZGVyLWdsb3dcIj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInBsYWNlaG9sZGVyXCI+PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJiYXNlNjQgfCBub0ltYWdlXCJcclxuICAgICAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcclxuICAgICAgICAgICAgICAgICAgICAnd2lkdGgnOiBfaW1hZ2U/LndpZHRoIHx8ICcnLFxyXG4gICAgICAgICAgICAgICAgICAgICdtYXgtd2lkdGgnOiBfaW1hZ2U/Lm1heFdpZHRoIHx8ICcnLFxyXG4gICAgICAgICAgICAgICAgICAgICdoZWlnaHQnOiBfaW1hZ2U/LmhlaWdodCB8fCAnJyxcclxuICAgICAgICAgICAgICAgICAgICAnbWF4LWhlaWdodCc6IF9pbWFnZT8ubWF4SGVpZ2h0IHx8ICcyMTBweCdcclxuICAgICAgICAgICAgICAgIH1cIj5cclxuXHJcbiAgICAgICAgICAgIDxpbnB1dCAjaW5wdXRGaWxlSW1hZ2VcclxuICAgICAgICAgICAgICAgIHR5cGU9XCJmaWxlXCJcclxuICAgICAgICAgICAgICAgIGFjY2VwdD1cImltYWdlL3BuZywgaW1hZ2UvanBlZywgaW1hZ2UvZ2lmLCBpbWFnZS9zdmcreG1sXCJcclxuICAgICAgICAgICAgICAgIChjaGFuZ2UpPVwiVXBsb2FkSW1hZ2VzKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgW211bHRpcGxlXT1cIm11bHRpcGxlKClcIj5cclxuXHJcbiAgICAgICAgICAgIEBpZihfaXNFbmFibGUoKSAmJiBJc05vdE51bGwoX2ltYWdlKSAmJiBJc05vdE51bGwoX2ltYWdlIS52YWx1ZSkpIHtcclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIEBpZihJc051bGwoX2ltYWdlPy5hbGxvd0RlbGV0ZSkgfHwgX2ltYWdlIS5hbGxvd0RlbGV0ZSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLXRyYXNoLWNhblwiIChjbGljayk9XCJEZWxldGVJbWFnZSgkZXZlbnQpXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICAgICAgQGlmKElzTnVsbChfaW1hZ2U/LmFsbG93RXhwYW5kKSB8fCBfaW1hZ2UhLmFsbG93RXhwYW5kKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtZXhwYW5kXCIgKGNsaWNrKT1cIkV4cGFuZEltYWdlKCRldmVudClcIj48L2k+XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICA8L2ZpZ3VyZT5cclxuICAgIH1cclxuXHJcbiAgICA8IS0tIE1vZGFsIC0tPlxyXG4gICAgPGNvZXItbW9kYWwgI21vZGFsIFt0aXRsZV09XCJfaW1hZ2U/Lm5hbWUgfHwgJydcIiBoZWlnaHQ9XCI5MHZoXCIgd2lkdGg9XCJmdWxsXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWltYWdlXCIgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1pbWFnZSc6ICd1cmwoJyArIGJhc2U2NCArICcpJyB9XCI+PC9kaXY+XHJcbiAgICA8L2NvZXItbW9kYWw+XHJcbjwvZGl2PiJdfQ==

package/esm2022/components/lib/coer-form/coer-form.component.mjs

@@ -0,0 +1,101 @@
+import { Component, inject, input } from '@angular/core';
+import { CoerAlert, Tools } from 'coer-elements/tools';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class CoerForm {
+    constructor() {
+        //Injection
+        this.alert = inject(CoerAlert);
+        this.formGroup = input.required();
+        this.isLoading = input(false);
+        this.isDisabled = input(false);
+        /** */
+        this.IsInvalidControl = (formControlName) => {
+            return Tools.IsNotNull(this.formGroup().get(formControlName))
+                ? (this.formGroup().get(formControlName).touched && this.formGroup().get(formControlName).invalid)
+                : true;
+        };
+    }
+    get _isDisabled() {
+        return this.isLoading() || this.isDisabled();
+    }
+    /** */
+    TouchForm() {
+        this.formGroup().markAllAsTouched();
+    }
+    /** */
+    SetControlValue(formControlName, value) {
+        if (Tools.IsNotNull(this.formGroup().get(formControlName))) {
+            this.formGroup().get(formControlName).setValue(value);
+        }
+        else {
+            this.alert.Warning(`${formControlName} Control`, 'Not Found');
+        }
+    }
+    /** */
+    GetControlValue(formControlName) {
+        return Tools.IsNotNull(this.formGroup().get(formControlName))
+            ? this.formGroup().get(formControlName).value
+            : null;
+    }
+    /** Get form value */
+    GetValue() {
+        return Tools.BreakReference(this.formGroup().value);
+    }
+    /** */
+    Reset(properties = null) {
+        if (Tools.IsNull(properties))
+            this.formGroup().reset();
+        else
+            this.formGroup().reset(properties);
+    }
+    /**
+     * Mark all controls as touched.
+     * If form is invalid emit a warning and focus first invalid control.
+    */
+    IsValid() {
+        this.TouchForm();
+        if (this.formGroup().invalid) {
+            this.alert.Warning('Please complete the required fields', 'Instructions', 'fa-solid fa-list-check');
+            this.Focus();
+        }
+        return {
+            isValid: this.formGroup().valid,
+            formValue: this.GetValue()
+        };
+    }
+    /** Focus the especified control or first invalid control */
+    Focus(formControl = null) {
+        const formControlCollection = new Map();
+        const formControlErrorCollection = new Map();
+        for (const property of Tools.GetObjectProperties(this.formGroup().controls)) {
+            formControlErrorCollection.set(property, this.formGroup().controls[property].errors);
+            const htmlElement = document.querySelector(`[formcontrolname='${property}'] input`);
+            if (Tools.IsNotNull(htmlElement))
+                formControlCollection.set(property, htmlElement);
+        }
+        if (formControlCollection.size > 0) {
+            if (Tools.IsNull(formControl)) {
+                for (const [property, error] of formControlErrorCollection) {
+                    if (Tools.IsNotNull(error)) {
+                        formControl = property;
+                        break;
+                    }
+                }
+                if (Tools.IsNull(formControl)) {
+                    formControl = Array.from(formControlCollection.keys())[0];
+                }
+            }
+            const element = formControlCollection.get(formControl);
+            if (Tools.IsNotNull(element))
+                element.focus();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerForm, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: CoerForm, selector: "coer-form", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<form [formGroup]=\"formGroup()\" autocomplete=\"off\" class=\"coer-form\">\r\n    <fieldset [disabled]=\"_isDisabled\">\r\n        <ng-content></ng-content>\r\n    </fieldset>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CoerForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'coer-form', template: "<form [formGroup]=\"formGroup()\" autocomplete=\"off\" class=\"coer-form\">\r\n    <fieldset [disabled]=\"_isDisabled\">\r\n        <ng-content></ng-content>\r\n    </fieldset>\r\n</form>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29lci1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvZXItZWxlbWVudHMvY29tcG9uZW50cy9saWIvY29lci1mb3JtL2NvZXItZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2VyLWVsZW1lbnRzL2NvbXBvbmVudHMvbGliL2NvZXItZm9ybS9jb2VyLWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQU92RCxNQUFNLE9BQU8sUUFBUTtJQUxyQjtRQU9JLFdBQVc7UUFDSCxVQUFLLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRTNCLGNBQVMsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFhLENBQUM7UUFDeEMsY0FBUyxHQUFHLEtBQUssQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUNsQyxlQUFVLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBYzFDLE1BQU07UUFDQyxxQkFBZ0IsR0FBRyxDQUFDLGVBQXVCLEVBQVcsRUFBRTtZQUMzRCxPQUFPLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDekQsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUUsQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUUsQ0FBQyxPQUFPLENBQUM7Z0JBQ3BHLENBQUMsQ0FBQyxJQUFJLENBQUM7UUFDZixD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R0FBRyxDQUFDLFFBQVEsRUFBRSxXQUFZLENBQUMsQ0FBQztRQUN2RixDQUFDO1FBRUQsSUFBRyxxQkFBcUIsQ0FBQyxJQUFJLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDaEMsSUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7Z0JBQzNCLEtBQUksTUFBTSxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsSUFBSSwwQkFBMEIsRUFBRSxDQUFDO29CQUN4RCxJQUFJLEtBQUssQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQzt3QkFDekIsV0FBVyxHQUFHLFFBQVEsQ0FBQzt3QkFDdkIsTUFBTTtvQkFDVixDQUFDO2dCQUNMLENBQUM7Z0JBRUQsSUFBRyxLQUFLLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUM7b0JBQzNCLFdBQVcsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzlELENBQUM7WUFDTCxDQUFDO1lBRUQsTUFBTSxPQUFPLEdBQVEscUJBQXFCLENBQUMsR0FBRyxDQUFDLFdBQVksQ0FBQyxDQUFDO1lBQzdELElBQUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7Z0JBQUUsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2pELENBQUM7SUFDTCxDQUFDOytHQTdHUSxRQUFRO21HQUFSLFFBQVEsMmNDVHJCLDZMQUlPOzs0RkRLTSxRQUFRO2tCQUxwQixTQUFTOytCQUNJLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUdyb3VwLCBWYWxpZGF0aW9uRXJyb3JzIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnOyBcclxuaW1wb3J0IHsgQ29lckFsZXJ0LCBUb29scyB9IGZyb20gJ2NvZXItZWxlbWVudHMvdG9vbHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2NvZXItZm9ybScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29lci1mb3JtLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsOiAnLi9jb2VyLWZvcm0uY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb2VyRm9ybSB7XHJcblxyXG4gICAgLy9JbmplY3Rpb25cclxuICAgIHByaXZhdGUgYWxlcnQgPSBpbmplY3QoQ29lckFsZXJ0KTtcclxuXHJcbiAgICBwdWJsaWMgZm9ybUdyb3VwID0gaW5wdXQucmVxdWlyZWQ8Rm9ybUdyb3VwPigpO1xyXG4gICAgcHVibGljIGlzTG9hZGluZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcclxuICAgIHB1YmxpYyBpc0Rpc2FibGVkID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuXHJcbiAgICBwcm90ZWN0ZWQgZ2V0IF9pc0Rpc2FibGVkKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmlzTG9hZGluZygpIHx8IHRoaXMuaXNEaXNhYmxlZCgpO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICAvKiogKi9cclxuICAgIHB1YmxpYyBUb3VjaEZvcm0oKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5mb3JtR3JvdXAoKS5tYXJrQWxsQXNUb3VjaGVkKCk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIC8qKiAqL1xyXG4gICAgcHVibGljIElzSW52YWxpZENvbnRyb2wgPSAoZm9ybUNvbnRyb2xOYW1lOiBzdHJpbmcpOiBib29sZWFuID0+IHtcclxuICAgICAgICByZXR1cm4gVG9vbHMuSXNOb3ROdWxsKHRoaXMuZm9ybUdyb3VwKCkuZ2V0KGZvcm1Db250cm9sTmFtZSkpXHJcbiAgICAgICAgICAgID8gKHRoaXMuZm9ybUdyb3VwKCkuZ2V0KGZvcm1Db250cm9sTmFtZSkhLnRvdWNoZWQgJiYgdGhpcy5mb3JtR3JvdXAoKS5nZXQoZm9ybUNvbnRyb2xOYW1lKSEuaW52YWxpZClcclxuICAgICAgICAgICAgOiB0cnVlO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICAvKiogKi9cclxuICAgIHB1YmxpYyBTZXRDb250cm9sVmFsdWUoZm9ybUNvbnRyb2xOYW1lOiBzdHJpbmcsIHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgICAgICBpZiAoVG9vbHMuSXNOb3ROdWxsKHRoaXMuZm9ybUdyb3VwKCkuZ2V0KGZvcm1Db250cm9sTmFtZSkpKSB7XHJcbiAgICAgICAgICAgIHRoaXMuZm9ybUdyb3VwKCkuZ2V0KGZvcm1Db250cm9sTmFtZSkhLnNldFZhbHVlKHZhbHVlKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICB0aGlzLmFsZXJ0Lldhcm5pbmcoYCR7Zm9ybUNvbnRyb2xOYW1lfSBDb250cm9sYCwgJ05vdCBGb3VuZCcpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqICovXHJcbiAgICBwdWJsaWMgR2V0Q29udHJvbFZhbHVlKGZvcm1Db250cm9sTmFtZTogc3RyaW5nKTogYW55IHtcclxuICAgICAgICByZXR1cm4gVG9vbHMuSXNOb3ROdWxsKHRoaXMuZm9ybUdyb3VwKCkuZ2V0KGZvcm1Db250cm9sTmFtZSkpXHJcbiAgICAgICAgICAgID8gdGhpcy5mb3JtR3JvdXAoKS5nZXQoZm9ybUNvbnRyb2xOYW1lKSEudmFsdWVcclxuICAgICAgICAgICAgOiBudWxsO1xyXG4gICAgfVxyXG5cclxuXHJcbiAgICAvKiogR2V0IGZvcm0gdmFsdWUgKi9cclxuICAgIHB1YmxpYyBHZXRWYWx1ZTxUPigpOiBUIHtcclxuICAgICAgICByZXR1cm4gVG9vbHMuQnJlYWtSZWZlcmVuY2UodGhpcy5mb3JtR3JvdXAoKS52YWx1ZSk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIC8qKiAqL1xyXG4gICAgcHVibGljIFJlc2V0PFQ+KHByb3BlcnRpZXM6IFQgfCBudWxsID0gbnVsbCk6IHZvaWQge1xyXG4gICAgICAgIGlmIChUb29scy5Jc051bGwocHJvcGVydGllcykpIHRoaXMuZm9ybUdyb3VwKCkucmVzZXQoKTtcclxuICAgICAgICBlbHNlIHRoaXMuZm9ybUdyb3VwKCkucmVzZXQocHJvcGVydGllcyk7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIC8qKlxyXG4gICAgICogTWFyayBhbGwgY29udHJvbHMgYXMgdG91Y2hlZC5cclxuICAgICAqIElmIGZvcm0gaXMgaW52YWxpZCBlbWl0IGEgd2FybmluZyBhbmQgZm9jdXMgZmlyc3QgaW52YWxpZCBjb250cm9sLlxyXG4gICAgKi9cclxuICAgIHB1YmxpYyBJc1ZhbGlkKCk6IHsgaXNWYWxpZDogYm9vbGVhbiwgZm9ybVZhbHVlOiBhbnkgfSB7XHJcbiAgICAgICAgdGhpcy5Ub3VjaEZvcm0oKTtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMuZm9ybUdyb3VwKCkuaW52YWxpZCkge1xyXG4gICAgICAgICAgICB0aGlzLmFsZXJ0Lldhcm5pbmcoJ1BsZWFzZSBjb21wbGV0ZSB0aGUgcmVxdWlyZWQgZmllbGRzJywgJ0luc3RydWN0aW9ucycsICdmYS1zb2xpZCBmYS1saXN0LWNoZWNrJyk7XHJcbiAgICAgICAgICAgIHRoaXMuRm9jdXMoKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgIGlzVmFsaWQ6IHRoaXMuZm9ybUdyb3VwKCkudmFsaWQsXHJcbiAgICAgICAgICAgIGZvcm1WYWx1ZTogdGhpcy5HZXRWYWx1ZSgpXHJcbiAgICAgICAgfTtcclxuICAgIH1cclxuXHJcblxyXG4gICAgLyoqIEZvY3VzIHRoZSBlc3BlY2lmaWVkIGNvbnRyb2wgb3IgZmlyc3QgaW52YWxpZCBjb250cm9sICovXHJcbiAgICBwdWJsaWMgRm9jdXMoZm9ybUNvbnRyb2w6IHN0cmluZyB8IG51bGwgPSBudWxsKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgZm9ybUNvbnRyb2xDb2xsZWN0aW9uID0gbmV3IE1hcDxzdHJpbmcsIEVsZW1lbnQ+KCk7XHJcbiAgICAgICAgY29uc3QgZm9ybUNvbnRyb2xFcnJvckNvbGxlY3Rpb24gPSBuZXcgTWFwPHN0cmluZywgVmFsaWRhdGlvbkVycm9ycyB8IG51bGw+KCk7XHJcblxyXG4gICAgICAgIGZvcihjb25zdCBwcm9wZXJ0eSBvZiBUb29scy5HZXRPYmplY3RQcm9wZXJ0aWVzKHRoaXMuZm9ybUdyb3VwKCkuY29udHJvbHMpKSB7XHJcbiAgICAgICAgICAgIGZvcm1Db250cm9sRXJyb3JDb2xsZWN0aW9uLnNldChwcm9wZXJ0eSwgdGhpcy5mb3JtR3JvdXAoKS5jb250cm9sc1twcm9wZXJ0eV0uZXJyb3JzKTtcclxuICAgICAgICAgICAgY29uc3QgaHRtbEVsZW1lbnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKGBbZm9ybWNvbnRyb2xuYW1lPScke3Byb3BlcnR5fSddIGlucHV0YClcclxuICAgICAgICAgICAgaWYoVG9vbHMuSXNOb3ROdWxsKGh0bWxFbGVtZW50KSkgZm9ybUNvbnRyb2xDb2xsZWN0aW9uLnNldChwcm9wZXJ0eSwgaHRtbEVsZW1lbnQhKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGlmKGZvcm1Db250cm9sQ29sbGVjdGlvbi5zaXplID4gMCkge1xyXG4gICAgICAgICAgICBpZihUb29scy5Jc051bGwoZm9ybUNvbnRyb2wpKSB7XHJcbiAgICAgICAgICAgICAgICBmb3IoY29uc3QgW3Byb3BlcnR5LCBlcnJvcl0gb2YgZm9ybUNvbnRyb2xFcnJvckNvbGxlY3Rpb24pIHtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoVG9vbHMuSXNOb3ROdWxsKGVycm9yKSkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBmb3JtQ29udHJvbCA9IHByb3BlcnR5O1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBicmVhaztcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgaWYoVG9vbHMuSXNOdWxsKGZvcm1Db250cm9sKSkge1xyXG4gICAgICAgICAgICAgICAgICAgIGZvcm1Db250cm9sID0gQXJyYXkuZnJvbShmb3JtQ29udHJvbENvbGxlY3Rpb24ua2V5cygpKVswXTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgY29uc3QgZWxlbWVudDogYW55ID0gZm9ybUNvbnRyb2xDb2xsZWN0aW9uLmdldChmb3JtQ29udHJvbCEpO1xyXG4gICAgICAgICAgICBpZihUb29scy5Jc05vdE51bGwoZWxlbWVudCkpIGVsZW1lbnQuZm9jdXMoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn0iLCI8Zm9ybSBbZm9ybUdyb3VwXT1cImZvcm1Hcm91cCgpXCIgYXV0b2NvbXBsZXRlPVwib2ZmXCIgY2xhc3M9XCJjb2VyLWZvcm1cIj5cclxuICAgIDxmaWVsZHNldCBbZGlzYWJsZWRdPVwiX2lzRGlzYWJsZWRcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2ZpZWxkc2V0PlxyXG48L2Zvcm0+Il19