@dropi/ui-components 1.0.12 → 1.0.13

package/dist/esm2022/components-source/dropi-drawer/dropi-drawer.component.mjs

@@ -0,0 +1,69 @@
+import { Component, EventEmitter, NO_ERRORS_SCHEMA, ViewChild, ViewContainerRef, Inject, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { Subscription } from "rxjs";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const DrawerService = "DrawerService";
+export class DropiDrawerComponent {
+    drawerService;
+    container;
+    drawerConfig;
+    drawerTitle = null;
+    drawerIsOpen = false;
+    componentRef;
+    subscriptions = new Subscription();
+    constructor(drawerService) {
+        this.drawerService = drawerService;
+        this.drawerConfig = this.drawerService?.defaultDrawerConfig || {};
+    }
+    ngAfterViewInit() {
+        this.subscriptions.add(this.drawerService.drawerContent$.subscribe((content) => {
+            if (content && this.container) {
+                this.container.clear();
+                if (this.componentRef)
+                    this.componentRef.destroy();
+                this.componentRef = this.container.createComponent(content.component);
+                if (content.inputs) {
+                    Object.keys(content.inputs).forEach((key) => {
+                        this.componentRef.instance[key] = content.inputs[key];
+                    });
+                }
+                if (content.outputs) {
+                    Object.keys(content.outputs).forEach((key) => {
+                        if (this.componentRef.instance[key] instanceof EventEmitter) {
+                            this.subscriptions.add(this.componentRef.instance[key].subscribe((...args) => {
+                                content.outputs[key](...args);
+                            }));
+                        }
+                    });
+                }
+                this.drawerConfig = content.config;
+                this.componentRef.changeDetectorRef.detectChanges();
+            }
+        }));
+        this.subscriptions.add(this.drawerService.drawerHeader$.subscribe((header) => (this.drawerTitle = header)));
+        this.subscriptions.add(this.drawerService.drawerIsOpen$.subscribe((isOpen) => (this.drawerIsOpen = isOpen)));
+    }
+    close() {
+        this.drawerService.closeDrawer();
+    }
+    get sizeClass() {
+        return (this.drawerConfig?.size ?? "").toLowerCase();
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropiDrawerComponent, deps: [{ token: DrawerService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DropiDrawerComponent, isStandalone: true, selector: "dropi-drawer", viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div \n  [class]=\"'dropi-drawer size-' + drawerConfig.size.toLowerCase()\" [ngClass]=\"{\n    headless: drawerConfig.headless,\n  }\"\n>\n  <p-sidebar\n    [(visible)]=\"drawerIsOpen\"\n    (onHide)=\"close()\"\n    [blockScroll]=\"true\"\n    [position]=\"drawerConfig.position\"\n    [showCloseIcon]=\"!drawerConfig.headless\"\n    [styleClass]=\"drawerConfig.customClass\"\n    style=\"z-index: 999;\"\n  >\n    <ng-template pTemplate=\"header\">\n      <div *ngIf=\"!drawerConfig.headless\">\n        <h3>{{ drawerTitle }}</h3>\n      </div>\n    </ng-template>\n    \n    <ng-container #container />\n  </p-sidebar>\n</div>", styles: [":host ::ng-deep .dropi-drawer h3{color:var(--Gray-700, #32394D);font-family:Inter,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%}:host ::ng-deep .dropi-drawer .p-sidebar-content>*{display:flex;height:100%;flex-direction:column}:host ::ng-deep .dropi-drawer .p-sidebar{max-width:100%;min-width:auto}:host ::ng-deep .dropi-drawer.size-m .p-sidebar{width:550px}:host ::ng-deep .dropi-drawer.size-l .p-sidebar{width:1137px}:host ::ng-deep .dropi-drawer.size-xl .p-sidebar{width:1280px}:host ::ng-deep .dropi-drawer.size-xxl .p-sidebar{width:1330px}:host ::ng-deep .dropi-drawer .p-sidebar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host ::ng-deep .dropi-drawer .p-sidebar-header .p-sidebar-icon{width:var(--Size-6, 32px);height:var(--Size-6, 32px);color:var(--Gray-400, #858EA6)}:host ::ng-deep .dropi-drawer .p-sidebar .p-sidebar-header .p-sidebar-close,:host ::ng-deep .dropi-drawer .p-sidebar .p-sidebar-header .p-sidebar-icon{width:var(--Size-6, 32px);height:var(--Size-6, 32px);color:var(--Gray-400, #858EA6)}:host ::ng-deep .dropi-drawer .p-sidebar-footer{display:none}:host ::ng-deep .dropi-drawer.headless .p-sidebar-header{display:none}:host ::ng-deep .dropi-drawer .actions .btn.normal{padding:var(--Size-2)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropiDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "dropi-drawer", standalone: true, imports: [CommonModule], schemas: [NO_ERRORS_SCHEMA], template: "<div \n  [class]=\"'dropi-drawer size-' + drawerConfig.size.toLowerCase()\" [ngClass]=\"{\n    headless: drawerConfig.headless,\n  }\"\n>\n  <p-sidebar\n    [(visible)]=\"drawerIsOpen\"\n    (onHide)=\"close()\"\n    [blockScroll]=\"true\"\n    [position]=\"drawerConfig.position\"\n    [showCloseIcon]=\"!drawerConfig.headless\"\n    [styleClass]=\"drawerConfig.customClass\"\n    style=\"z-index: 999;\"\n  >\n    <ng-template pTemplate=\"header\">\n      <div *ngIf=\"!drawerConfig.headless\">\n        <h3>{{ drawerTitle }}</h3>\n      </div>\n    </ng-template>\n    \n    <ng-container #container />\n  </p-sidebar>\n</div>", styles: [":host ::ng-deep .dropi-drawer h3{color:var(--Gray-700, #32394D);font-family:Inter,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:110%}:host ::ng-deep .dropi-drawer .p-sidebar-content>*{display:flex;height:100%;flex-direction:column}:host ::ng-deep .dropi-drawer .p-sidebar{max-width:100%;min-width:auto}:host ::ng-deep .dropi-drawer.size-m .p-sidebar{width:550px}:host ::ng-deep .dropi-drawer.size-l .p-sidebar{width:1137px}:host ::ng-deep .dropi-drawer.size-xl .p-sidebar{width:1280px}:host ::ng-deep .dropi-drawer.size-xxl .p-sidebar{width:1330px}:host ::ng-deep .dropi-drawer .p-sidebar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}:host ::ng-deep .dropi-drawer .p-sidebar-header .p-sidebar-icon{width:var(--Size-6, 32px);height:var(--Size-6, 32px);color:var(--Gray-400, #858EA6)}:host ::ng-deep .dropi-drawer .p-sidebar .p-sidebar-header .p-sidebar-close,:host ::ng-deep .dropi-drawer .p-sidebar .p-sidebar-header .p-sidebar-icon{width:var(--Size-6, 32px);height:var(--Size-6, 32px);color:var(--Gray-400, #858EA6)}:host ::ng-deep .dropi-drawer .p-sidebar-footer{display:none}:host ::ng-deep .dropi-drawer.headless .p-sidebar-header{display:none}:host ::ng-deep .dropi-drawer .actions .btn.normal{padding:var(--Size-2)}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DrawerService]
+                }] }], propDecorators: { container: [{
+                type: ViewChild,
+                args: ["container", { read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGktZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1kcmF3ZXIvZHJvcGktZHJhd2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1kcmF3ZXIvZHJvcGktZHJhd2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsWUFBWSxFQUVaLGdCQUFnQixFQUVoQixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2hCLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQzs7O0FBT3BDLE1BQU0sYUFBYSxHQUFHLGVBQWUsQ0FBQztBQVV0QyxNQUFNLE9BQU8sb0JBQW9CO0lBVXFCO0lBUnBELFNBQVMsQ0FBb0I7SUFFN0IsWUFBWSxDQUFlO0lBQzNCLFdBQVcsR0FBVyxJQUFJLENBQUM7SUFDM0IsWUFBWSxHQUFZLEtBQUssQ0FBQztJQUM5QixZQUFZLENBQTJCO0lBQ3RCLGFBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXBELFlBQW9ELGFBQWtCO1FBQWxCLGtCQUFhLEdBQWIsYUFBYSxDQUFLO1FBQ3BFLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxtQkFBbUIsSUFBSSxFQUFFLENBQUM7SUFDcEUsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FDcEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDdEQsSUFBSSxPQUFPLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUM5QixJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN2QixJQUFJLElBQUksQ0FBQyxZQUFZO29CQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBRW5ELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUV0RSxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztvQkFDbkIsTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7d0JBQzFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ3hELENBQUMsQ0FBQyxDQUFDO2dCQUNMLENBQUM7Z0JBRUQsSUFBSSxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUM7b0JBQ3BCLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO3dCQUMzQyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxZQUFZLFlBQVksRUFBRSxDQUFDOzRCQUM1RCxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FDcEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsU0FBUyxDQUN2QyxDQUFDLEdBQUcsSUFBVyxFQUFFLEVBQUU7Z0NBQ2pCLE9BQU8sQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQzs0QkFDaEMsQ0FBQyxDQUNGLENBQ0YsQ0FBQzt3QkFDSixDQUFDO29CQUNILENBQUMsQ0FBQyxDQUFDO2dCQUNMLENBQUM7Z0JBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDO2dCQUNuQyxJQUFJLENBQUMsWUFBWSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3RELENBQUM7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FDeEMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsQ0FDeEMsQ0FDRixDQUFDO1FBRUYsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQ3BCLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FDeEMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUMsQ0FDekMsQ0FDRixDQUFDO0lBQ0osQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDdkQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ25DLENBQUM7d0dBdkVVLG9CQUFvQixrQkFVWCxhQUFhOzRGQVZ0QixvQkFBb0IsMkpBQ0MsZ0JBQWdCLDZCQy9CbEQsdW5CQXNCTSxxMENER00sWUFBWTs7NEZBS1gsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsV0FHZCxDQUFDLGdCQUFnQixDQUFDOzswQkFZZCxNQUFNOzJCQUFDLGFBQWE7eUNBUmpDLFNBQVM7c0JBRFIsU0FBUzt1QkFBQyxXQUFXLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIENvbXBvbmVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgTk9fRVJST1JTX1NDSEVNQSxcbiAgT25EZXN0cm95LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdDb250YWluZXJSZWYsXG4gIEluamVjdCxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gXCJyeGpzXCI7XG5cbi8vIGltcG9ydCB7IE5nUHJpbWVNb2R1bGUgfSBmcm9tIFwiQGFwcC9uZ3ByaW1lLm1vZHVsZVwiO1xuLy8gaW1wb3J0IHsgRHJhd2VyU2VydmljZSB9IGZyb20gXCJAYXBwL3NlcnZpY2VzL2RyYXdlci5zZXJ2aWNlXCI7XG4vLyBpbXBvcnQgeyBEcmF3ZXJDb25maWcgfSBmcm9tIFwiQGFwcC91dGlsaXRpZXMvaW50ZXJmYWNlcy91aS9kcmF3ZXIuaW50ZXJmYWNlXCI7XG5cbnR5cGUgRHJhd2VyQ29uZmlnID0gYW55O1xuY29uc3QgRHJhd2VyU2VydmljZSA9IFwiRHJhd2VyU2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiZHJvcGktZHJhd2VyXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogXCIuL2Ryb3BpLWRyYXdlci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vZHJvcGktZHJhd2VyLmNvbXBvbmVudC5zY3NzXCJdLFxuICBzY2hlbWFzOiBbTk9fRVJST1JTX1NDSEVNQV0sXG59KVxuZXhwb3J0IGNsYXNzIERyb3BpRHJhd2VyQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95LCBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZChcImNvbnRhaW5lclwiLCB7IHJlYWQ6IFZpZXdDb250YWluZXJSZWYgfSlcbiAgY29udGFpbmVyITogVmlld0NvbnRhaW5lclJlZjtcblxuICBkcmF3ZXJDb25maWc6IERyYXdlckNvbmZpZztcbiAgZHJhd2VyVGl0bGU6IHN0cmluZyA9IG51bGw7XG4gIGRyYXdlcklzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICBjb21wb25lbnRSZWY6IENvbXBvbmVudFJlZjxhbnk+IHwgbnVsbDtcbiAgcHJpdmF0ZSByZWFkb25seSBzdWJzY3JpcHRpb25zID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoRHJhd2VyU2VydmljZSkgcHJpdmF0ZSByZWFkb25seSBkcmF3ZXJTZXJ2aWNlOiBhbnkpIHtcbiAgICB0aGlzLmRyYXdlckNvbmZpZyA9IHRoaXMuZHJhd2VyU2VydmljZT8uZGVmYXVsdERyYXdlckNvbmZpZyB8fCB7fTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuYWRkKFxuICAgICAgdGhpcy5kcmF3ZXJTZXJ2aWNlLmRyYXdlckNvbnRlbnQkLnN1YnNjcmliZSgoY29udGVudCkgPT4ge1xuICAgICAgICBpZiAoY29udGVudCAmJiB0aGlzLmNvbnRhaW5lcikge1xuICAgICAgICAgIHRoaXMuY29udGFpbmVyLmNsZWFyKCk7XG4gICAgICAgICAgaWYgKHRoaXMuY29tcG9uZW50UmVmKSB0aGlzLmNvbXBvbmVudFJlZi5kZXN0cm95KCk7XG5cbiAgICAgICAgICB0aGlzLmNvbXBvbmVudFJlZiA9IHRoaXMuY29udGFpbmVyLmNyZWF0ZUNvbXBvbmVudChjb250ZW50LmNvbXBvbmVudCk7XG5cbiAgICAgICAgICBpZiAoY29udGVudC5pbnB1dHMpIHtcbiAgICAgICAgICAgIE9iamVjdC5rZXlzKGNvbnRlbnQuaW5wdXRzKS5mb3JFYWNoKChrZXkpID0+IHtcbiAgICAgICAgICAgICAgdGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2Vba2V5XSA9IGNvbnRlbnQuaW5wdXRzW2tleV07XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBpZiAoY29udGVudC5vdXRwdXRzKSB7XG4gICAgICAgICAgICBPYmplY3Qua2V5cyhjb250ZW50Lm91dHB1dHMpLmZvckVhY2goKGtleSkgPT4ge1xuICAgICAgICAgICAgICBpZiAodGhpcy5jb21wb25lbnRSZWYuaW5zdGFuY2Vba2V5XSBpbnN0YW5jZW9mIEV2ZW50RW1pdHRlcikge1xuICAgICAgICAgICAgICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICAgICAgICAgICAgICB0aGlzLmNvbXBvbmVudFJlZi5pbnN0YW5jZVtrZXldLnN1YnNjcmliZShcbiAgICAgICAgICAgICAgICAgICAgKC4uLmFyZ3M6IGFueVtdKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgY29udGVudC5vdXRwdXRzW2tleV0oLi4uYXJncyk7XG4gICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLmRyYXdlckNvbmZpZyA9IGNvbnRlbnQuY29uZmlnO1xuICAgICAgICAgIHRoaXMuY29tcG9uZW50UmVmLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgICAgfVxuICAgICAgfSksXG4gICAgKTtcblxuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICB0aGlzLmRyYXdlclNlcnZpY2UuZHJhd2VySGVhZGVyJC5zdWJzY3JpYmUoXG4gICAgICAgIChoZWFkZXIpID0+ICh0aGlzLmRyYXdlclRpdGxlID0gaGVhZGVyKSxcbiAgICAgICksXG4gICAgKTtcblxuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoXG4gICAgICB0aGlzLmRyYXdlclNlcnZpY2UuZHJhd2VySXNPcGVuJC5zdWJzY3JpYmUoXG4gICAgICAgIChpc09wZW4pID0+ICh0aGlzLmRyYXdlcklzT3BlbiA9IGlzT3BlbiksXG4gICAgICApLFxuICAgICk7XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmRyYXdlclNlcnZpY2UuY2xvc2VEcmF3ZXIoKTtcbiAgfVxuXG4gIGdldCBzaXplQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gKHRoaXMuZHJhd2VyQ29uZmlnPy5zaXplID8/IFwiXCIpLnRvTG93ZXJDYXNlKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMudW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIiwiPGRpdiBcbiAgW2NsYXNzXT1cIidkcm9waS1kcmF3ZXIgc2l6ZS0nICsgZHJhd2VyQ29uZmlnLnNpemUudG9Mb3dlckNhc2UoKVwiIFtuZ0NsYXNzXT1cIntcbiAgICBoZWFkbGVzczogZHJhd2VyQ29uZmlnLmhlYWRsZXNzLFxuICB9XCJcbj5cbiAgPHAtc2lkZWJhclxuICAgIFsodmlzaWJsZSldPVwiZHJhd2VySXNPcGVuXCJcbiAgICAob25IaWRlKT1cImNsb3NlKClcIlxuICAgIFtibG9ja1Njcm9sbF09XCJ0cnVlXCJcbiAgICBbcG9zaXRpb25dPVwiZHJhd2VyQ29uZmlnLnBvc2l0aW9uXCJcbiAgICBbc2hvd0Nsb3NlSWNvbl09XCIhZHJhd2VyQ29uZmlnLmhlYWRsZXNzXCJcbiAgICBbc3R5bGVDbGFzc109XCJkcmF3ZXJDb25maWcuY3VzdG9tQ2xhc3NcIlxuICAgIHN0eWxlPVwiei1pbmRleDogOTk5O1wiXG4gID5cbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiIWRyYXdlckNvbmZpZy5oZWFkbGVzc1wiPlxuICAgICAgICA8aDM+e3sgZHJhd2VyVGl0bGUgfX08L2gzPlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICBcbiAgICA8bmctY29udGFpbmVyICNjb250YWluZXIgLz5cbiAgPC9wLXNpZGViYXI+XG48L2Rpdj4iXX0=

package/dist/esm2022/components-source/dropi-dropdown/dropi-dropdown.component.mjs

@@ -0,0 +1,59 @@
+import { Component, Input, Output, EventEmitter, Pipe, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { DropiCheckboxComponent } from "../dropi-checkbox/dropi-checkbox.component";
+import { DropiAvatarsComponent } from "../dropi-avatars/dropi-avatars.component";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CarrierImageUrlPipeStub {
+    transform(value) {
+        return value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CarrierImageUrlPipeStub, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: CarrierImageUrlPipeStub, isStandalone: true, name: "carrierImageUrl" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CarrierImageUrlPipeStub, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: "carrierImageUrl",
+                    standalone: true,
+                }]
+        }] });
+export class DropiDropdownComponent {
+    options = [];
+    parameters = {}; // Requerido por template
+    isInSelect = false; // Requerido por template
+    height = ""; // Requerido por template
+    valueModel = "label"; // Requerido por template
+    onSelectionChange = new EventEmitter();
+    modelChange = new EventEmitter(); // Requerido por template
+    ngOnInit() { }
+    toggleValue(event, item, index) {
+        this.modelChange.emit(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropiDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DropiDropdownComponent, isStandalone: true, selector: "app-dropi-dropdown", inputs: { options: "options", parameters: "parameters", isInSelect: "isInSelect", height: "height", valueModel: "valueModel" }, outputs: { onSelectionChange: "onSelectionChange", modelChange: "modelChange" }, ngImport: i0, template: "<div\n  [ngClass]=\"isInSelect ? 'container-dropi-dropdown-select' : 'container-dropi-dropdown'\"\n  [style.--custom-height]=\"height || '388px'\"\n>\n  <div class=\"content-dropdown\" *ngFor=\"let optionlItem of options; let i = index\">\n    <div\n      class=\"container-check-dropdown\"\n      [ngClass]=\"{ 'active-option': optionlItem?.checked }\"\n      *ngIf=\"parameters.type === 'checkbox'\"\n    >\n      <app-dropi-checkbox\n        [checked]=\"optionlItem?.checked || false\"\n        (onChange)=\"toggleValue($event, optionlItem, i)\"\n      ></app-dropi-checkbox>\n      <!-- si vamos a activar el avatar para transportadora -->\n      <dropi-avatars\n        *ngIf=\"parameters.iconCurrier\"\n        [image]=\"optionlItem[valueModel] | carrierImageUrl\"\n        [type]=\"'transport'\"\n      ></dropi-avatars>\n\n      <dropi-avatars\n        *ngIf=\"parameters.icon\"\n        [image]=\"optionlItem.image\"\n        [type]=\"'transport'\"\n      ></dropi-avatars>\n      <span class=\"Body-M-Regular\">{{ optionlItem[valueModel] }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".container-dropi-dropdown{border-bottom-left-radius:var(--Size-2);border-bottom-right-radius:var(--Size-2);display:flex;flex-direction:column;background-color:#fff;height:var(--custom-height);overflow-y:auto}.container-dropi-dropdown-select{display:flex;flex-direction:column;overflow-y:hidden}.content-dropdown{display:flex;border-radius:var(--Size-1)}.active-option{background-color:var(--Primary-Primary-50)}.active-option .Body-M-Regular{color:var(--Primary-Primary-500)}.container-check-dropdown{display:flex;width:100%;gap:var(--Size-2);padding:var(--Size-3) var(--Size-4);align-items:center;min-width:0}.container-check-dropdown:not(.active-option):hover{background-color:var(--Gray-Gray-50)}::ng-deep .container-check-dropdown dropi-avatars .dropi-avatars .dropi-avatar.transport{width:20px;height:20px}.container-check-dropdown .Body-M-Regular{flex:1;white-space:normal;overflow-wrap:break-word;word-break:break-word}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropiCheckboxComponent, selector: "app-dropi-checkbox", inputs: ["checked", "disabled"], outputs: ["onChange"] }, { kind: "component", type: DropiAvatarsComponent, selector: "dropi-avatars", inputs: ["image", "alt", "type", "initials"] }, { kind: "pipe", type: CarrierImageUrlPipeStub, name: "carrierImageUrl" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropiDropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-dropi-dropdown", standalone: true, imports: [
+                        CommonModule,
+                        DropiCheckboxComponent,
+                        DropiAvatarsComponent,
+                        CarrierImageUrlPipeStub,
+                    ], template: "<div\n  [ngClass]=\"isInSelect ? 'container-dropi-dropdown-select' : 'container-dropi-dropdown'\"\n  [style.--custom-height]=\"height || '388px'\"\n>\n  <div class=\"content-dropdown\" *ngFor=\"let optionlItem of options; let i = index\">\n    <div\n      class=\"container-check-dropdown\"\n      [ngClass]=\"{ 'active-option': optionlItem?.checked }\"\n      *ngIf=\"parameters.type === 'checkbox'\"\n    >\n      <app-dropi-checkbox\n        [checked]=\"optionlItem?.checked || false\"\n        (onChange)=\"toggleValue($event, optionlItem, i)\"\n      ></app-dropi-checkbox>\n      <!-- si vamos a activar el avatar para transportadora -->\n      <dropi-avatars\n        *ngIf=\"parameters.iconCurrier\"\n        [image]=\"optionlItem[valueModel] | carrierImageUrl\"\n        [type]=\"'transport'\"\n      ></dropi-avatars>\n\n      <dropi-avatars\n        *ngIf=\"parameters.icon\"\n        [image]=\"optionlItem.image\"\n        [type]=\"'transport'\"\n      ></dropi-avatars>\n      <span class=\"Body-M-Regular\">{{ optionlItem[valueModel] }}</span>\n    </div>\n  </div>\n</div>\n", styles: [".container-dropi-dropdown{border-bottom-left-radius:var(--Size-2);border-bottom-right-radius:var(--Size-2);display:flex;flex-direction:column;background-color:#fff;height:var(--custom-height);overflow-y:auto}.container-dropi-dropdown-select{display:flex;flex-direction:column;overflow-y:hidden}.content-dropdown{display:flex;border-radius:var(--Size-1)}.active-option{background-color:var(--Primary-Primary-50)}.active-option .Body-M-Regular{color:var(--Primary-Primary-500)}.container-check-dropdown{display:flex;width:100%;gap:var(--Size-2);padding:var(--Size-3) var(--Size-4);align-items:center;min-width:0}.container-check-dropdown:not(.active-option):hover{background-color:var(--Gray-Gray-50)}::ng-deep .container-check-dropdown dropi-avatars .dropi-avatars .dropi-avatar.transport{width:20px;height:20px}.container-check-dropdown .Body-M-Regular{flex:1;white-space:normal;overflow-wrap:break-word;word-break:break-word}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], parameters: [{
+                type: Input
+            }], isInSelect: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], valueModel: [{
+                type: Input
+            }], onSelectionChange: [{
+                type: Output
+            }], modelChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGktZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMtc291cmNlL2Ryb3BpLWRyb3Bkb3duL2Ryb3BpLWRyb3Bkb3duLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1kcm9wZG93bi9kcm9waS1kcm9wZG93bi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUVaLElBQUksR0FFTCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7OztBQU1qRixNQUFNLE9BQU8sdUJBQXVCO0lBQ2xDLFNBQVMsQ0FBQyxLQUFVO1FBQ2xCLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQzt3R0FIVSx1QkFBdUI7c0dBQXZCLHVCQUF1Qjs7NEZBQXZCLHVCQUF1QjtrQkFKbkMsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsaUJBQWlCO29CQUN2QixVQUFVLEVBQUUsSUFBSTtpQkFDakI7O0FBbUJELE1BQU0sT0FBTyxzQkFBc0I7SUFDakIsT0FBTyxHQUFVLEVBQUUsQ0FBQztJQUNwQixVQUFVLEdBQVEsRUFBRSxDQUFDLENBQUMseUJBQXlCO0lBQy9DLFVBQVUsR0FBWSxLQUFLLENBQUMsQ0FBQyx5QkFBeUI7SUFDdEQsTUFBTSxHQUFXLEVBQUUsQ0FBQyxDQUFDLHlCQUF5QjtJQUM5QyxVQUFVLEdBQVcsT0FBTyxDQUFDLENBQUMseUJBQXlCO0lBQ3RELGlCQUFpQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDNUMsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUMsQ0FBQyx5QkFBeUI7SUFFakYsUUFBUSxLQUFVLENBQUM7SUFFWixXQUFXLENBQUMsS0FBVSxFQUFFLElBQVMsRUFBRSxLQUFhO1FBQ3JELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7d0dBYlUsc0JBQXNCOzRGQUF0QixzQkFBc0IsK1JDbkNuQyxta0NBOEJBLHk5QkRISSxZQUFZLDhWQUNaLHNCQUFzQix1SEFDdEIscUJBQXFCLG1HQVpaLHVCQUF1Qjs7NEZBa0J2QixzQkFBc0I7a0JBWmxDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLHNCQUFzQjt3QkFDdEIscUJBQXFCO3dCQUNyQix1QkFBdUI7cUJBQ3hCOzhCQUtlLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVyxpQkFBaUI7c0JBQWpDLE1BQU07Z0JBQ1UsV0FBVztzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBPbkluaXQsXG4gIFBpcGUsXG4gIFBpcGVUcmFuc2Zvcm0sXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBEcm9waUNoZWNrYm94Q29tcG9uZW50IH0gZnJvbSBcIi4uL2Ryb3BpLWNoZWNrYm94L2Ryb3BpLWNoZWNrYm94LmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgRHJvcGlBdmF0YXJzQ29tcG9uZW50IH0gZnJvbSBcIi4uL2Ryb3BpLWF2YXRhcnMvZHJvcGktYXZhdGFycy5jb21wb25lbnRcIjtcblxuQFBpcGUoe1xuICBuYW1lOiBcImNhcnJpZXJJbWFnZVVybFwiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJyaWVySW1hZ2VVcmxQaXBlU3R1YiBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICB0cmFuc2Zvcm0odmFsdWU6IGFueSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHZhbHVlO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtZHJvcGktZHJvcGRvd25cIixcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEcm9waUNoZWNrYm94Q29tcG9uZW50LFxuICAgIERyb3BpQXZhdGFyc0NvbXBvbmVudCxcbiAgICBDYXJyaWVySW1hZ2VVcmxQaXBlU3R1YixcbiAgXSxcbiAgdGVtcGxhdGVVcmw6IFwiLi9kcm9waS1kcm9wZG93bi5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vZHJvcGktZHJvcGRvd24uY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIERyb3BpRHJvcGRvd25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBwdWJsaWMgb3B0aW9uczogYW55W10gPSBbXTtcbiAgQElucHV0KCkgcHVibGljIHBhcmFtZXRlcnM6IGFueSA9IHt9OyAvLyBSZXF1ZXJpZG8gcG9yIHRlbXBsYXRlXG4gIEBJbnB1dCgpIHB1YmxpYyBpc0luU2VsZWN0OiBib29sZWFuID0gZmFsc2U7IC8vIFJlcXVlcmlkbyBwb3IgdGVtcGxhdGVcbiAgQElucHV0KCkgcHVibGljIGhlaWdodDogc3RyaW5nID0gXCJcIjsgLy8gUmVxdWVyaWRvIHBvciB0ZW1wbGF0ZVxuICBASW5wdXQoKSBwdWJsaWMgdmFsdWVNb2RlbDogc3RyaW5nID0gXCJsYWJlbFwiOyAvLyBSZXF1ZXJpZG8gcG9yIHRlbXBsYXRlXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25TZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIHB1YmxpYyBtb2RlbENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpOyAvLyBSZXF1ZXJpZG8gcG9yIHRlbXBsYXRlXG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIHB1YmxpYyB0b2dnbGVWYWx1ZShldmVudDogYW55LCBpdGVtOiBhbnksIGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLm1vZGVsQ2hhbmdlLmVtaXQoaXRlbSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgW25nQ2xhc3NdPVwiaXNJblNlbGVjdCA/ICdjb250YWluZXItZHJvcGktZHJvcGRvd24tc2VsZWN0JyA6ICdjb250YWluZXItZHJvcGktZHJvcGRvd24nXCJcbiAgW3N0eWxlLi0tY3VzdG9tLWhlaWdodF09XCJoZWlnaHQgfHwgJzM4OHB4J1wiXG4+XG4gIDxkaXYgY2xhc3M9XCJjb250ZW50LWRyb3Bkb3duXCIgKm5nRm9yPVwibGV0IG9wdGlvbmxJdGVtIG9mIG9wdGlvbnM7IGxldCBpID0gaW5kZXhcIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cImNvbnRhaW5lci1jaGVjay1kcm9wZG93blwiXG4gICAgICBbbmdDbGFzc109XCJ7ICdhY3RpdmUtb3B0aW9uJzogb3B0aW9ubEl0ZW0/LmNoZWNrZWQgfVwiXG4gICAgICAqbmdJZj1cInBhcmFtZXRlcnMudHlwZSA9PT0gJ2NoZWNrYm94J1wiXG4gICAgPlxuICAgICAgPGFwcC1kcm9waS1jaGVja2JveFxuICAgICAgICBbY2hlY2tlZF09XCJvcHRpb25sSXRlbT8uY2hlY2tlZCB8fCBmYWxzZVwiXG4gICAgICAgIChvbkNoYW5nZSk9XCJ0b2dnbGVWYWx1ZSgkZXZlbnQsIG9wdGlvbmxJdGVtLCBpKVwiXG4gICAgICA+PC9hcHAtZHJvcGktY2hlY2tib3g+XG4gICAgICA8IS0tIHNpIHZhbW9zIGEgYWN0aXZhciBlbCBhdmF0YXIgcGFyYSB0cmFuc3BvcnRhZG9yYSAtLT5cbiAgICAgIDxkcm9waS1hdmF0YXJzXG4gICAgICAgICpuZ0lmPVwicGFyYW1ldGVycy5pY29uQ3VycmllclwiXG4gICAgICAgIFtpbWFnZV09XCJvcHRpb25sSXRlbVt2YWx1ZU1vZGVsXSB8IGNhcnJpZXJJbWFnZVVybFwiXG4gICAgICAgIFt0eXBlXT1cIid0cmFuc3BvcnQnXCJcbiAgICAgID48L2Ryb3BpLWF2YXRhcnM+XG5cbiAgICAgIDxkcm9waS1hdmF0YXJzXG4gICAgICAgICpuZ0lmPVwicGFyYW1ldGVycy5pY29uXCJcbiAgICAgICAgW2ltYWdlXT1cIm9wdGlvbmxJdGVtLmltYWdlXCJcbiAgICAgICAgW3R5cGVdPVwiJ3RyYW5zcG9ydCdcIlxuICAgICAgPjwvZHJvcGktYXZhdGFycz5cbiAgICAgIDxzcGFuIGNsYXNzPVwiQm9keS1NLVJlZ3VsYXJcIj57eyBvcHRpb25sSXRlbVt2YWx1ZU1vZGVsXSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/esm2022/components-source/dropi-favorite-button/dropi-favorite-button.component.mjs

@@ -0,0 +1,33 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IconComponent } from '../icon/icon.component';
+import { NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ng-bootstrap/ng-bootstrap";
+export class DropiFavoriteButtonComponent {
+    isFavorite = false;
+    toggleFavorite = new EventEmitter();
+    isHovered = false;
+    toggle() {
+        this.isFavorite = !this.isFavorite;
+        this.toggleFavorite.emit(this.isFavorite);
+    }
+    onMouseEnter() {
+        this.isHovered = true;
+    }
+    onMouseLeave() {
+        this.isHovered = false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropiFavoriteButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DropiFavoriteButtonComponent, isStandalone: true, selector: "dropi-favorite-button", inputs: { isFavorite: "isFavorite" }, outputs: { toggleFavorite: "toggleFavorite" }, ngImport: i0, template: "<button\n  class=\"dropi-favorite-button\"\n  [ngClass]=\"{ 'is-favorite': isFavorite }\"\n  ngbTooltip=\"{{ isFavorite ? 'Remover de favoritos' : 'A\u00F1adir a favoritos' }}\"\n  (click)=\"toggle()\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <app-icon\n    *ngIf=\"!isFavorite && !isHovered\"\n    name=\"Heart\"\n    width=\"19px\"\n    height=\"19px\"\n    color=\"Gray-Gray-800\"\n  ></app-icon>\n  <app-icon\n    *ngIf=\"isFavorite || isHovered\"\n    name=\"Heart-solid\"\n    width=\"19px\"\n    height=\"19px\"\n    color=\"Primary-Primary-500\"\n  ></app-icon>\n</button>\n", styles: [".dropi-favorite-button{border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);appearance:none;width:37px;height:37px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease-in-out;will-change:auto}.dropi-favorite-button app-icon{display:grid}.dropi-favorite-button:hover,.dropi-favorite-button.is-favorite{background:var(--Gray-gray-50, #f5f6f8)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "app-icon", inputs: ["name", "width", "height", "color"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i2.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropiFavoriteButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dropi-favorite-button', standalone: true, imports: [CommonModule, IconComponent, NgbTooltipModule], template: "<button\n  class=\"dropi-favorite-button\"\n  [ngClass]=\"{ 'is-favorite': isFavorite }\"\n  ngbTooltip=\"{{ isFavorite ? 'Remover de favoritos' : 'A\u00F1adir a favoritos' }}\"\n  (click)=\"toggle()\"\n  (mouseenter)=\"onMouseEnter()\"\n  (mouseleave)=\"onMouseLeave()\"\n>\n  <app-icon\n    *ngIf=\"!isFavorite && !isHovered\"\n    name=\"Heart\"\n    width=\"19px\"\n    height=\"19px\"\n    color=\"Gray-Gray-800\"\n  ></app-icon>\n  <app-icon\n    *ngIf=\"isFavorite || isHovered\"\n    name=\"Heart-solid\"\n    width=\"19px\"\n    height=\"19px\"\n    color=\"Primary-Primary-500\"\n  ></app-icon>\n</button>\n", styles: [".dropi-favorite-button{border-radius:8px;border:1px solid var(--Gray-Gray-200);background:var(--Neutral-White);appearance:none;width:37px;height:37px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s ease-in-out;will-change:auto}.dropi-favorite-button app-icon{display:grid}.dropi-favorite-button:hover,.dropi-favorite-button.is-favorite{background:var(--Gray-gray-50, #f5f6f8)}\n"] }]
+        }], propDecorators: { isFavorite: [{
+                type: Input
+            }], toggleFavorite: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGktZmF2b3JpdGUtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1mYXZvcml0ZS1idXR0b24vZHJvcGktZmF2b3JpdGUtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1mYXZvcml0ZS1idXR0b24vZHJvcGktZmF2b3JpdGUtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7OztBQVM5RCxNQUFNLE9BQU8sNEJBQTRCO0lBQzlCLFVBQVUsR0FBWSxLQUFLLENBQUM7SUFDM0IsY0FBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7SUFFdkQsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUUzQixNQUFNO1FBQ0osSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDbkMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDeEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUN6QixDQUFDO3dHQWpCVSw0QkFBNEI7NEZBQTVCLDRCQUE0QixzS0NaekMsMm1CQXVCQSxtZURmWSxZQUFZLGlPQUFFLGFBQWEsa0dBQUUsZ0JBQWdCOzs0RkFJNUMsNEJBQTRCO2tCQVB4QyxTQUFTOytCQUNFLHVCQUF1QixjQUNyQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFDOzhCQUsvQyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcbmltcG9ydCB7IE5nYlRvb2x0aXBNb2R1bGUgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Ryb3BpLWZhdm9yaXRlLWJ1dHRvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEljb25Db21wb25lbnQsIE5nYlRvb2x0aXBNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGktZmF2b3JpdGUtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGktZmF2b3JpdGUtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERyb3BpRmF2b3JpdGVCdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBpc0Zhdm9yaXRlOiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSB0b2dnbGVGYXZvcml0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBpc0hvdmVyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICB0b2dnbGUoKSB7XG4gICAgdGhpcy5pc0Zhdm9yaXRlID0gIXRoaXMuaXNGYXZvcml0ZTtcbiAgICB0aGlzLnRvZ2dsZUZhdm9yaXRlLmVtaXQodGhpcy5pc0Zhdm9yaXRlKTtcbiAgfVxuXG4gIG9uTW91c2VFbnRlcigpIHtcbiAgICB0aGlzLmlzSG92ZXJlZCA9IHRydWU7XG4gIH1cblxuICBvbk1vdXNlTGVhdmUoKSB7XG4gICAgdGhpcy5pc0hvdmVyZWQgPSBmYWxzZTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cImRyb3BpLWZhdm9yaXRlLWJ1dHRvblwiXG4gIFtuZ0NsYXNzXT1cInsgJ2lzLWZhdm9yaXRlJzogaXNGYXZvcml0ZSB9XCJcbiAgbmdiVG9vbHRpcD1cInt7IGlzRmF2b3JpdGUgPyAnUmVtb3ZlciBkZSBmYXZvcml0b3MnIDogJ0HDsWFkaXIgYSBmYXZvcml0b3MnIH19XCJcbiAgKGNsaWNrKT1cInRvZ2dsZSgpXCJcbiAgKG1vdXNlZW50ZXIpPVwib25Nb3VzZUVudGVyKClcIlxuICAobW91c2VsZWF2ZSk9XCJvbk1vdXNlTGVhdmUoKVwiXG4+XG4gIDxhcHAtaWNvblxuICAgICpuZ0lmPVwiIWlzRmF2b3JpdGUgJiYgIWlzSG92ZXJlZFwiXG4gICAgbmFtZT1cIkhlYXJ0XCJcbiAgICB3aWR0aD1cIjE5cHhcIlxuICAgIGhlaWdodD1cIjE5cHhcIlxuICAgIGNvbG9yPVwiR3JheS1HcmF5LTgwMFwiXG4gID48L2FwcC1pY29uPlxuICA8YXBwLWljb25cbiAgICAqbmdJZj1cImlzRmF2b3JpdGUgfHwgaXNIb3ZlcmVkXCJcbiAgICBuYW1lPVwiSGVhcnQtc29saWRcIlxuICAgIHdpZHRoPVwiMTlweFwiXG4gICAgaGVpZ2h0PVwiMTlweFwiXG4gICAgY29sb3I9XCJQcmltYXJ5LVByaW1hcnktNTAwXCJcbiAgPjwvYXBwLWljb24+XG48L2J1dHRvbj5cbiJdfQ==

package/dist/esm2022/components-source/dropi-file-upload/card-view/card-view.component.mjs

@@ -0,0 +1,47 @@
+import { Component, EventEmitter, Input, Output, Inject, CUSTOM_ELEMENTS_SCHEMA, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { ButtonComponent } from "../../dropi-button/dropi-button.component";
+import { IconComponent } from "../../icon/icon.component";
+import { TranslateModule } from "@ngx-translate/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+export class CardViewComponent {
+    imageOverlayService;
+    fileItem;
+    onlyView = false;
+    action = new EventEmitter();
+    constructor(imageOverlayService) {
+        this.imageOverlayService = imageOverlayService;
+    }
+    onSendClick(type) {
+        this.action.emit({ file: this.fileItem, type });
+    }
+    getFileTypeClass(file) {
+        return "file-default";
+    }
+    viewType(type) {
+        return false;
+    }
+    openPreviewImage() {
+        if (this.fileItem?.previewUrl) {
+            this.imageOverlayService?.open?.(this.fileItem.previewUrl);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardViewComponent, deps: [{ token: "ImageOverlayService" }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CardViewComponent, isStandalone: true, selector: "app-card-view", inputs: { fileItem: "fileItem", onlyView: "onlyView" }, outputs: { action: "action" }, ngImport: i0, template: "<div class=\"file-card\" [ngClass]=\"[fileItem.state, getFileTypeClass(fileItem.file)]\">\n  <ng-container\n    *ngIf=\"fileItem.previewUrl && !fileItem.previewUrl.includes('.pdf'); else iconTemplate\"\n  >\n    <div class=\"preview-wrapper\">\n      <img\n        [ngClass]=\"fileItem.state\"\n        class=\"preview\"\n        [src]=\"fileItem.previewUrl || './assets/utils/template-no-image.png'\"\n        alt=\"fileItem.previewUrl\"\n      />\n\n      <ng-container *ngIf=\"fileItem.state === 'complete'\">\n        <div class=\"overlay-icon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n          >\n            <g clip-path=\"url(#clip0_5064_216)\">\n              <path\n                d=\"M11.1594 2.2155L4.24992 9.1245C4.20347 9.17114 4.14826 9.20815 4.08747 9.2334C4.02668 9.25865 3.9615 9.27165 3.89567 9.27165C3.82985 9.27165 3.76467 9.25865 3.70388 9.2334C3.64308 9.20815 3.58788 9.17114 3.54142 9.1245L0.869423 6.45C0.822969 6.40337 0.767762 6.36636 0.70697 6.34111C0.646179 6.31586 0.581 6.30286 0.515173 6.30286C0.449346 6.30286 0.384167 6.31586 0.323376 6.34111C0.262585 6.36636 0.207378 6.40337 0.160923 6.45C0.114285 6.49646 0.0772787 6.55167 0.0520278 6.61246C0.026777 6.67325 0.0137787 6.73843 0.0137787 6.80425C0.0137787 6.87008 0.026777 6.93526 0.0520278 6.99605C0.0772787 7.05684 0.114285 7.11205 0.160923 7.1585L2.83392 9.831C3.1159 10.1125 3.49802 10.2705 3.89642 10.2705C4.29482 10.2705 4.67695 10.1125 4.95892 9.831L11.8679 2.9235C11.9145 2.87706 11.9514 2.82188 11.9766 2.76114C12.0018 2.70039 12.0148 2.63527 12.0148 2.5695C12.0148 2.50374 12.0018 2.43862 11.9766 2.37787C11.9514 2.31713 11.9145 2.26195 11.8679 2.2155C11.8215 2.16887 11.7663 2.13186 11.7055 2.10661C11.6447 2.08136 11.5795 2.06836 11.5137 2.06836C11.4478 2.06836 11.3827 2.08136 11.3219 2.10661C11.2611 2.13186 11.2059 2.16887 11.1594 2.2155Z\"\n                fill=\"#0ABB87\"\n              />\n            </g>\n            <defs>\n              <clipPath id=\"clip0_5064_216\">\n                <rect width=\"12\" height=\"12\" fill=\"white\" />\n              </clipPath>\n            </defs>\n          </svg>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!--iconos de documento-->\n  <ng-template #iconTemplate>\n    <div class=\"file-icon\">\n      <ng-container>\n        <svg\n          *ngIf=\"viewType('pdf')\"\n          class=\"icon-pdf\"\n          width=\"34\"\n          height=\"34\"\n          viewBox=\"0 0 34 34\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z\"\n            fill=\"#FEF0F0\"\n          />\n          <g clip-path=\"url(#clip0_3287_1674)\">\n            <path\n              d=\"M24.1252 11.1167L21.2168 8.20833C20.1168 7.10833 18.6502 6.5 17.0918 6.5H13.3335C11.0335 6.5 9.16684 8.36667 9.16684 10.6667V22.3333C9.16684 24.6333 11.0335 26.5 13.3335 26.5H21.6668C23.9668 26.5 25.8335 24.6333 25.8335 22.3333V15.2417C25.8335 13.6833 25.2252 12.2167 24.1252 11.1167ZM22.9502 12.2917C23.2168 12.5583 23.4418 12.85 23.6252 13.1667H20.0085C19.5502 13.1667 19.1752 12.7917 19.1752 12.3333V8.71667C19.4918 8.9 19.7835 9.125 20.0502 9.39167L22.9585 12.3L22.9502 12.2917ZM24.1668 22.3333C24.1668 23.7083 23.0418 24.8333 21.6668 24.8333H13.3335C11.9585 24.8333 10.8335 23.7083 10.8335 22.3333V10.6667C10.8335 9.29167 11.9585 8.16667 13.3335 8.16667H17.0918C17.2252 8.16667 17.3668 8.16667 17.5002 8.18333V12.3333C17.5002 13.7083 18.6252 14.8333 20.0002 14.8333H24.1502C24.1668 14.9667 24.1668 15.1 24.1668 15.2417V22.3333ZM13.4085 17.3333H12.5002C12.0418 17.3333 11.6668 17.7083 11.6668 18.1667V21.8667C11.6668 22.1583 11.9002 22.3833 12.1835 22.3833C12.4668 22.3833 12.7002 22.15 12.7002 21.8667V20.85H13.4002C14.3835 20.85 15.1835 20.0583 15.1835 19.0917C15.1835 18.125 14.3835 17.3333 13.4002 17.3333H13.4085ZM13.4085 19.8083H12.7168V18.375H13.4168C13.8168 18.375 14.1585 18.7 14.1585 19.0917C14.1585 19.4833 13.8168 19.8083 13.4168 19.8083H13.4085ZM23.3502 17.8583C23.3502 18.15 23.1168 18.375 22.8335 18.375H21.4252V19.325H22.4585C22.7502 19.325 22.9752 19.5583 22.9752 19.8417C22.9752 20.125 22.7418 20.3583 22.4585 20.3583H21.4252V21.8583C21.4252 22.15 21.1918 22.375 20.9085 22.375C20.6252 22.375 20.3918 22.1417 20.3918 21.8583V17.85C20.3918 17.5583 20.6252 17.3333 20.9085 17.3333H22.8335C23.1252 17.3333 23.3502 17.5667 23.3502 17.85V17.8583ZM17.5752 17.3417H16.6668C16.2085 17.3417 15.8335 17.7167 15.8335 18.175V21.875C15.8335 22.1667 16.0668 22.3417 16.3502 22.3417C16.6335 22.3417 17.5668 22.3417 17.5668 22.3417C18.5502 22.3417 19.3502 21.55 19.3502 20.5833V19.1C19.3502 18.1333 18.5502 17.3417 17.5668 17.3417H17.5752ZM18.3168 20.5833C18.3168 20.975 17.9752 21.3 17.5752 21.3H16.8835V18.3833H17.5835C17.9835 18.3833 18.3252 18.7083 18.3252 19.1V20.5833H18.3168Z\"\n              fill=\"#DE6061\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_3287_1674\">\n              <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(7.5 6.5)\" />\n            </clipPath>\n          </defs>\n        </svg>\n        <svg\n          *ngIf=\"viewType('default')\"\n          class=\"icon-default\"\n          width=\"34\"\n          height=\"34\"\n          viewBox=\"0 0 34 34\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z\"\n            fill=\"#EEF6FE\"\n          />\n          <g clip-path=\"url(#clip0_3287_1708)\">\n            <path\n              d=\"M21.1668 18.6667C21.1668 18.8877 21.079 19.0997 20.9227 19.2559C20.7664 19.4122 20.5545 19.5 20.3335 19.5H13.6668C13.4458 19.5 13.2338 19.4122 13.0775 19.2559C12.9213 19.0997 12.8335 18.8877 12.8335 18.6667C12.8335 18.4457 12.9213 18.2337 13.0775 18.0774C13.2338 17.9211 13.4458 17.8334 13.6668 17.8334H20.3335C20.5545 17.8334 20.7664 17.9211 20.9227 18.0774C21.079 18.2337 21.1668 18.4457 21.1668 18.6667ZM17.8335 21.1667H13.6668C13.4458 21.1667 13.2338 21.2545 13.0775 21.4108C12.9213 21.567 12.8335 21.779 12.8335 22C12.8335 22.221 12.9213 22.433 13.0775 22.5893C13.2338 22.7456 13.4458 22.8334 13.6668 22.8334H17.8335C18.0545 22.8334 18.2664 22.7456 18.4227 22.5893C18.579 22.433 18.6668 22.221 18.6668 22C18.6668 21.779 18.579 21.567 18.4227 21.4108C18.2664 21.2545 18.0545 21.1667 17.8335 21.1667ZM25.3335 15.7375V22.8334C25.3321 23.938 24.8927 24.9971 24.1116 25.7782C23.3305 26.5593 22.2715 26.9987 21.1668 27H12.8335C11.7288 26.9987 10.6698 26.5593 9.88864 25.7782C9.10753 24.9971 8.66812 23.938 8.66679 22.8334V11.1667C8.66812 10.062 9.10753 9.00298 9.88864 8.22187C10.6698 7.44075 11.7288 7.00134 12.8335 7.00002H16.596C17.3623 6.99805 18.1214 7.14801 18.8295 7.44124C19.5375 7.73446 20.1804 8.16513 20.721 8.70835L23.6243 11.6134C24.1678 12.1536 24.5988 12.7962 24.8921 13.5042C25.1855 14.2121 25.3355 14.9712 25.3335 15.7375ZM19.5426 9.88669C19.2804 9.63265 18.9859 9.41412 18.6668 9.23669V12.8334C18.6668 13.0544 18.7546 13.2663 18.9109 13.4226C19.0672 13.5789 19.2791 13.6667 19.5001 13.6667H23.0968C22.9193 13.3477 22.7004 13.0535 22.446 12.7917L19.5426 9.88669ZM23.6668 15.7375C23.6668 15.6 23.6401 15.4684 23.6276 15.3334H19.5001C18.8371 15.3334 18.2012 15.07 17.7324 14.6011C17.2635 14.1323 17.0001 13.4964 17.0001 12.8334V8.70585C16.8651 8.69335 16.7326 8.66669 16.596 8.66669H12.8335C12.1704 8.66669 11.5345 8.93008 11.0657 9.39892C10.5969 9.86776 10.3335 10.5036 10.3335 11.1667V22.8334C10.3335 23.4964 10.5969 24.1323 11.0657 24.6011C11.5345 25.07 12.1704 25.3334 12.8335 25.3334H21.1668C21.8298 25.3334 22.4657 25.07 22.9346 24.6011C23.4034 24.1323 23.6668 23.4964 23.6668 22.8334V15.7375Z\"\n              fill=\"#4996DB\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_3287_1708\">\n              <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(7 7)\" />\n            </clipPath>\n          </defs>\n        </svg>\n      </ng-container>\n    </div>\n  </ng-template>\n  <div class=\"info-container\" *ngIf=\"fileItem.state !== 'confirm-delete'\">\n    <div class=\"file-name\">\n      {{ fileItem?.file?.name ?? fileItem?.previewUrl?.split('/').pop() }}\n    </div>\n    <div class=\"progress-bar-container\" *ngIf=\"fileItem.state === 'uploading'\">\n      <div class=\"progress-bar\" [style.width.%]=\"fileItem.progress\"></div>\n    </div>\n  </div>\n\n  <!--Botones de  eliminar y ver-->\n\n  <div\n    class=\"preview-image\"\n    *ngIf=\"fileItem.state !== 'confirm-delete' \"\n    (click)=\"openPreviewImage()\"\n  >\n    <app-icon name=\"Eye\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-600\" />\n  </div>\n  <!-- <div\n    class=\"preview-image\"\n    *ngIf=\"fileItem.state !== 'confirm-delete' && fileItem.fileType !== 'image'\"\n    (click)=\"downloadFile()\"\n  >\n    <app-icon name=\"Download\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-600\" />\n  </div> -->\n\n  <div (click)=\"onSendClick('delete')\" *ngIf=\"fileItem.state !== 'confirm-delete' && !onlyView\" class=\"delete\">\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M16.25 4.44453H14.0972C13.936 3.66078 13.5096 2.95657 12.8897 2.45058C12.2699 1.94459 11.4946 1.66776 10.6944 1.66675H9.30554C8.5054 1.66776 7.73007 1.94459 7.11023 2.45058C6.49039 2.95657 6.06394 3.66078 5.90276 4.44453H3.74999C3.56581 4.44453 3.38917 4.51769 3.25894 4.64792C3.12871 4.77816 3.05554 4.95479 3.05554 5.13897C3.05554 5.32315 3.12871 5.49978 3.25894 5.63002C3.38917 5.76025 3.56581 5.83341 3.74999 5.83341H4.44443V14.8612C4.44553 15.7817 4.81171 16.6643 5.46264 17.3152C6.11357 17.9661 6.9961 18.3323 7.91665 18.3334H12.0833C13.0039 18.3323 13.8864 17.9661 14.5373 17.3152C15.1883 16.6643 15.5544 15.7817 15.5555 14.8612V5.83341H16.25C16.4342 5.83341 16.6108 5.76025 16.741 5.63002C16.8713 5.49978 16.9444 5.32315 16.9444 5.13897C16.9444 4.95479 16.8713 4.77816 16.741 4.64792C16.6108 4.51769 16.4342 4.44453 16.25 4.44453ZM9.30554 3.05564H10.6944C11.1252 3.05616 11.5452 3.18993 11.8969 3.43858C12.2487 3.68724 12.5149 4.03862 12.659 4.44453H7.34096C7.48511 4.03862 7.75131 3.68724 8.10303 3.43858C8.45476 3.18993 8.8748 3.05616 9.30554 3.05564ZM14.1667 14.8612C14.1667 15.4137 13.9472 15.9436 13.5565 16.3343C13.1658 16.725 12.6359 16.9445 12.0833 16.9445H7.91665C7.36412 16.9445 6.83421 16.725 6.44351 16.3343C6.05281 15.9436 5.83332 15.4137 5.83332 14.8612V5.83341H14.1667V14.8612Z\"\n        fill=\"#DE6061\"\n      />\n      <path\n        d=\"M8.61115 14.1663C8.79533 14.1663 8.97197 14.0931 9.1022 13.9629C9.23243 13.8327 9.3056 13.656 9.3056 13.4719V9.30521C9.3056 9.12103 9.23243 8.94439 9.1022 8.81416C8.97197 8.68393 8.79533 8.61076 8.61115 8.61076C8.42698 8.61076 8.25034 8.68393 8.12011 8.81416C7.98988 8.94439 7.91671 9.12103 7.91671 9.30521V13.4719C7.91671 13.656 7.98988 13.8327 8.12011 13.9629C8.25034 14.0931 8.42698 14.1663 8.61115 14.1663Z\"\n        fill=\"#DE6061\"\n      />\n      <path\n        d=\"M11.3888 14.1663C11.573 14.1663 11.7497 14.0931 11.8799 13.9629C12.0101 13.8327 12.0833 13.656 12.0833 13.4719V9.30521C12.0833 9.12103 12.0101 8.94439 11.8799 8.81416C11.7497 8.68393 11.573 8.61076 11.3888 8.61076C11.2047 8.61076 11.028 8.68393 10.8978 8.81416C10.7676 8.94439 10.6944 9.12103 10.6944 9.30521V13.4719C10.6944 13.656 10.7676 13.8327 10.8978 13.9629C11.028 14.0931 11.2047 14.1663 11.3888 14.1663Z\"\n        fill=\"#DE6061\"\n      />\n    </svg>\n  </div>\n\n  <!--mensaje de eliminar-->\n  <div class=\"delete-confirm\" *ngIf=\"fileItem.state === 'confirm-delete'\">\n    <span class=\"message\">{{\n      (fileItem.previewUrl ? 'delete image' : 'delete file') | translate\n    }}</span>\n    <div class=\"actions\">\n      <dropi-button size=\"small\" text=\"S\u00ED\" (onClick)=\"onSendClick('confirm-delete')\"></dropi-button>\n      <dropi-button\n        text=\"No\"\n        size=\"small\"\n        (onClick)=\"onSendClick('cancel-delete')\"\n        severity=\"secondary\"\n      ></dropi-button>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.file-card{display:flex;padding:var(--Size-4, 16px);align-items:center;gap:var(--Size-3, 12px);align-self:stretch;border-radius:var(--Border-2);border:1px solid var(--Gray-Gray-100);background:var(--White, #FFF)}.file-card .preview-wrapper{width:34px;height:34px;position:relative;display:inline-block;border-radius:var(--Border-2);overflow:hidden}.file-card .preview-wrapper .preview{width:100%;height:100%;object-fit:cover;flex-shrink:0}.file-card .preview-wrapper .preview.uploading{filter:blur(2px)}.file-card .preview-wrapper .overlay-icon{width:16px;height:16px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--White, #fff)}.file-card .info-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--Size-2);flex:1 0 0}.file-card .info-container .file-name{overflow:hidden;color:var(--Gray-Gray-600);text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:400;line-height:150%;white-space:nowrap;max-width:300px}.file-card .info-container .progress-bar-container{width:100%;height:4px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.file-card .info-container .progress-bar{height:100%;border-radius:4.5px;background:var(--Primary-Primary-500);transition:width .3s ease}.file-card .delete,.file-card .preview-image{display:inline-block;transition:transform .3s ease;border-radius:var(--Border-2)}.file-card .delete:hover,.file-card .preview-image:hover{cursor:pointer;transform:scale(1.1)}.file-card .delete-confirm{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-style:normal;font-weight:500;line-height:150%;display:flex;justify-content:space-between;align-items:center;align-self:stretch;flex:1 0 0}.file-card .delete-confirm .actions{display:flex;align-items:flex-start;gap:var(--Size-2, 8px)}@media (max-width: 600px){.file-card .info-container .file-name{max-width:100px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "app-icon", inputs: ["name", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CardViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-card-view", standalone: true, imports: [CommonModule, ButtonComponent, IconComponent, TranslateModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div class=\"file-card\" [ngClass]=\"[fileItem.state, getFileTypeClass(fileItem.file)]\">\n  <ng-container\n    *ngIf=\"fileItem.previewUrl && !fileItem.previewUrl.includes('.pdf'); else iconTemplate\"\n  >\n    <div class=\"preview-wrapper\">\n      <img\n        [ngClass]=\"fileItem.state\"\n        class=\"preview\"\n        [src]=\"fileItem.previewUrl || './assets/utils/template-no-image.png'\"\n        alt=\"fileItem.previewUrl\"\n      />\n\n      <ng-container *ngIf=\"fileItem.state === 'complete'\">\n        <div class=\"overlay-icon\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"12\"\n            height=\"12\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n          >\n            <g clip-path=\"url(#clip0_5064_216)\">\n              <path\n                d=\"M11.1594 2.2155L4.24992 9.1245C4.20347 9.17114 4.14826 9.20815 4.08747 9.2334C4.02668 9.25865 3.9615 9.27165 3.89567 9.27165C3.82985 9.27165 3.76467 9.25865 3.70388 9.2334C3.64308 9.20815 3.58788 9.17114 3.54142 9.1245L0.869423 6.45C0.822969 6.40337 0.767762 6.36636 0.70697 6.34111C0.646179 6.31586 0.581 6.30286 0.515173 6.30286C0.449346 6.30286 0.384167 6.31586 0.323376 6.34111C0.262585 6.36636 0.207378 6.40337 0.160923 6.45C0.114285 6.49646 0.0772787 6.55167 0.0520278 6.61246C0.026777 6.67325 0.0137787 6.73843 0.0137787 6.80425C0.0137787 6.87008 0.026777 6.93526 0.0520278 6.99605C0.0772787 7.05684 0.114285 7.11205 0.160923 7.1585L2.83392 9.831C3.1159 10.1125 3.49802 10.2705 3.89642 10.2705C4.29482 10.2705 4.67695 10.1125 4.95892 9.831L11.8679 2.9235C11.9145 2.87706 11.9514 2.82188 11.9766 2.76114C12.0018 2.70039 12.0148 2.63527 12.0148 2.5695C12.0148 2.50374 12.0018 2.43862 11.9766 2.37787C11.9514 2.31713 11.9145 2.26195 11.8679 2.2155C11.8215 2.16887 11.7663 2.13186 11.7055 2.10661C11.6447 2.08136 11.5795 2.06836 11.5137 2.06836C11.4478 2.06836 11.3827 2.08136 11.3219 2.10661C11.2611 2.13186 11.2059 2.16887 11.1594 2.2155Z\"\n                fill=\"#0ABB87\"\n              />\n            </g>\n            <defs>\n              <clipPath id=\"clip0_5064_216\">\n                <rect width=\"12\" height=\"12\" fill=\"white\" />\n              </clipPath>\n            </defs>\n          </svg>\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n\n  <!--iconos de documento-->\n  <ng-template #iconTemplate>\n    <div class=\"file-icon\">\n      <ng-container>\n        <svg\n          *ngIf=\"viewType('pdf')\"\n          class=\"icon-pdf\"\n          width=\"34\"\n          height=\"34\"\n          viewBox=\"0 0 34 34\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z\"\n            fill=\"#FEF0F0\"\n          />\n          <g clip-path=\"url(#clip0_3287_1674)\">\n            <path\n              d=\"M24.1252 11.1167L21.2168 8.20833C20.1168 7.10833 18.6502 6.5 17.0918 6.5H13.3335C11.0335 6.5 9.16684 8.36667 9.16684 10.6667V22.3333C9.16684 24.6333 11.0335 26.5 13.3335 26.5H21.6668C23.9668 26.5 25.8335 24.6333 25.8335 22.3333V15.2417C25.8335 13.6833 25.2252 12.2167 24.1252 11.1167ZM22.9502 12.2917C23.2168 12.5583 23.4418 12.85 23.6252 13.1667H20.0085C19.5502 13.1667 19.1752 12.7917 19.1752 12.3333V8.71667C19.4918 8.9 19.7835 9.125 20.0502 9.39167L22.9585 12.3L22.9502 12.2917ZM24.1668 22.3333C24.1668 23.7083 23.0418 24.8333 21.6668 24.8333H13.3335C11.9585 24.8333 10.8335 23.7083 10.8335 22.3333V10.6667C10.8335 9.29167 11.9585 8.16667 13.3335 8.16667H17.0918C17.2252 8.16667 17.3668 8.16667 17.5002 8.18333V12.3333C17.5002 13.7083 18.6252 14.8333 20.0002 14.8333H24.1502C24.1668 14.9667 24.1668 15.1 24.1668 15.2417V22.3333ZM13.4085 17.3333H12.5002C12.0418 17.3333 11.6668 17.7083 11.6668 18.1667V21.8667C11.6668 22.1583 11.9002 22.3833 12.1835 22.3833C12.4668 22.3833 12.7002 22.15 12.7002 21.8667V20.85H13.4002C14.3835 20.85 15.1835 20.0583 15.1835 19.0917C15.1835 18.125 14.3835 17.3333 13.4002 17.3333H13.4085ZM13.4085 19.8083H12.7168V18.375H13.4168C13.8168 18.375 14.1585 18.7 14.1585 19.0917C14.1585 19.4833 13.8168 19.8083 13.4168 19.8083H13.4085ZM23.3502 17.8583C23.3502 18.15 23.1168 18.375 22.8335 18.375H21.4252V19.325H22.4585C22.7502 19.325 22.9752 19.5583 22.9752 19.8417C22.9752 20.125 22.7418 20.3583 22.4585 20.3583H21.4252V21.8583C21.4252 22.15 21.1918 22.375 20.9085 22.375C20.6252 22.375 20.3918 22.1417 20.3918 21.8583V17.85C20.3918 17.5583 20.6252 17.3333 20.9085 17.3333H22.8335C23.1252 17.3333 23.3502 17.5667 23.3502 17.85V17.8583ZM17.5752 17.3417H16.6668C16.2085 17.3417 15.8335 17.7167 15.8335 18.175V21.875C15.8335 22.1667 16.0668 22.3417 16.3502 22.3417C16.6335 22.3417 17.5668 22.3417 17.5668 22.3417C18.5502 22.3417 19.3502 21.55 19.3502 20.5833V19.1C19.3502 18.1333 18.5502 17.3417 17.5668 17.3417H17.5752ZM18.3168 20.5833C18.3168 20.975 17.9752 21.3 17.5752 21.3H16.8835V18.3833H17.5835C17.9835 18.3833 18.3252 18.7083 18.3252 19.1V20.5833H18.3168Z\"\n              fill=\"#DE6061\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_3287_1674\">\n              <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(7.5 6.5)\" />\n            </clipPath>\n          </defs>\n        </svg>\n        <svg\n          *ngIf=\"viewType('default')\"\n          class=\"icon-default\"\n          width=\"34\"\n          height=\"34\"\n          viewBox=\"0 0 34 34\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M0 8C0 3.58172 3.58172 0 8 0H26C30.4183 0 34 3.58172 34 8V26C34 30.4183 30.4183 34 26 34H8C3.58172 34 0 30.4183 0 26V8Z\"\n            fill=\"#EEF6FE\"\n          />\n          <g clip-path=\"url(#clip0_3287_1708)\">\n            <path\n              d=\"M21.1668 18.6667C21.1668 18.8877 21.079 19.0997 20.9227 19.2559C20.7664 19.4122 20.5545 19.5 20.3335 19.5H13.6668C13.4458 19.5 13.2338 19.4122 13.0775 19.2559C12.9213 19.0997 12.8335 18.8877 12.8335 18.6667C12.8335 18.4457 12.9213 18.2337 13.0775 18.0774C13.2338 17.9211 13.4458 17.8334 13.6668 17.8334H20.3335C20.5545 17.8334 20.7664 17.9211 20.9227 18.0774C21.079 18.2337 21.1668 18.4457 21.1668 18.6667ZM17.8335 21.1667H13.6668C13.4458 21.1667 13.2338 21.2545 13.0775 21.4108C12.9213 21.567 12.8335 21.779 12.8335 22C12.8335 22.221 12.9213 22.433 13.0775 22.5893C13.2338 22.7456 13.4458 22.8334 13.6668 22.8334H17.8335C18.0545 22.8334 18.2664 22.7456 18.4227 22.5893C18.579 22.433 18.6668 22.221 18.6668 22C18.6668 21.779 18.579 21.567 18.4227 21.4108C18.2664 21.2545 18.0545 21.1667 17.8335 21.1667ZM25.3335 15.7375V22.8334C25.3321 23.938 24.8927 24.9971 24.1116 25.7782C23.3305 26.5593 22.2715 26.9987 21.1668 27H12.8335C11.7288 26.9987 10.6698 26.5593 9.88864 25.7782C9.10753 24.9971 8.66812 23.938 8.66679 22.8334V11.1667C8.66812 10.062 9.10753 9.00298 9.88864 8.22187C10.6698 7.44075 11.7288 7.00134 12.8335 7.00002H16.596C17.3623 6.99805 18.1214 7.14801 18.8295 7.44124C19.5375 7.73446 20.1804 8.16513 20.721 8.70835L23.6243 11.6134C24.1678 12.1536 24.5988 12.7962 24.8921 13.5042C25.1855 14.2121 25.3355 14.9712 25.3335 15.7375ZM19.5426 9.88669C19.2804 9.63265 18.9859 9.41412 18.6668 9.23669V12.8334C18.6668 13.0544 18.7546 13.2663 18.9109 13.4226C19.0672 13.5789 19.2791 13.6667 19.5001 13.6667H23.0968C22.9193 13.3477 22.7004 13.0535 22.446 12.7917L19.5426 9.88669ZM23.6668 15.7375C23.6668 15.6 23.6401 15.4684 23.6276 15.3334H19.5001C18.8371 15.3334 18.2012 15.07 17.7324 14.6011C17.2635 14.1323 17.0001 13.4964 17.0001 12.8334V8.70585C16.8651 8.69335 16.7326 8.66669 16.596 8.66669H12.8335C12.1704 8.66669 11.5345 8.93008 11.0657 9.39892C10.5969 9.86776 10.3335 10.5036 10.3335 11.1667V22.8334C10.3335 23.4964 10.5969 24.1323 11.0657 24.6011C11.5345 25.07 12.1704 25.3334 12.8335 25.3334H21.1668C21.8298 25.3334 22.4657 25.07 22.9346 24.6011C23.4034 24.1323 23.6668 23.4964 23.6668 22.8334V15.7375Z\"\n              fill=\"#4996DB\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_3287_1708\">\n              <rect width=\"20\" height=\"20\" fill=\"white\" transform=\"translate(7 7)\" />\n            </clipPath>\n          </defs>\n        </svg>\n      </ng-container>\n    </div>\n  </ng-template>\n  <div class=\"info-container\" *ngIf=\"fileItem.state !== 'confirm-delete'\">\n    <div class=\"file-name\">\n      {{ fileItem?.file?.name ?? fileItem?.previewUrl?.split('/').pop() }}\n    </div>\n    <div class=\"progress-bar-container\" *ngIf=\"fileItem.state === 'uploading'\">\n      <div class=\"progress-bar\" [style.width.%]=\"fileItem.progress\"></div>\n    </div>\n  </div>\n\n  <!--Botones de  eliminar y ver-->\n\n  <div\n    class=\"preview-image\"\n    *ngIf=\"fileItem.state !== 'confirm-delete' \"\n    (click)=\"openPreviewImage()\"\n  >\n    <app-icon name=\"Eye\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-600\" />\n  </div>\n  <!-- <div\n    class=\"preview-image\"\n    *ngIf=\"fileItem.state !== 'confirm-delete' && fileItem.fileType !== 'image'\"\n    (click)=\"downloadFile()\"\n  >\n    <app-icon name=\"Download\" width=\"20px\" height=\"20px\" color=\"Gray-Gray-600\" />\n  </div> -->\n\n  <div (click)=\"onSendClick('delete')\" *ngIf=\"fileItem.state !== 'confirm-delete' && !onlyView\" class=\"delete\">\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M16.25 4.44453H14.0972C13.936 3.66078 13.5096 2.95657 12.8897 2.45058C12.2699 1.94459 11.4946 1.66776 10.6944 1.66675H9.30554C8.5054 1.66776 7.73007 1.94459 7.11023 2.45058C6.49039 2.95657 6.06394 3.66078 5.90276 4.44453H3.74999C3.56581 4.44453 3.38917 4.51769 3.25894 4.64792C3.12871 4.77816 3.05554 4.95479 3.05554 5.13897C3.05554 5.32315 3.12871 5.49978 3.25894 5.63002C3.38917 5.76025 3.56581 5.83341 3.74999 5.83341H4.44443V14.8612C4.44553 15.7817 4.81171 16.6643 5.46264 17.3152C6.11357 17.9661 6.9961 18.3323 7.91665 18.3334H12.0833C13.0039 18.3323 13.8864 17.9661 14.5373 17.3152C15.1883 16.6643 15.5544 15.7817 15.5555 14.8612V5.83341H16.25C16.4342 5.83341 16.6108 5.76025 16.741 5.63002C16.8713 5.49978 16.9444 5.32315 16.9444 5.13897C16.9444 4.95479 16.8713 4.77816 16.741 4.64792C16.6108 4.51769 16.4342 4.44453 16.25 4.44453ZM9.30554 3.05564H10.6944C11.1252 3.05616 11.5452 3.18993 11.8969 3.43858C12.2487 3.68724 12.5149 4.03862 12.659 4.44453H7.34096C7.48511 4.03862 7.75131 3.68724 8.10303 3.43858C8.45476 3.18993 8.8748 3.05616 9.30554 3.05564ZM14.1667 14.8612C14.1667 15.4137 13.9472 15.9436 13.5565 16.3343C13.1658 16.725 12.6359 16.9445 12.0833 16.9445H7.91665C7.36412 16.9445 6.83421 16.725 6.44351 16.3343C6.05281 15.9436 5.83332 15.4137 5.83332 14.8612V5.83341H14.1667V14.8612Z\"\n        fill=\"#DE6061\"\n      />\n      <path\n        d=\"M8.61115 14.1663C8.79533 14.1663 8.97197 14.0931 9.1022 13.9629C9.23243 13.8327 9.3056 13.656 9.3056 13.4719V9.30521C9.3056 9.12103 9.23243 8.94439 9.1022 8.81416C8.97197 8.68393 8.79533 8.61076 8.61115 8.61076C8.42698 8.61076 8.25034 8.68393 8.12011 8.81416C7.98988 8.94439 7.91671 9.12103 7.91671 9.30521V13.4719C7.91671 13.656 7.98988 13.8327 8.12011 13.9629C8.25034 14.0931 8.42698 14.1663 8.61115 14.1663Z\"\n        fill=\"#DE6061\"\n      />\n      <path\n        d=\"M11.3888 14.1663C11.573 14.1663 11.7497 14.0931 11.8799 13.9629C12.0101 13.8327 12.0833 13.656 12.0833 13.4719V9.30521C12.0833 9.12103 12.0101 8.94439 11.8799 8.81416C11.7497 8.68393 11.573 8.61076 11.3888 8.61076C11.2047 8.61076 11.028 8.68393 10.8978 8.81416C10.7676 8.94439 10.6944 9.12103 10.6944 9.30521V13.4719C10.6944 13.656 10.7676 13.8327 10.8978 13.9629C11.028 14.0931 11.2047 14.1663 11.3888 14.1663Z\"\n        fill=\"#DE6061\"\n      />\n    </svg>\n  </div>\n\n  <!--mensaje de eliminar-->\n  <div class=\"delete-confirm\" *ngIf=\"fileItem.state === 'confirm-delete'\">\n    <span class=\"message\">{{\n      (fileItem.previewUrl ? 'delete image' : 'delete file') | translate\n    }}</span>\n    <div class=\"actions\">\n      <dropi-button size=\"small\" text=\"S\u00ED\" (onClick)=\"onSendClick('confirm-delete')\"></dropi-button>\n      <dropi-button\n        text=\"No\"\n        size=\"small\"\n        (onClick)=\"onSendClick('cancel-delete')\"\n        severity=\"secondary\"\n      ></dropi-button>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.file-card{display:flex;padding:var(--Size-4, 16px);align-items:center;gap:var(--Size-3, 12px);align-self:stretch;border-radius:var(--Border-2);border:1px solid var(--Gray-Gray-100);background:var(--White, #FFF)}.file-card .preview-wrapper{width:34px;height:34px;position:relative;display:inline-block;border-radius:var(--Border-2);overflow:hidden}.file-card .preview-wrapper .preview{width:100%;height:100%;object-fit:cover;flex-shrink:0}.file-card .preview-wrapper .preview.uploading{filter:blur(2px)}.file-card .preview-wrapper .overlay-icon{width:16px;height:16px;padding:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:var(--Border-3, 12px);background:var(--White, #fff)}.file-card .info-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--Size-2);flex:1 0 0}.file-card .info-container .file-name{overflow:hidden;color:var(--Gray-Gray-600);text-overflow:ellipsis;font-size:12px;font-style:normal;font-weight:400;line-height:150%;white-space:nowrap;max-width:300px}.file-card .info-container .progress-bar-container{width:100%;height:4px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.file-card .info-container .progress-bar{height:100%;border-radius:4.5px;background:var(--Primary-Primary-500);transition:width .3s ease}.file-card .delete,.file-card .preview-image{display:inline-block;transition:transform .3s ease;border-radius:var(--Border-2)}.file-card .delete:hover,.file-card .preview-image:hover{cursor:pointer;transform:scale(1.1)}.file-card .delete-confirm{color:var(--Gray-Gray-600);font-size:var(--font-size-xs);font-style:normal;font-weight:500;line-height:150%;display:flex;justify-content:space-between;align-items:center;align-self:stretch;flex:1 0 0}.file-card .delete-confirm .actions{display:flex;align-items:flex-start;gap:var(--Size-2, 8px)}@media (max-width: 600px){.file-card .info-container .file-name{max-width:100px}}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ["ImageOverlayService"]
+                }] }], propDecorators: { fileItem: [{
+                type: Input
+            }], onlyView: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1maWxlLXVwbG9hZC9jYXJkLXZpZXcvY2FyZC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1maWxlLXVwbG9hZC9jYXJkLXZpZXcvY2FyZC12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxFQUNOLHNCQUFzQixHQUN2QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFVdEQsTUFBTSxPQUFPLGlCQUFpQjtJQVNzQjtJQVJ6QyxRQUFRLENBQVk7SUFDcEIsUUFBUSxHQUFZLEtBQUssQ0FBQztJQUN6QixNQUFNLEdBQUcsSUFBSSxZQUFZLEVBRy9CLENBQUM7SUFFTCxZQUNrRCxtQkFBd0I7UUFBeEIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFLO0lBQ3ZFLENBQUM7SUFFSixXQUFXLENBQUMsSUFBbUQ7UUFDN0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxJQUFTO1FBQ3hCLE9BQU8sY0FBYyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBWTtRQUNuQixPQUFPLEtBQUssQ0FBQztJQUNmLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsVUFBVSxFQUFFLENBQUM7WUFDOUIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0QsQ0FBQztJQUNILENBQUM7d0dBNUJVLGlCQUFpQixrQkFTbEIscUJBQXFCOzRGQVRwQixpQkFBaUIsZ0tDdEI5Qiw0b1lBMEpBLGdrRUR6SVksWUFBWSxpT0FBbUIsYUFBYSxrR0FBRSxlQUFlOzs0RkFLNUQsaUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUMsV0FDL0QsQ0FBQyxzQkFBc0IsQ0FBQzs7MEJBYTlCLE1BQU07MkJBQUMscUJBQXFCO3lDQVJ0QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEluamVjdCxcbiAgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IEZpbGVJdGVtIH0gZnJvbSBcIi4uLy4uLy4uL3V0aWxpdGllcy9pbnRlcmZhY2VzL3VpL3VwbG9hZC5tb2RlbFwiO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2Ryb3BpLWJ1dHRvbi9kcm9waS1idXR0b24uY29tcG9uZW50XCI7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2ljb24vaWNvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtY2FyZC12aWV3XCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgVHJhbnNsYXRlTW9kdWxlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NhcmQtdmlldy5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2FyZC12aWV3LmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBDYXJkVmlld0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbGVJdGVtITogRmlsZUl0ZW07XG4gIEBJbnB1dCgpIG9ubHlWaWV3OiBib29sZWFuID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBhY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPHtcbiAgICBmaWxlOiBGaWxlSXRlbTtcbiAgICB0eXBlOiBcImRlbGV0ZVwiIHwgXCJjb25maXJtLWRlbGV0ZVwiIHwgXCJjYW5jZWwtZGVsZXRlXCI7XG4gIH0+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChcIkltYWdlT3ZlcmxheVNlcnZpY2VcIikgcHJpdmF0ZSByZWFkb25seSBpbWFnZU92ZXJsYXlTZXJ2aWNlOiBhbnksXG4gICkge31cblxuICBvblNlbmRDbGljayh0eXBlOiBcImRlbGV0ZVwiIHwgXCJjb25maXJtLWRlbGV0ZVwiIHwgXCJjYW5jZWwtZGVsZXRlXCIpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGlvbi5lbWl0KHsgZmlsZTogdGhpcy5maWxlSXRlbSwgdHlwZSB9KTtcbiAgfVxuXG4gIGdldEZpbGVUeXBlQ2xhc3MoZmlsZTogYW55KTogc3RyaW5nIHtcbiAgICByZXR1cm4gXCJmaWxlLWRlZmF1bHRcIjtcbiAgfVxuXG4gIHZpZXdUeXBlKHR5cGU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBmYWxzZTtcbiAgfVxuXG4gIG9wZW5QcmV2aWV3SW1hZ2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZmlsZUl0ZW0/LnByZXZpZXdVcmwpIHtcbiAgICAgIHRoaXMuaW1hZ2VPdmVybGF5U2VydmljZT8ub3Blbj8uKHRoaXMuZmlsZUl0ZW0ucHJldmlld1VybCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZmlsZS1jYXJkXCIgW25nQ2xhc3NdPVwiW2ZpbGVJdGVtLnN0YXRlLCBnZXRGaWxlVHlwZUNsYXNzKGZpbGVJdGVtLmZpbGUpXVwiPlxuICA8bmctY29udGFpbmVyXG4gICAgKm5nSWY9XCJmaWxlSXRlbS5wcmV2aWV3VXJsICYmICFmaWxlSXRlbS5wcmV2aWV3VXJsLmluY2x1ZGVzKCcucGRmJyk7IGVsc2UgaWNvblRlbXBsYXRlXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJwcmV2aWV3LXdyYXBwZXJcIj5cbiAgICAgIDxpbWdcbiAgICAgICAgW25nQ2xhc3NdPVwiZmlsZUl0ZW0uc3RhdGVcIlxuICAgICAgICBjbGFzcz1cInByZXZpZXdcIlxuICAgICAgICBbc3JjXT1cImZpbGVJdGVtLnByZXZpZXdVcmwgfHwgJy4vYXNzZXRzL3V0aWxzL3RlbXBsYXRlLW5vLWltYWdlLnBuZydcIlxuICAgICAgICBhbHQ9XCJmaWxlSXRlbS5wcmV2aWV3VXJsXCJcbiAgICAgIC8+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmaWxlSXRlbS5zdGF0ZSA9PT0gJ2NvbXBsZXRlJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwib3ZlcmxheS1pY29uXCI+XG4gICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICAgICAgICB3aWR0aD1cIjEyXCJcbiAgICAgICAgICAgIGhlaWdodD1cIjEyXCJcbiAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMTIgMTJcIlxuICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxnIGNsaXAtcGF0aD1cInVybCgjY2xpcDBfNTA2NF8yMTYpXCI+XG4gICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgZD1cIk0xMS4xNTk0IDIuMjE1NUw0LjI0OTkyIDkuMTI0NUM0LjIwMzQ3IDkuMTcxMTQgNC4xNDgyNiA5LjIwODE1IDQuMDg3NDcgOS4yMzM0QzQuMDI2NjggOS4yNTg2NSAzLjk2MTUgOS4yNzE2NSAzLjg5NTY3IDkuMjcxNjVDMy44Mjk4NSA5LjI3MTY1IDMuNzY0NjcgOS4yNTg2NSAzLjcwMzg4IDkuMjMzNEMzLjY0MzA4IDkuMjA4MTUgMy41ODc4OCA5LjE3MTE0IDMuNTQxNDIgOS4xMjQ1TDAuODY5NDIzIDYuNDVDMC44MjI5NjkgNi40MDMzNyAwLjc2Nzc2MiA2LjM2NjM2IDAuNzA2OTcgNi4zNDExMUMwLjY0NjE3OSA2LjMxNTg2IDAuNTgxIDYuMzAyODYgMC41MTUxNzMgNi4zMDI4NkMwLjQ0OTM0NiA2LjMwMjg2IDAuMzg0MTY3IDYuMzE1ODYgMC4zMjMzNzYgNi4zNDExMUMwLjI2MjU4NSA2LjM2NjM2IDAuMjA3Mzc4IDYuNDAzMzcgMC4xNjA5MjMgNi40NUMwLjExNDI4NSA2LjQ5NjQ2IDAuMDc3Mjc4NyA2LjU1MTY3IDAuMDUyMDI3OCA2LjYxMjQ2QzAuMDI2Nzc3IDYuNjczMjUgMC4wMTM3Nzg3IDYuNzM4NDMgMC4wMTM3Nzg3IDYuODA0MjVDMC4wMTM3Nzg3IDYuODcwMDggMC4wMjY3NzcgNi45MzUyNiAwLjA1MjAyNzggNi45OTYwNUMwLjA3NzI3ODcgNy4wNTY4NCAwLjExNDI4NSA3LjExMjA1IDAuMTYwOTIzIDcuMTU4NUwyLjgzMzkyIDkuODMxQzMuMTE1OSAxMC4xMTI1IDMuNDk4MDIgMTAuMjcwNSAzLjg5NjQyIDEwLjI3MDVDNC4yOTQ4MiAxMC4yNzA1IDQuNjc2OTUgMTAuMTEyNSA0Ljk1ODkyIDkuODMxTDExLjg2NzkgMi45MjM1QzExLjkxNDUgMi44NzcwNiAxMS45NTE0IDIuODIxODggMTEuOTc2NiAyLjc2MTE0QzEyLjAwMTggMi43MDAzOSAxMi4wMTQ4IDIuNjM1MjcgMTIuMDE0OCAyLjU2OTVDMTIuMDE0OCAyLjUwMzc0IDEyLjAwMTggMi40Mzg2MiAxMS45NzY2IDIuMzc3ODdDMTEuOTUxNCAyLjMxNzEzIDExLjkxNDUgMi4yNjE5NSAxMS44Njc5IDIuMjE1NUMxMS44MjE1IDIuMTY4ODcgMTEuNzY2MyAyLjEzMTg2IDExLjcwNTUgMi4xMDY2MUMxMS42NDQ3IDIuMDgxMzYgMTEuNTc5NSAyLjA2ODM2IDExLjUxMzcgMi4wNjgzNkMxMS40NDc4IDIuMDY4MzYgMTEuMzgyNyAyLjA4MTM2IDExLjMyMTkgMi4xMDY2MUMxMS4yNjExIDIuMTMxODYgMTEuMjA1OSAyLjE2ODg3IDExLjE1OTQgMi4yMTU1WlwiXG4gICAgICAgICAgICAgICAgZmlsbD1cIiMwQUJCODdcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9nPlxuICAgICAgICAgICAgPGRlZnM+XG4gICAgICAgICAgICAgIDxjbGlwUGF0aCBpZD1cImNsaXAwXzUwNjRfMjE2XCI+XG4gICAgICAgICAgICAgICAgPHJlY3Qgd2lkdGg9XCIxMlwiIGhlaWdodD1cIjEyXCIgZmlsbD1cIndoaXRlXCIgLz5cbiAgICAgICAgICAgICAgPC9jbGlwUGF0aD5cbiAgICAgICAgICAgIDwvZGVmcz5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPCEtLWljb25vcyBkZSBkb2N1bWVudG8tLT5cbiAgPG5nLXRlbXBsYXRlICNpY29uVGVtcGxhdGU+XG4gICAgPGRpdiBjbGFzcz1cImZpbGUtaWNvblwiPlxuICAgICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgICpuZ0lmPVwidmlld1R5cGUoJ3BkZicpXCJcbiAgICAgICAgICBjbGFzcz1cImljb24tcGRmXCJcbiAgICAgICAgICB3aWR0aD1cIjM0XCJcbiAgICAgICAgICBoZWlnaHQ9XCIzNFwiXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAzNCAzNFwiXG4gICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJNMCA4QzAgMy41ODE3MiAzLjU4MTcyIDAgOCAwSDI2QzMwLjQxODMgMCAzNCAzLjU4MTcyIDM0IDhWMjZDMzQgMzAuNDE4MyAzMC40MTgzIDM0IDI2IDM0SDhDMy41ODE3MiAzNCAwIDMwLjQxODMgMCAyNlY4WlwiXG4gICAgICAgICAgICBmaWxsPVwiI0ZFRjBGMFwiXG4gICAgICAgICAgLz5cbiAgICAgICAgICA8ZyBjbGlwLXBhdGg9XCJ1cmwoI2NsaXAwXzMyODdfMTY3NClcIj5cbiAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgIGQ9XCJNMjQuMTI1MiAxMS4xMTY3TDIxLjIxNjggOC4yMDgzM0MyMC4xMTY4IDcuMTA4MzMgMTguNjUwMiA2LjUgMTcuMDkxOCA2LjVIMTMuMzMzNUMxMS4wMzM1IDYuNSA5LjE2Njg0IDguMzY2NjcgOS4xNjY4NCAxMC42NjY3VjIyLjMzMzNDOS4xNjY4NCAyNC42MzMzIDExLjAzMzUgMjYuNSAxMy4zMzM1IDI2LjVIMjEuNjY2OEMyMy45NjY4IDI2LjUgMjUuODMzNSAyNC42MzMzIDI1LjgzMzUgMjIuMzMzM1YxNS4yNDE3QzI1LjgzMzUgMTMuNjgzMyAyNS4yMjUyIDEyLjIxNjcgMjQuMTI1MiAxMS4xMTY3Wk0yMi45NTAyIDEyLjI5MTdDMjMuMjE2OCAxMi41NTgzIDIzLjQ0MTggMTIuODUgMjMuNjI1MiAxMy4xNjY3SDIwLjAwODVDMTkuNTUwMiAxMy4xNjY3IDE5LjE3NTIgMTIuNzkxNyAxOS4xNzUyIDEyLjMzMzNWOC43MTY2N0MxOS40OTE4IDguOSAxOS43ODM1IDkuMTI1IDIwLjA1MDIgOS4zOTE2N0wyMi45NTg1IDEyLjNMMjIuOTUwMiAxMi4yOTE3Wk0yNC4xNjY4IDIyLjMzMzNDMjQuMTY2OCAyMy43MDgzIDIzLjA0MTggMjQuODMzMyAyMS42NjY4IDI0LjgzMzNIMTMuMzMzNUMxMS45NTg1IDI0LjgzMzMgMTAuODMzNSAyMy43MDgzIDEwLjgzMzUgMjIuMzMzM1YxMC42NjY3QzEwLjgzMzUgOS4yOTE2NyAxMS45NTg1IDguMTY2NjcgMTMuMzMzNSA4LjE2NjY3SDE3LjA5MThDMTcuMjI1MiA4LjE2NjY3IDE3LjM2NjggOC4xNjY2NyAxNy41MDAyIDguMTgzMzNWMTIuMzMzM0MxNy41MDAyIDEzLjcwODMgMTguNjI1MiAxNC44MzMzIDIwLjAwMDIgMTQuODMzM0gyNC4xNTAyQzI0LjE2NjggMTQuOTY2NyAyNC4xNjY4IDE1LjEgMjQuMTY2OCAxNS4yNDE3VjIyLjMzMzNaTTEzLjQwODUgMTcuMzMzM0gxMi41MDAyQzEyLjA0MTggMTcuMzMzMyAxMS42NjY4IDE3LjcwODMgMTEuNjY2OCAxOC4xNjY3VjIxLjg2NjdDMTEuNjY2OCAyMi4xNTgzIDExLjkwMDIgMjIuMzgzMyAxMi4xODM1IDIyLjM4MzNDMTIuNDY2OCAyMi4zODMzIDEyLjcwMDIgMjIuMTUgMTIuNzAwMiAyMS44NjY3VjIwLjg1SDEzLjQwMDJDMTQuMzgzNSAyMC44NSAxNS4xODM1IDIwLjA1ODMgMTUuMTgzNSAxOS4wOTE3QzE1LjE4MzUgMTguMTI1IDE0LjM4MzUgMTcuMzMzMyAxMy40MDAyIDE3LjMzMzNIMTMuNDA4NVpNMTMuNDA4NSAxOS44MDgzSDEyLjcxNjhWMTguMzc1SDEzLjQxNjhDMTMuODE2OCAxOC4zNzUgMTQuMTU4NSAxOC43IDE0LjE1ODUgMTkuMDkxN0MxNC4xNTg1IDE5LjQ4MzMgMTMuODE2OCAxOS44MDgzIDEzLjQxNjggMTkuODA4M0gxMy40MDg1Wk0yMy4zNTAyIDE3Ljg1ODNDMjMuMzUwMiAxOC4xNSAyMy4xMTY4IDE4LjM3NSAyMi44MzM1IDE4LjM3NUgyMS40MjUyVjE5LjMyNUgyMi40NTg1QzIyLjc1MDIgMTkuMzI1IDIyLjk3NTIgMTkuNTU4MyAyMi45NzUyIDE5Ljg0MTdDMjIuOTc1MiAyMC4xMjUgMjIuNzQxOCAyMC4zNTgzIDIyLjQ1ODUgMjAuMzU4M0gyMS40MjUyVjIxLjg1ODNDMjEuNDI1MiAyMi4xNSAyMS4xOTE4IDIyLjM3NSAyMC45MDg1IDIyLjM3NUMyMC42MjUyIDIyLjM3NSAyMC4zOTE4IDIyLjE0MTcgMjAuMzkxOCAyMS44NTgzVjE3Ljg1QzIwLjM5MTggMTcuNTU4MyAyMC42MjUyIDE3LjMzMzMgMjAuOTA4NSAxNy4zMzMzSDIyLjgzMzVDMjMuMTI1MiAxNy4zMzMzIDIzLjM1MDIgMTcuNTY2NyAyMy4zNTAyIDE3Ljg1VjE3Ljg1ODNaTTE3LjU3NTIgMTcuMzQxN0gxNi42NjY4QzE2LjIwODUgMTcuMzQxNyAxNS44MzM1IDE3LjcxNjcgMTUuODMzNSAxOC4xNzVWMjEuODc1QzE1LjgzMzUgMjIuMTY2NyAxNi4wNjY4IDIyLjM0MTcgMTYuMzUwMiAyMi4zNDE3QzE2LjYzMzUgMjIuMzQxNyAxNy41NjY4IDIyLjM0MTcgMTcuNTY2OCAyMi4zNDE3QzE4LjU1MDIgMjIuMzQxNyAxOS4zNTAyIDIxLjU1IDE5LjM1MDIgMjAuNTgzM1YxOS4xQzE5LjM1MDIgMTguMTMzMyAxOC41NTAyIDE3LjM0MTcgMTcuNTY2OCAxNy4zNDE3SDE3LjU3NTJaTTE4LjMxNjggMjAuNTgzM0MxOC4zMTY4IDIwLjk3NSAxNy45NzUyIDIxLjMgMTcuNTc1MiAyMS4zSDE2Ljg4MzVWMTguMzgzM0gxNy41ODM1QzE3Ljk4MzUgMTguMzgzMyAxOC4zMjUyIDE4LjcwODMgMTguMzI1MiAxOS4xVjIwLjU4MzNIMTguMzE2OFpcIlxuICAgICAgICAgICAgICBmaWxsPVwiI0RFNjA2MVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZz5cbiAgICAgICAgICA8ZGVmcz5cbiAgICAgICAgICAgIDxjbGlwUGF0aCBpZD1cImNsaXAwXzMyODdfMTY3NFwiPlxuICAgICAgICAgICAgICA8cmVjdCB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiBmaWxsPVwid2hpdGVcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoNy41IDYuNSlcIiAvPlxuICAgICAgICAgICAgPC9jbGlwUGF0aD5cbiAgICAgICAgICA8L2RlZnM+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgICA8c3ZnXG4gICAgICAgICAgKm5nSWY9XCJ2aWV3VHlwZSgnZGVmYXVsdCcpXCJcbiAgICAgICAgICBjbGFzcz1cImljb24tZGVmYXVsdFwiXG4gICAgICAgICAgd2lkdGg9XCIzNFwiXG4gICAgICAgICAgaGVpZ2h0PVwiMzRcIlxuICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMzQgMzRcIlxuICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBkPVwiTTAgOEMwIDMuNTgxNzIgMy41ODE3MiAwIDggMEgyNkMzMC40MTgzIDAgMzQgMy41ODE3MiAzNCA4VjI2QzM0IDMwLjQxODMgMzAuNDE4MyAzNCAyNiAzNEg4QzMuNTgxNzIgMzQgMCAzMC40MTgzIDAgMjZWOFpcIlxuICAgICAgICAgICAgZmlsbD1cIiNFRUY2RkVcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPGcgY2xpcC1wYXRoPVwidXJsKCNjbGlwMF8zMjg3XzE3MDgpXCI+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBkPVwiTTIxLjE2NjggMTguNjY2N0MyMS4xNjY4IDE4Ljg4NzcgMjEuMDc5IDE5LjA5OTcgMjAuOTIyNyAxOS4yNTU5QzIwLjc2NjQgMTkuNDEyMiAyMC41NTQ1IDE5LjUgMjAuMzMzNSAxOS41SDEzLjY2NjhDMTMuNDQ1OCAxOS41IDEzLjIzMzggMTkuNDEyMiAxMy4wNzc1IDE5LjI1NTlDMTIuOTIxMyAxOS4wOTk3IDEyLjgzMzUgMTguODg3NyAxMi44MzM1IDE4LjY2NjdDMTIuODMzNSAxOC40NDU3IDEyLjkyMTMgMTguMjMzNyAxMy4wNzc1IDE4LjA3NzRDMTMuMjMzOCAxNy45MjExIDEzLjQ0NTggMTcuODMzNCAxMy42NjY4IDE3LjgzMzRIMjAuMzMzNUMyMC41NTQ1IDE3LjgzMzQgMjAuNzY2NCAxNy45MjExIDIwLjkyMjcgMTguMDc3NEMyMS4wNzkgMTguMjMzNyAyMS4xNjY4IDE4LjQ0NTcgMjEuMTY2OCAxOC42NjY3Wk0xNy44MzM1IDIxLjE2NjdIMTMuNjY2OEMxMy40NDU4IDIxLjE2NjcgMTMuMjMzOCAyMS4yNTQ1IDEzLjA3NzUgMjEuNDEwOEMxMi45MjEzIDIxLjU2NyAxMi44MzM1IDIxLjc3OSAxMi44MzM1IDIyQzEyLjgzMzUgMjIuMjIxIDEyLjkyMTMgMjIuNDMzIDEzLjA3NzUgMjIuNTg5M0MxMy4yMzM4IDIyLjc0NTYgMTMuNDQ1OCAyMi44MzM0IDEzLjY2NjggMjIuODMzNEgxNy44MzM1QzE4LjA1NDUgMjIuODMzNCAxOC4yNjY0IDIyLjc0NTYgMTguNDIyNyAyMi41ODkzQzE4LjU3OSAyMi40MzMgMTguNjY2OCAyMi4yMjEgMTguNjY2OCAyMkMxOC42NjY4IDIxLjc3OSAxOC41NzkgMjEuNTY3IDE4LjQyMjcgMjEuNDEwOEMxOC4yNjY0IDIxLjI1NDUgMTguMDU0NSAyMS4xNjY3IDE3LjgzMzUgMjEuMTY2N1pNMjUuMzMzNSAxNS43Mzc1VjIyLjgzMzRDMjUuMzMyMSAyMy45MzggMjQuODkyNyAyNC45OTcxIDI0LjExMTYgMjUuNzc4MkMyMy4zMzA1IDI2LjU1OTMgMjIuMjcxNSAyNi45OTg3IDIxLjE2NjggMjdIMTIuODMzNUMxMS43Mjg4IDI2Ljk5ODcgMTAuNjY5OCAyNi41NTkzIDkuODg4NjQgMjUuNzc4MkM5LjEwNzUzIDI0Ljk5NzEgOC42NjgxMiAyMy45MzggOC42NjY3OSAyMi44MzM0VjExLjE2NjdDOC42NjgxMiAxMC4wNjIgOS4xMDc1MyA5LjAwMjk4IDkuODg4NjQgOC4yMjE4N0MxMC42Njk4IDcuNDQwNzUgMTEuNzI4OCA3LjAwMTM0IDEyLjgzMzUgNy4wMDAwMkgxNi41OTZDMTcuMzYyMyA2Ljk5ODA1IDE4LjEyMTQgNy4xNDgwMSAxOC44Mjk1IDcuNDQxMjRDMTkuNTM3NSA3LjczNDQ2IDIwLjE4MDQgOC4xNjUxMyAyMC43MjEgOC43MDgzNUwyMy42MjQzIDExLjYxMzRDMjQuMTY3OCAxMi4xNTM2IDI0LjU5ODggMTIuNzk2MiAyNC44OTIxIDEzLjUwNDJDMjUuMTg1NSAxNC4yMTIxIDI1LjMzNTUgMTQuOTcxMiAyNS4zMzM1IDE1LjczNzVaTTE5LjU0MjYgOS44ODY2OUMxOS4yODA0IDkuNjMyNjUgMTguOTg1OSA5LjQxNDEyIDE4LjY2NjggOS4yMzY2OVYxMi44MzM0QzE4LjY2NjggMTMuMDU0NCAxOC43NTQ2IDEzLjI2NjMgMTguOTEwOSAxMy40MjI2QzE5LjA2NzIgMTMuNTc4OSAxOS4yNzkxIDEzLjY2NjcgMTkuNTAwMSAxMy42NjY3SDIzLjA5NjhDMjIuOTE5MyAxMy4zNDc3IDIyLjcwMDQgMTMuMDUzNSAyMi40NDYgMTIuNzkxN0wxOS41NDI2IDkuODg2NjlaTTIzLjY2NjggMTUuNzM3NUMyMy42NjY4IDE1LjYgMjMuNjQwMSAxNS40Njg0IDIzLjYyNzYgMTUuMzMzNEgxOS41MDAxQzE4LjgzNzEgMTUuMzMzNCAxOC4yMDEyIDE1LjA3IDE3LjczMjQgMTQuNjAxMUMxNy4yNjM1IDE0LjEzMjMgMTcuMDAwMSAxMy40OTY0IDE3LjAwMDEgMTIuODMzNFY4LjcwNTg1QzE2Ljg2NTEgOC42OTMzNSAxNi43MzI2IDguNjY2NjkgMTYuNTk2IDguNjY2NjlIMTIuODMzNUMxMi4xNzA0IDguNjY2NjkgMTEuNTM0NSA4LjkzMDA4IDExLjA2NTcgOS4zOTg5MkMxMC41OTY5IDkuODY3NzYgMTAuMzMzNSAxMC41MDM2IDEwLjMzMzUgMTEuMTY2N1YyMi44MzM0QzEwLjMzMzUgMjMuNDk2NCAxMC41OTY5IDI0LjEzMjMgMTEuMDY1NyAyNC42MDExQzExLjUzNDUgMjUuMDcgMTIuMTcwNCAyNS4zMzM0IDEyLjgzMzUgMjUuMzMzNEgyMS4xNjY4QzIxLjgyOTggMjUuMzMzNCAyMi40NjU3IDI1LjA3IDIyLjkzNDYgMjQuNjAxMUMyMy40MDM0IDI0LjEzMjMgMjMuNjY2OCAyMy40OTY0IDIzLjY2NjggMjIuODMzNFYxNS43Mzc1WlwiXG4gICAgICAgICAgICAgIGZpbGw9XCIjNDk5NkRCXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9nPlxuICAgICAgICAgIDxkZWZzPlxuICAgICAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcDBfMzI4N18xNzA4XCI+XG4gICAgICAgICAgICAgIDxyZWN0IHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIGZpbGw9XCJ3aGl0ZVwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSg3IDcpXCIgLz5cbiAgICAgICAgICAgIDwvY2xpcFBhdGg+XG4gICAgICAgICAgPC9kZWZzPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiaW5mby1jb250YWluZXJcIiAqbmdJZj1cImZpbGVJdGVtLnN0YXRlICE9PSAnY29uZmlybS1kZWxldGUnXCI+XG4gICAgPGRpdiBjbGFzcz1cImZpbGUtbmFtZVwiPlxuICAgICAge3sgZmlsZUl0ZW0/LmZpbGU/Lm5hbWUgPz8gZmlsZUl0ZW0/LnByZXZpZXdVcmw/LnNwbGl0KCcvJykucG9wKCkgfX1cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyLWNvbnRhaW5lclwiICpuZ0lmPVwiZmlsZUl0ZW0uc3RhdGUgPT09ICd1cGxvYWRpbmcnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3MtYmFyXCIgW3N0eWxlLndpZHRoLiVdPVwiZmlsZUl0ZW0ucHJvZ3Jlc3NcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPCEtLUJvdG9uZXMgZGUgIGVsaW1pbmFyIHkgdmVyLS0+XG5cbiAgPGRpdlxuICAgIGNsYXNzPVwicHJldmlldy1pbWFnZVwiXG4gICAgKm5nSWY9XCJmaWxlSXRlbS5zdGF0ZSAhPT0gJ2NvbmZpcm0tZGVsZXRlJyBcIlxuICAgIChjbGljayk9XCJvcGVuUHJldmlld0ltYWdlKClcIlxuICA+XG4gICAgPGFwcC1pY29uIG5hbWU9XCJFeWVcIiB3aWR0aD1cIjIwcHhcIiBoZWlnaHQ9XCIyMHB4XCIgY29sb3I9XCJHcmF5LUdyYXktNjAwXCIgLz5cbiAgPC9kaXY+XG4gIDwhLS0gPGRpdlxuICAgIGNsYXNzPVwicHJldmlldy1pbWFnZVwiXG4gICAgKm5nSWY9XCJmaWxlSXRlbS5zdGF0ZSAhPT0gJ2NvbmZpcm0tZGVsZXRlJyAmJiBmaWxlSXRlbS5maWxlVHlwZSAhPT0gJ2ltYWdlJ1wiXG4gICAgKGNsaWNrKT1cImRvd25sb2FkRmlsZSgpXCJcbiAgPlxuICAgIDxhcHAtaWNvbiBuYW1lPVwiRG93bmxvYWRcIiB3aWR0aD1cIjIwcHhcIiBoZWlnaHQ9XCIyMHB4XCIgY29sb3I9XCJHcmF5LUdyYXktNjAwXCIgLz5cbiAgPC9kaXY+IC0tPlxuXG4gIDxkaXYgKGNsaWNrKT1cIm9uU2VuZENsaWNrKCdkZWxldGUnKVwiICpuZ0lmPVwiZmlsZUl0ZW0uc3RhdGUgIT09ICdjb25maXJtLWRlbGV0ZScgJiYgIW9ubHlWaWV3XCIgY2xhc3M9XCJkZWxldGVcIj5cbiAgICA8c3ZnIHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIHZpZXdCb3g9XCIwIDAgMjAgMjBcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIj5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMTYuMjUgNC40NDQ1M0gxNC4wOTcyQzEzLjkzNiAzLjY2MDc4IDEzLjUwOTYgMi45NTY1NyAxMi44ODk3IDIuNDUwNThDMTIuMjY5OSAxLjk0NDU5IDExLjQ5NDYgMS42Njc3NiAxMC42OTQ0IDEuNjY2NzVIOS4zMDU1NEM4LjUwNTQgMS42Njc3NiA3LjczMDA3IDEuOTQ0NTkgNy4xMTAyMyAyLjQ1MDU4QzYuNDkwMzkgMi45NTY1NyA2LjA2Mzk0IDMuNjYwNzggNS45MDI3NiA0LjQ0NDUzSDMuNzQ5OTlDMy41NjU4MSA0LjQ0NDUzIDMuMzg5MTcgNC41MTc2OSAzLjI1ODk0IDQuNjQ3OTJDMy4xMjg3MSA0Ljc3ODE2IDMuMDU1NTQgNC45NTQ3OSAzLjA1NTU0IDUuMTM4OTdDMy4wNTU1NCA1LjMyMzE1IDMuMTI4NzEgNS40OTk3OCAzLjI1ODk0IDUuNjMwMDJDMy4zODkxNyA1Ljc2MDI1IDMuNTY1ODEgNS44MzM0MSAzLjc0OTk5IDUuODMzNDFINC40NDQ0M1YxNC44NjEyQzQuNDQ1NTMgMTUuNzgxNyA0LjgxMTcxIDE2LjY2NDMgNS40NjI2NCAxNy4zMTUyQzYuMTEzNTcgMTcuOTY2MSA2Ljk5NjEgMTguMzMyMyA3LjkxNjY1IDE4LjMzMzRIMTIuMDgzM0MxMy4wMDM5IDE4LjMzMjMgMTMuODg2NCAxNy45NjYxIDE0LjUzNzMgMTcuMzE1MkMxNS4xODgzIDE2LjY2NDMgMTUuNTU0NCAxNS43ODE3IDE1LjU1NTUgMTQuODYxMlY1LjgzMzQxSDE2LjI1QzE2LjQzNDIgNS44MzM0MSAxNi42MTA4IDUuNzYwMjUgMTYuNzQxIDUuNjMwMDJDMTYuODcxMyA1LjQ5OTc4IDE2Ljk0NDQgNS4zMjMxNSAxNi45NDQ0IDUuMTM4OTdDMTYuOTQ0NCA0Ljk1NDc5IDE2Ljg3MTMgNC43NzgxNiAxNi43NDEgNC42NDc5MkMxNi42MTA4IDQuNTE3NjkgMTYuNDM0MiA0LjQ0NDUzIDE2LjI1IDQuNDQ0NTNaTTkuMzA1NTQgMy4wNTU2NEgxMC42OTQ0QzExLjEyNTIgMy4wNTYxNiAxMS41NDUyIDMuMTg5OTMgMTEuODk2OSAzLjQzODU4QzEyLjI0ODcgMy42ODcyNCAxMi41MTQ5IDQuMDM4NjIgMTIuNjU5IDQuNDQ0NTNINy4zNDA5NkM3LjQ4NTExIDQuMDM4NjIgNy43NTEzMSAzLjY4NzI0IDguMTAzMDMgMy40Mzg1OEM4LjQ1NDc2IDMuMTg5OTMgOC44NzQ4IDMuMDU2MTYgOS4zMDU1NCAzLjA1NTY0Wk0xNC4xNjY3IDE0Ljg2MTJDMTQuMTY2NyAxNS40MTM3IDEzLjk0NzIgMTUuOTQzNiAxMy41NTY1IDE2LjMzNDNDMTMuMTY1OCAxNi43MjUgMTIuNjM1OSAxNi45NDQ1IDEyLjA4MzMgMTYuOTQ0NUg3LjkxNjY1QzcuMzY0MTIgMTYuOTQ0NSA2LjgzNDIxIDE2LjcyNSA2LjQ0MzUxIDE2LjMzNDNDNi4wNTI4MSAxNS45NDM2IDUuODMzMzIgMTUuNDEzNyA1LjgzMzMyIDE0Ljg2MTJWNS44MzM0MUgxNC4xNjY3VjE0Ljg2MTJaXCJcbiAgICAgICAgZmlsbD1cIiNERTYwNjFcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNOC42MTExNSAxNC4xNjYzQzguNzk1MzMgMTQuMTY2MyA4Ljk3MTk3IDE0LjA5MzEgOS4xMDIyIDEzLjk2MjlDOS4yMzI0MyAxMy44MzI3IDkuMzA1NiAxMy42NTYgOS4zMDU2IDEzLjQ3MTlWOS4zMDUyMUM5LjMwNTYgOS4xMjEwMyA5LjIzMjQzIDguOTQ0MzkgOS4xMDIyIDguODE0MTZDOC45NzE5NyA4LjY4MzkzIDguNzk1MzMgOC42MTA3NiA4LjYxMTE1IDguNjEwNzZDOC40MjY5OCA4LjYxMDc2IDguMjUwMzQgOC42ODM5MyA4LjEyMDExIDguODE0MTZDNy45ODk4OCA4Ljk0NDM5IDcuOTE2NzEgOS4xMjEwMyA3LjkxNjcxIDkuMzA1MjFWMTMuNDcxOUM3LjkxNjcxIDEzLjY1NiA3Ljk4OTg4IDEzLjgzMjcgOC4xMjAxMSAxMy45NjI5QzguMjUwMzQgMTQuMDkzMSA4LjQyNjk4IDE0LjE2NjMgOC42MTExNSAxNC4xNjYzWlwiXG4gICAgICAgIGZpbGw9XCIjREU2MDYxXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTExLjM4ODggMTQuMTY2M0MxMS41NzMgMTQuMTY2MyAxMS43NDk3IDE0LjA5MzEgMTEuODc5OSAxMy45NjI5QzEyLjAxMDEgMTMuODMyNyAxMi4wODMzIDEzLjY1NiAxMi4wODMzIDEzLjQ3MTlWOS4zMDUyMUMxMi4wODMzIDkuMTIxMDMgMTIuMDEwMSA4Ljk0NDM5IDExLjg3OTkgOC44MTQxNkMxMS43NDk3IDguNjgzOTMgMTEuNTczIDguNjEwNzYgMTEuMzg4OCA4LjYxMDc2QzExLjIwNDcgOC42MTA3NiAxMS4wMjggOC42ODM5MyAxMC44OTc4IDguODE0MTZDMTAuNzY3NiA4Ljk0NDM5IDEwLjY5NDQgOS4xMjEwMyAxMC42OTQ0IDkuMzA1MjFWMTMuNDcxOUMxMC42OTQ0IDEzLjY1NiAxMC43Njc2IDEzLjgzMjcgMTAuODk3OCAxMy45NjI5QzExLjAyOCAxNC4wOTMxIDExLjIwNDcgMTQuMTY2MyAxMS4zODg4IDE0LjE2NjNaXCJcbiAgICAgICAgZmlsbD1cIiNERTYwNjFcIlxuICAgICAgLz5cbiAgICA8L3N2Zz5cbiAgPC9kaXY+XG5cbiAgPCEtLW1lbnNhamUgZGUgZWxpbWluYXItLT5cbiAgPGRpdiBjbGFzcz1cImRlbGV0ZS1jb25maXJtXCIgKm5nSWY9XCJmaWxlSXRlbS5zdGF0ZSA9PT0gJ2NvbmZpcm0tZGVsZXRlJ1wiPlxuICAgIDxzcGFuIGNsYXNzPVwibWVzc2FnZVwiPnt7XG4gICAgICAoZmlsZUl0ZW0ucHJldmlld1VybCA/ICdkZWxldGUgaW1hZ2UnIDogJ2RlbGV0ZSBmaWxlJykgfCB0cmFuc2xhdGVcbiAgICB9fTwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgICAgPGRyb3BpLWJ1dHRvbiBzaXplPVwic21hbGxcIiB0ZXh0PVwiU8OtXCIgKG9uQ2xpY2spPVwib25TZW5kQ2xpY2soJ2NvbmZpcm0tZGVsZXRlJylcIj48L2Ryb3BpLWJ1dHRvbj5cbiAgICAgIDxkcm9waS1idXR0b25cbiAgICAgICAgdGV4dD1cIk5vXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgKG9uQ2xpY2spPVwib25TZW5kQ2xpY2soJ2NhbmNlbC1kZWxldGUnKVwiXG4gICAgICAgIHNldmVyaXR5PVwic2Vjb25kYXJ5XCJcbiAgICAgID48L2Ryb3BpLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/dist/esm2022/components-source/dropi-file-upload/drop-zone/drop-zone.component.mjs

@@ -0,0 +1,115 @@
+import { Component, EventEmitter, Input, Output, Inject, CUSTOM_ELEMENTS_SCHEMA, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { ButtonComponent } from "../../dropi-button/dropi-button.component";
+import { IconComponent } from "../../icon/icon.component";
+import { TranslateModule } from "@ngx-translate/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+export class DropZoneComponent {
+    sharedUpload;
+    compressService;
+    multiple = false;
+    accept = [];
+    maxFiles = 10;
+    maxFileSizeMB = 10;
+    title = "";
+    label = "";
+    viewDragAndDrop = false;
+    compress = false;
+    maxHeight = 1000;
+    maxWidth = 1000;
+    textButton = "Seleccionar Imagen";
+    textFileUpload = "Drop or upload an image here";
+    addFiles = new EventEmitter();
+    dragOver = false;
+    // Propiedades requeridas por el template original
+    isNotStore = true;
+    size = "default";
+    uploadStatus = "idle";
+    disabled = false;
+    stateButton = "default";
+    fileCharged = "";
+    get acceptedMimeTypes() {
+        return this.accept || ["image/*"];
+    }
+    constructor(sharedUpload, compressService) {
+        this.sharedUpload = sharedUpload;
+        this.compressService = compressService;
+    }
+    ngOnInit() { }
+    onDragOver(event) {
+        event.preventDefault();
+        this.dragOver = true;
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        this.dragOver = false;
+    }
+    onDrop(event) {
+        event.preventDefault();
+        this.dragOver = false;
+        const files = event.dataTransfer?.files;
+        if (files) {
+            this.handleFiles(Array.from(files));
+        }
+    }
+    onFileSelected(event) {
+        const input = event.target;
+        if (input.files) {
+            this.handleFiles(Array.from(input.files));
+        }
+    }
+    onFileChange(event) {
+        const files = event.target.files;
+        if (files) {
+            this.handleFiles(Array.from(files));
+        }
+    }
+    clearFile() {
+        this.fileCharged = "";
+        this.uploadStatus = "idle";
+    }
+    handleFiles(files) {
+        this.addFiles.emit(files);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropZoneComponent, deps: [{ token: "UploadFileService" }, { token: "CompressImagesService" }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: DropZoneComponent, isStandalone: true, selector: "app-drop-zone", inputs: { multiple: "multiple", accept: "accept", maxFiles: "maxFiles", maxFileSizeMB: "maxFileSizeMB", title: "title", label: "label", viewDragAndDrop: "viewDragAndDrop", compress: "compress", maxHeight: "maxHeight", maxWidth: "maxWidth", textButton: "textButton", textFileUpload: "textFileUpload" }, outputs: { addFiles: "addFiles" }, ngImport: i0, template: "<div\n  class=\"file-upload\"\n  (drop)=\"onDrop($event)\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n>\n  <div *ngIf=\"!isNotStore\" class=\"file-upload__zone\" [class.drag-over]=\"dragOver\">\n    <svg\n      *ngIf=\"size === 'default'\"\n      width=\"40\"\n      height=\"40\"\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z\"\n        fill=\"#FEF8F1\"\n      />\n      <g clip-path=\"url(#clip0_183_10598)\">\n        <path\n          d=\"M19.3379 13.7187L19.3332 24.0107C19.3332 24.1875 19.4035 24.357 19.5285 24.4821C19.6535 24.6071 19.8231 24.6773 19.9999 24.6773C20.1767 24.6773 20.3463 24.6071 20.4713 24.4821C20.5963 24.357 20.6666 24.1875 20.6666 24.0107L20.6712 13.73L22.6126 15.672C22.7376 15.797 22.9071 15.8672 23.0839 15.8672C23.2607 15.8672 23.4302 15.797 23.5552 15.672C23.6802 15.547 23.7504 15.3774 23.7504 15.2007C23.7504 15.0239 23.6802 14.8543 23.5552 14.7293L21.4145 12.586C21.2288 12.4001 21.0083 12.2527 20.7655 12.1521C20.5228 12.0515 20.2626 11.9998 19.9999 11.9998C19.7371 11.9998 19.477 12.0515 19.2342 12.1521C18.9915 12.2527 18.771 12.4001 18.5852 12.586L16.4445 14.7273C16.3196 14.8523 16.2494 15.0219 16.2494 15.1987C16.2494 15.3754 16.3196 15.545 16.4445 15.67C16.5696 15.795 16.7391 15.8652 16.9159 15.8652C17.0927 15.8652 17.2622 15.795 17.3872 15.67L19.3379 13.7187Z\"\n          fill=\"#F49A3D\"\n        />\n        <path\n          d=\"M26.6667 23.3329V25.9996C26.6667 26.1764 26.5964 26.346 26.4714 26.471C26.3464 26.596 26.1768 26.6663 26 26.6663H14C13.8232 26.6663 13.6536 26.596 13.5286 26.471C13.4036 26.346 13.3333 26.1764 13.3333 25.9996V23.3329C13.3333 23.1561 13.2631 22.9865 13.1381 22.8615C13.013 22.7365 12.8435 22.6663 12.6667 22.6663C12.4899 22.6663 12.3203 22.7365 12.1953 22.8615C12.0702 22.9865 12 23.1561 12 23.3329V25.9996C12 26.53 12.2107 27.0387 12.5858 27.4138C12.9609 27.7889 13.4696 27.9996 14 27.9996H26C26.5304 27.9996 27.0391 27.7889 27.4142 27.4138C27.7893 27.0387 28 26.53 28 25.9996V23.3329C28 23.1561 27.9298 22.9865 27.8047 22.8615C27.6797 22.7365 27.5101 22.6663 27.3333 22.6663C27.1565 22.6663 26.987 22.7365 26.8619 22.8615C26.7369 22.9865 26.6667 23.1561 26.6667 23.3329Z\"\n          fill=\"#F49A3D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_183_10598\">\n          <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(12 12)\" />\n        </clipPath>\n      </defs>\n    </svg>\n    <div class=\"info\">\n      <div [ngClass]=\"{ 'size-small-upload': size === 'small' }\">\n        <div class=\"title\">{{ textFileUpload | translate }}</div>\n        <dropi-button\n          *ngIf=\"size !== 'default'\"\n          (onClick)=\"fileInput.click()\"\n          [text]=\"textButton\"\n          size=\"small\"\n        ></dropi-button>\n      </div>\n\n      <div *ngIf=\"size === 'default'\">\n        <div class=\"description\">\n          {{ ('Supported formats' | translate) + ': ' }} {{ accept.join(', ') }}\n        </div>\n        <div class=\"description\">\n          {{ ('Maximum size' | translate) + ': ' }} {{ maxFileSizeMB }}MB\n        </div>\n      </div>\n\n      <div *ngIf=\"size !== 'default'\">\n        <div class=\"description\">\n          {{ ('Supported formats' | translate) + ': ' }} {{ accept.join(', ') }}.\n          {{ ('Maximum size' | translate) + ': ' }} {{ maxFileSizeMB }}MB\n        </div>\n        <div class=\"description\"></div>\n      </div>\n    </div>\n\n    <dropi-button\n      *ngIf=\"size == 'default'\"\n      (onClick)=\"fileInput.click()\"\n      [text]=\"textButton\"\n      size=\"small\"\n    ></dropi-button>\n    <input\n      #fileInput\n      type=\"file\"\n      [attr.multiple]=\"multiple ? '' : null\"\n      [attr.accept]=\"acceptedMimeTypes?.join(',')\"\n      (change)=\"onFileChange($event)\"\n      hidden\n    />\n  </div>\n\n  <div class=\"container-buttons-file\" *ngIf=\"isNotStore\">\n    <dropi-button\n      *ngIf=\"uploadStatus == 'idle' || uploadStatus == 'error' || uploadStatus == 'loading'\"\n      [state]=\"disabled ? 'disabled' : stateButton\"\n      preIcon=\"File-upload\"\n      (onClick)=\"fileInput.click()\"\n      [text]=\"textButton | translate\"\n    ></dropi-button>\n    <div *ngIf=\"uploadStatus == 'success'\" class=\"button-mock\">\n      {{ fileCharged }}\n      <div class=\"\">\n        <app-icon\n          (click)=\"clearFile()\"\n          class=\"colse-circle-mock\"\n          name=\"Close-small\"\n          width=\"12px\"\n          height=\"12px\"\n          color=\"Primary-Primary-500\"\n        ></app-icon>\n      </div>\n    </div>\n    <input\n      #fileInput\n      type=\"file\"\n      [attr.multiple]=\"multiple ? '' : null\"\n      [attr.accept]=\"acceptedMimeTypes?.join(',')\"\n      (change)=\"onFileChange($event)\"\n      hidden\n    />\n  </div>\n</div>\n", styles: [".file-upload{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3, 12px);background:var(--White, #fff)}.file-upload__zone{display:flex;padding:var(--Size-5);flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-6);align-self:stretch;border-radius:var(--Border-2, 8px);border:1px dashed var(--Gray-Gray-200);background:var(--White);text-align:center;transition:border-color .3s ease}.file-upload__zone.drag-over{border:1px dashed var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fef8f1)}.file-upload__zone .info{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2);align-self:stretch}.file-upload__zone .info .title{color:var(--Gray-Gray-700);text-align:center;text-overflow:ellipsis;font-size:var(--font-size-m);font-weight:500;line-height:150%}.file-upload__zone .info .description{color:var(--GrayGray-600, #475066);text-align:center;font-size:var(--font-size-s);font-style:normal;font-weight:400;line-height:150%}.file-upload__zone .size-small-upload{gap:var(--Size-3);display:flex;flex-direction:row!important}.file-upload .container-buttons-file{position:relative;display:flex;flex-direction:column}.file-upload .container-buttons-file span{position:absolute;top:50px}.file-upload .container-buttons-file .button-mock{padding:10px;border:1px solid var(--Primary-Primary-500);border-radius:8px;color:var(--Primary-Primary-500);display:flex;align-items:center;font-size:14px;gap:.5rem}.file-upload .container-buttons-file .button-mock .colse-circle-mock{cursor:pointer;border:1px solid var(--Primary-Primary-500);display:flex;justify-content:center;align-items:center;border-radius:50%;width:14px;height:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "app-icon", inputs: ["name", "width", "height", "color"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DropZoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-drop-zone", standalone: true, imports: [CommonModule, ButtonComponent, IconComponent, TranslateModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<div\n  class=\"file-upload\"\n  (drop)=\"onDrop($event)\"\n  (dragover)=\"onDragOver($event)\"\n  (dragleave)=\"onDragLeave($event)\"\n>\n  <div *ngIf=\"!isNotStore\" class=\"file-upload__zone\" [class.drag-over]=\"dragOver\">\n    <svg\n      *ngIf=\"size === 'default'\"\n      width=\"40\"\n      height=\"40\"\n      viewBox=\"0 0 40 40\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z\"\n        fill=\"#FEF8F1\"\n      />\n      <g clip-path=\"url(#clip0_183_10598)\">\n        <path\n          d=\"M19.3379 13.7187L19.3332 24.0107C19.3332 24.1875 19.4035 24.357 19.5285 24.4821C19.6535 24.6071 19.8231 24.6773 19.9999 24.6773C20.1767 24.6773 20.3463 24.6071 20.4713 24.4821C20.5963 24.357 20.6666 24.1875 20.6666 24.0107L20.6712 13.73L22.6126 15.672C22.7376 15.797 22.9071 15.8672 23.0839 15.8672C23.2607 15.8672 23.4302 15.797 23.5552 15.672C23.6802 15.547 23.7504 15.3774 23.7504 15.2007C23.7504 15.0239 23.6802 14.8543 23.5552 14.7293L21.4145 12.586C21.2288 12.4001 21.0083 12.2527 20.7655 12.1521C20.5228 12.0515 20.2626 11.9998 19.9999 11.9998C19.7371 11.9998 19.477 12.0515 19.2342 12.1521C18.9915 12.2527 18.771 12.4001 18.5852 12.586L16.4445 14.7273C16.3196 14.8523 16.2494 15.0219 16.2494 15.1987C16.2494 15.3754 16.3196 15.545 16.4445 15.67C16.5696 15.795 16.7391 15.8652 16.9159 15.8652C17.0927 15.8652 17.2622 15.795 17.3872 15.67L19.3379 13.7187Z\"\n          fill=\"#F49A3D\"\n        />\n        <path\n          d=\"M26.6667 23.3329V25.9996C26.6667 26.1764 26.5964 26.346 26.4714 26.471C26.3464 26.596 26.1768 26.6663 26 26.6663H14C13.8232 26.6663 13.6536 26.596 13.5286 26.471C13.4036 26.346 13.3333 26.1764 13.3333 25.9996V23.3329C13.3333 23.1561 13.2631 22.9865 13.1381 22.8615C13.013 22.7365 12.8435 22.6663 12.6667 22.6663C12.4899 22.6663 12.3203 22.7365 12.1953 22.8615C12.0702 22.9865 12 23.1561 12 23.3329V25.9996C12 26.53 12.2107 27.0387 12.5858 27.4138C12.9609 27.7889 13.4696 27.9996 14 27.9996H26C26.5304 27.9996 27.0391 27.7889 27.4142 27.4138C27.7893 27.0387 28 26.53 28 25.9996V23.3329C28 23.1561 27.9298 22.9865 27.8047 22.8615C27.6797 22.7365 27.5101 22.6663 27.3333 22.6663C27.1565 22.6663 26.987 22.7365 26.8619 22.8615C26.7369 22.9865 26.6667 23.1561 26.6667 23.3329Z\"\n          fill=\"#F49A3D\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_183_10598\">\n          <rect width=\"16\" height=\"16\" fill=\"white\" transform=\"translate(12 12)\" />\n        </clipPath>\n      </defs>\n    </svg>\n    <div class=\"info\">\n      <div [ngClass]=\"{ 'size-small-upload': size === 'small' }\">\n        <div class=\"title\">{{ textFileUpload | translate }}</div>\n        <dropi-button\n          *ngIf=\"size !== 'default'\"\n          (onClick)=\"fileInput.click()\"\n          [text]=\"textButton\"\n          size=\"small\"\n        ></dropi-button>\n      </div>\n\n      <div *ngIf=\"size === 'default'\">\n        <div class=\"description\">\n          {{ ('Supported formats' | translate) + ': ' }} {{ accept.join(', ') }}\n        </div>\n        <div class=\"description\">\n          {{ ('Maximum size' | translate) + ': ' }} {{ maxFileSizeMB }}MB\n        </div>\n      </div>\n\n      <div *ngIf=\"size !== 'default'\">\n        <div class=\"description\">\n          {{ ('Supported formats' | translate) + ': ' }} {{ accept.join(', ') }}.\n          {{ ('Maximum size' | translate) + ': ' }} {{ maxFileSizeMB }}MB\n        </div>\n        <div class=\"description\"></div>\n      </div>\n    </div>\n\n    <dropi-button\n      *ngIf=\"size == 'default'\"\n      (onClick)=\"fileInput.click()\"\n      [text]=\"textButton\"\n      size=\"small\"\n    ></dropi-button>\n    <input\n      #fileInput\n      type=\"file\"\n      [attr.multiple]=\"multiple ? '' : null\"\n      [attr.accept]=\"acceptedMimeTypes?.join(',')\"\n      (change)=\"onFileChange($event)\"\n      hidden\n    />\n  </div>\n\n  <div class=\"container-buttons-file\" *ngIf=\"isNotStore\">\n    <dropi-button\n      *ngIf=\"uploadStatus == 'idle' || uploadStatus == 'error' || uploadStatus == 'loading'\"\n      [state]=\"disabled ? 'disabled' : stateButton\"\n      preIcon=\"File-upload\"\n      (onClick)=\"fileInput.click()\"\n      [text]=\"textButton | translate\"\n    ></dropi-button>\n    <div *ngIf=\"uploadStatus == 'success'\" class=\"button-mock\">\n      {{ fileCharged }}\n      <div class=\"\">\n        <app-icon\n          (click)=\"clearFile()\"\n          class=\"colse-circle-mock\"\n          name=\"Close-small\"\n          width=\"12px\"\n          height=\"12px\"\n          color=\"Primary-Primary-500\"\n        ></app-icon>\n      </div>\n    </div>\n    <input\n      #fileInput\n      type=\"file\"\n      [attr.multiple]=\"multiple ? '' : null\"\n      [attr.accept]=\"acceptedMimeTypes?.join(',')\"\n      (change)=\"onFileChange($event)\"\n      hidden\n    />\n  </div>\n</div>\n", styles: [".file-upload{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3, 12px);background:var(--White, #fff)}.file-upload__zone{display:flex;padding:var(--Size-5);flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-6);align-self:stretch;border-radius:var(--Border-2, 8px);border:1px dashed var(--Gray-Gray-200);background:var(--White);text-align:center;transition:border-color .3s ease}.file-upload__zone.drag-over{border:1px dashed var(--Primary-Primary-500, #f49a3d);background:var(--Primary-Primary-50, #fef8f1)}.file-upload__zone .info{display:flex;flex-direction:column;align-items:center;gap:var(--Size-2);align-self:stretch}.file-upload__zone .info .title{color:var(--Gray-Gray-700);text-align:center;text-overflow:ellipsis;font-size:var(--font-size-m);font-weight:500;line-height:150%}.file-upload__zone .info .description{color:var(--GrayGray-600, #475066);text-align:center;font-size:var(--font-size-s);font-style:normal;font-weight:400;line-height:150%}.file-upload__zone .size-small-upload{gap:var(--Size-3);display:flex;flex-direction:row!important}.file-upload .container-buttons-file{position:relative;display:flex;flex-direction:column}.file-upload .container-buttons-file span{position:absolute;top:50px}.file-upload .container-buttons-file .button-mock{padding:10px;border:1px solid var(--Primary-Primary-500);border-radius:8px;color:var(--Primary-Primary-500);display:flex;align-items:center;font-size:14px;gap:.5rem}.file-upload .container-buttons-file .button-mock .colse-circle-mock{cursor:pointer;border:1px solid var(--Primary-Primary-500);display:flex;justify-content:center;align-items:center;border-radius:50%;width:14px;height:14px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ["UploadFileService"]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ["CompressImagesService"]
+                }] }], propDecorators: { multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], maxFiles: [{
+                type: Input
+            }], maxFileSizeMB: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], viewDragAndDrop: [{
+                type: Input
+            }], compress: [{
+                type: Input
+            }], maxHeight: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], textButton: [{
+                type: Input
+            }], textFileUpload: [{
+                type: Input
+            }], addFiles: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcC16b25lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1maWxlLXVwbG9hZC9kcm9wLXpvbmUvZHJvcC16b25lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzLXNvdXJjZS9kcm9waS1maWxlLXVwbG9hZC9kcm9wLXpvbmUvZHJvcC16b25lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sTUFBTSxFQUVOLHNCQUFzQixHQUN2QixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFVdEQsTUFBTSxPQUFPLGlCQUFpQjtJQStCVztJQUNJO0lBL0JsQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2pCLE1BQU0sR0FBYSxFQUFFLENBQUM7SUFDdEIsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNkLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFDbkIsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsU0FBUyxHQUFXLElBQUksQ0FBQztJQUN6QixRQUFRLEdBQVcsSUFBSSxDQUFDO0lBQ3hCLFVBQVUsR0FBVyxvQkFBb0IsQ0FBQztJQUMxQyxjQUFjLEdBQVcsOEJBQThCLENBQUM7SUFFdkQsUUFBUSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFaEQsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUVqQixrREFBa0Q7SUFDbEQsVUFBVSxHQUFZLElBQUksQ0FBQztJQUMzQixJQUFJLEdBQXdCLFNBQVMsQ0FBQztJQUN0QyxZQUFZLEdBQTZDLE1BQU0sQ0FBQztJQUNoRSxRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLFdBQVcsR0FBVyxTQUFTLENBQUM7SUFDaEMsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUV6QixJQUFJLGlCQUFpQjtRQUNuQixPQUFPLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsWUFDdUMsWUFBaUIsRUFDYixlQUFvQjtRQUR4QixpQkFBWSxHQUFaLFlBQVksQ0FBSztRQUNiLG9CQUFlLEdBQWYsZUFBZSxDQUFLO0lBQzVELENBQUM7SUFFSixRQUFRLEtBQVUsQ0FBQztJQUVuQixVQUFVLENBQUMsS0FBZ0I7UUFDekIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBZ0I7UUFDMUIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBZ0I7UUFDckIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDO1FBQ3hDLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUN0QyxDQUFDO0lBQ0gsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLElBQUksS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUM1QyxDQUFDO0lBQ0gsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFVO1FBQ3JCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUN0QyxDQUFDO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztJQUM3QixDQUFDO0lBRU8sV0FBVyxDQUFDLEtBQWE7UUFDL0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQzt3R0E3RVUsaUJBQWlCLGtCQStCbEIsbUJBQW1CLGFBQ25CLHVCQUF1Qjs0RkFoQ3RCLGlCQUFpQiwwWkN0QjlCLGs2SkErR0EsZ3dERDlGWSxZQUFZLGlPQUFtQixhQUFhLGtHQUFFLGVBQWU7OzRGQUs1RCxpQkFBaUI7a0JBUjdCLFNBQVM7K0JBQ0UsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQyxXQUMvRCxDQUFDLHNCQUFzQixDQUFDOzswQkFtQzlCLE1BQU07MkJBQUMsbUJBQW1COzswQkFDMUIsTUFBTTsyQkFBQyx1QkFBdUI7eUNBL0J4QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIEluamVjdCxcbiAgT25Jbml0LFxuICBDVVNUT01fRUxFTUVOVFNfU0NIRU1BLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2Ryb3BpLWJ1dHRvbi9kcm9waS1idXR0b24uY29tcG9uZW50XCI7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSBcIi4uLy4uL2ljb24vaWNvbi5jb21wb25lbnRcIjtcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtZHJvcC16b25lXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEJ1dHRvbkNvbXBvbmVudCwgSWNvbkNvbXBvbmVudCwgVHJhbnNsYXRlTW9kdWxlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogXCIuL2Ryb3Atem9uZS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vZHJvcC16b25lLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wWm9uZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG11bHRpcGxlID0gZmFsc2U7XG4gIEBJbnB1dCgpIGFjY2VwdDogc3RyaW5nW10gPSBbXTtcbiAgQElucHV0KCkgbWF4RmlsZXMgPSAxMDtcbiAgQElucHV0KCkgbWF4RmlsZVNpemVNQiA9IDEwO1xuICBASW5wdXQoKSB0aXRsZSA9IFwiXCI7XG4gIEBJbnB1dCgpIGxhYmVsID0gXCJcIjtcbiAgQElucHV0KCkgdmlld0RyYWdBbmREcm9wID0gZmFsc2U7XG4gIEBJbnB1dCgpIGNvbXByZXNzOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIG1heEhlaWdodDogbnVtYmVyID0gMTAwMDtcbiAgQElucHV0KCkgbWF4V2lkdGg6IG51bWJlciA9IDEwMDA7XG4gIEBJbnB1dCgpIHRleHRCdXR0b246IHN0cmluZyA9IFwiU2VsZWNjaW9uYXIgSW1hZ2VuXCI7XG4gIEBJbnB1dCgpIHRleHRGaWxlVXBsb2FkOiBzdHJpbmcgPSBcIkRyb3Agb3IgdXBsb2FkIGFuIGltYWdlIGhlcmVcIjtcblxuICBAT3V0cHV0KCkgYWRkRmlsZXMgPSBuZXcgRXZlbnRFbWl0dGVyPEZpbGVbXT4oKTtcblxuICBkcmFnT3ZlciA9IGZhbHNlO1xuXG4gIC8vIFByb3BpZWRhZGVzIHJlcXVlcmlkYXMgcG9yIGVsIHRlbXBsYXRlIG9yaWdpbmFsXG4gIGlzTm90U3RvcmU6IGJvb2xlYW4gPSB0cnVlO1xuICBzaXplOiBcImRlZmF1bHRcIiB8IFwic21hbGxcIiA9IFwiZGVmYXVsdFwiO1xuICB1cGxvYWRTdGF0dXM6IFwiaWRsZVwiIHwgXCJsb2FkaW5nXCIgfCBcImVycm9yXCIgfCBcInN1Y2Nlc3NcIiA9IFwiaWRsZVwiO1xuICBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBzdGF0ZUJ1dHRvbjogc3RyaW5nID0gXCJkZWZhdWx0XCI7XG4gIGZpbGVDaGFyZ2VkOiBzdHJpbmcgPSBcIlwiO1xuXG4gIGdldCBhY2NlcHRlZE1pbWVUeXBlcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIHRoaXMuYWNjZXB0IHx8IFtcImltYWdlLypcIl07XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KFwiVXBsb2FkRmlsZVNlcnZpY2VcIikgcHJpdmF0ZSBzaGFyZWRVcGxvYWQ6IGFueSxcbiAgICBASW5qZWN0KFwiQ29tcHJlc3NJbWFnZXNTZXJ2aWNlXCIpIHByaXZhdGUgY29tcHJlc3NTZXJ2aWNlOiBhbnksXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgb25EcmFnT3ZlcihldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLmRyYWdPdmVyID0gdHJ1ZTtcbiAgfVxuXG4gIG9uRHJhZ0xlYXZlKGV2ZW50OiBEcmFnRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIHRoaXMuZHJhZ092ZXIgPSBmYWxzZTtcbiAgfVxuXG4gIG9uRHJvcChldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB0aGlzLmRyYWdPdmVyID0gZmFsc2U7XG4gICAgY29uc3QgZmlsZXMgPSBldmVudC5kYXRhVHJhbnNmZXI/LmZpbGVzO1xuICAgIGlmIChmaWxlcykge1xuICAgICAgdGhpcy5oYW5kbGVGaWxlcyhBcnJheS5mcm9tKGZpbGVzKSk7XG4gICAgfVxuICB9XG5cbiAgb25GaWxlU2VsZWN0ZWQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICBpZiAoaW5wdXQuZmlsZXMpIHtcbiAgICAgIHRoaXMuaGFuZGxlRmlsZXMoQXJyYXkuZnJvbShpbnB1dC5maWxlcykpO1xuICAgIH1cbiAgfVxuXG4gIG9uRmlsZUNoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgY29uc3QgZmlsZXMgPSBldmVudC50YXJnZXQuZmlsZXM7XG4gICAgaWYgKGZpbGVzKSB7XG4gICAgICB0aGlzLmhhbmRsZUZpbGVzKEFycmF5LmZyb20oZmlsZXMpKTtcbiAgICB9XG4gIH1cblxuICBjbGVhckZpbGUoKTogdm9pZCB7XG4gICAgdGhpcy5maWxlQ2hhcmdlZCA9IFwiXCI7XG4gICAgdGhpcy51cGxvYWRTdGF0dXMgPSBcImlkbGVcIjtcbiAgfVxuXG4gIHByaXZhdGUgaGFuZGxlRmlsZXMoZmlsZXM6IEZpbGVbXSk6IHZvaWQge1xuICAgIHRoaXMuYWRkRmlsZXMuZW1pdChmaWxlcyk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmaWxlLXVwbG9hZFwiXG4gIChkcm9wKT1cIm9uRHJvcCgkZXZlbnQpXCJcbiAgKGRyYWdvdmVyKT1cIm9uRHJhZ092ZXIoJGV2ZW50KVwiXG4gIChkcmFnbGVhdmUpPVwib25EcmFnTGVhdmUoJGV2ZW50KVwiXG4+XG4gIDxkaXYgKm5nSWY9XCIhaXNOb3RTdG9yZVwiIGNsYXNzPVwiZmlsZS11cGxvYWRfX3pvbmVcIiBbY2xhc3MuZHJhZy1vdmVyXT1cImRyYWdPdmVyXCI+XG4gICAgPHN2Z1xuICAgICAgKm5nSWY9XCJzaXplID09PSAnZGVmYXVsdCdcIlxuICAgICAgd2lkdGg9XCI0MFwiXG4gICAgICBoZWlnaHQ9XCI0MFwiXG4gICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgID5cbiAgICAgIDxwYXRoXG4gICAgICAgIGQ9XCJNMCAyMEMwIDguOTU0MzEgOC45NTQzMSAwIDIwIDBDMzEuMDQ1NyAwIDQwIDguOTU0MzEgNDAgMjBDNDAgMzEuMDQ1NyAzMS4wNDU3IDQwIDIwIDQwQzguOTU0MzEgNDAgMCAzMS4wNDU3IDAgMjBaXCJcbiAgICAgICAgZmlsbD1cIiNGRUY4RjFcIlxuICAgICAgLz5cbiAgICAgIDxnIGNsaXAtcGF0aD1cInVybCgjY2xpcDBfMTgzXzEwNTk4KVwiPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMTkuMzM3OSAxMy43MTg3TDE5LjMzMzIgMjQuMDEwN0MxOS4zMzMyIDI0LjE4NzUgMTkuNDAzNSAyNC4zNTcgMTkuNTI4NSAyNC40ODIxQzE5LjY1MzUgMjQuNjA3MSAxOS44MjMxIDI0LjY3NzMgMTkuOTk5OSAyNC42NzczQzIwLjE3NjcgMjQuNjc3MyAyMC4zNDYzIDI0LjYwNzEgMjAuNDcxMyAyNC40ODIxQzIwLjU5NjMgMjQuMzU3IDIwLjY2NjYgMjQuMTg3NSAyMC42NjY2IDI0LjAxMDdMMjAuNjcxMiAxMy43M0wyMi42MTI2IDE1LjY3MkMyMi43Mzc2IDE1Ljc5NyAyMi45MDcxIDE1Ljg2NzIgMjMuMDgzOSAxNS44NjcyQzIzLjI2MDcgMTUuODY3MiAyMy40MzAyIDE1Ljc5NyAyMy41NTUyIDE1LjY3MkMyMy42ODAyIDE1LjU0NyAyMy43NTA0IDE1LjM3NzQgMjMuNzUwNCAxNS4yMDA3QzIzLjc1MDQgMTUuMDIzOSAyMy42ODAyIDE0Ljg1NDMgMjMuNTU1MiAxNC43MjkzTDIxLjQxNDUgMTIuNTg2QzIxLjIyODggMTIuNDAwMSAyMS4wMDgzIDEyLjI1MjcgMjAuNzY1NSAxMi4xNTIxQzIwLjUyMjggMTIuMDUxNSAyMC4yNjI2IDExLjk5OTggMTkuOTk5OSAxMS45OTk4QzE5LjczNzEgMTEuOTk5OCAxOS40NzcgMTIuMDUxNSAxOS4yMzQyIDEyLjE1MjFDMTguOTkxNSAxMi4yNTI3IDE4Ljc3MSAxMi40MDAxIDE4LjU4NTIgMTIuNTg2TDE2LjQ0NDUgMTQuNzI3M0MxNi4zMTk2IDE0Ljg1MjMgMTYuMjQ5NCAxNS4wMjE5IDE2LjI0OTQgMTUuMTk4N0MxNi4yNDk0IDE1LjM3NTQgMTYuMzE5NiAxNS41NDUgMTYuNDQ0NSAxNS42N0MxNi41Njk2IDE1Ljc5NSAxNi43MzkxIDE1Ljg2NTIgMTYuOTE1OSAxNS44NjUyQzE3LjA5MjcgMTUuODY1MiAxNy4yNjIyIDE1Ljc5NSAxNy4zODcyIDE1LjY3TDE5LjMzNzkgMTMuNzE4N1pcIlxuICAgICAgICAgIGZpbGw9XCIjRjQ5QTNEXCJcbiAgICAgICAgLz5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBkPVwiTTI2LjY2NjcgMjMuMzMyOVYyNS45OTk2QzI2LjY2NjcgMjYuMTc2NCAyNi41OTY0IDI2LjM0NiAyNi40NzE0IDI2LjQ3MUMyNi4zNDY0IDI2LjU5NiAyNi4xNzY4IDI2LjY2NjMgMjYgMjYuNjY2M0gxNEMxMy44MjMyIDI2LjY2NjMgMTMuNjUzNiAyNi41OTYgMTMuNTI4NiAyNi40NzFDMTMuNDAzNiAyNi4zNDYgMTMuMzMzMyAyNi4xNzY0IDEzLjMzMzMgMjUuOTk5NlYyMy4zMzI5QzEzLjMzMzMgMjMuMTU2MSAxMy4yNjMxIDIyLjk4NjUgMTMuMTM4MSAyMi44NjE1QzEzLjAxMyAyMi43MzY1IDEyLjg0MzUgMjIuNjY2MyAxMi42NjY3IDIyLjY2NjNDMTIuNDg5OSAyMi42NjYzIDEyLjMyMDMgMjIuNzM2NSAxMi4xOTUzIDIyLjg2MTVDMTIuMDcwMiAyMi45ODY1IDEyIDIzLjE1NjEgMTIgMjMuMzMyOVYyNS45OTk2QzEyIDI2LjUzIDEyLjIxMDcgMjcuMDM4NyAxMi41ODU4IDI3LjQxMzhDMTIuOTYwOSAyNy43ODg5IDEzLjQ2OTYgMjcuOTk5NiAxNCAyNy45OTk2SDI2QzI2LjUzMDQgMjcuOTk5NiAyNy4wMzkxIDI3Ljc4ODkgMjcuNDE0MiAyNy40MTM4QzI3Ljc4OTMgMjcuMDM4NyAyOCAyNi41MyAyOCAyNS45OTk2VjIzLjMzMjlDMjggMjMuMTU2MSAyNy45Mjk4IDIyLjk4NjUgMjcuODA0NyAyMi44NjE1QzI3LjY3OTcgMjIuNzM2NSAyNy41MTAxIDIyLjY2NjMgMjcuMzMzMyAyMi42NjYzQzI3LjE1NjUgMjIuNjY2MyAyNi45ODcgMjIuNzM2NSAyNi44NjE5IDIyLjg2MTVDMjYuNzM2OSAyMi45ODY1IDI2LjY2NjcgMjMuMTU2MSAyNi42NjY3IDIzLjMzMjlaXCJcbiAgICAgICAgICBmaWxsPVwiI0Y0OUEzRFwiXG4gICAgICAgIC8+XG4gICAgICA8L2c+XG4gICAgICA8ZGVmcz5cbiAgICAgICAgPGNsaXBQYXRoIGlkPVwiY2xpcDBfMTgzXzEwNTk4XCI+XG4gICAgICAgICAgPHJlY3Qgd2lkdGg9XCIxNlwiIGhlaWdodD1cIjE2XCIgZmlsbD1cIndoaXRlXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDEyIDEyKVwiIC8+XG4gICAgICAgIDwvY2xpcFBhdGg+XG4gICAgICA8L2RlZnM+XG4gICAgPC9zdmc+XG4gICAgPGRpdiBjbGFzcz1cImluZm9cIj5cbiAgICAgIDxkaXYgW25nQ2xhc3NdPVwieyAnc2l6ZS1zbWFsbC11cGxvYWQnOiBzaXplID09PSAnc21hbGwnIH1cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3sgdGV4dEZpbGVVcGxvYWQgfCB0cmFuc2xhdGUgfX08L2Rpdj5cbiAgICAgICAgPGRyb3BpLWJ1dHRvblxuICAgICAgICAgICpuZ0lmPVwic2l6ZSAhPT0gJ2RlZmF1bHQnXCJcbiAgICAgICAgICAob25DbGljayk9XCJmaWxlSW5wdXQuY2xpY2soKVwiXG4gICAgICAgICAgW3RleHRdPVwidGV4dEJ1dHRvblwiXG4gICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgPjwvZHJvcGktYnV0dG9uPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgKm5nSWY9XCJzaXplID09PSAnZGVmYXVsdCdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAge3sgKCdTdXBwb3J0ZWQgZm9ybWF0cycgfCB0cmFuc2xhdGUpICsgJzogJyB9fSB7eyBhY2NlcHQuam9pbignLCAnKSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAge3sgKCdNYXhpbXVtIHNpemUnIHwgdHJhbnNsYXRlKSArICc6ICcgfX0ge3sgbWF4RmlsZVNpemVNQiB9fU1CXG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgKm5nSWY9XCJzaXplICE9PSAnZGVmYXVsdCdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAge3sgKCdTdXBwb3J0ZWQgZm9ybWF0cycgfCB0cmFuc2xhdGUpICsgJzogJyB9fSB7eyBhY2NlcHQuam9pbignLCAnKSB9fS5cbiAgICAgICAgICB7eyAoJ01heGltdW0gc2l6ZScgfCB0cmFuc2xhdGUpICsgJzogJyB9fSB7eyBtYXhGaWxlU2l6ZU1CIH19TUJcbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJkZXNjcmlwdGlvblwiPjwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZHJvcGktYnV0dG9uXG4gICAgICAqbmdJZj1cInNpemUgPT0gJ2RlZmF1bHQnXCJcbiAgICAgIChvbkNsaWNrKT1cImZpbGVJbnB1dC5jbGljaygpXCJcbiAgICAgIFt0ZXh0XT1cInRleHRCdXR0b25cIlxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICA+PC9kcm9waS1idXR0b24+XG4gICAgPGlucHV0XG4gICAgICAjZmlsZUlucHV0XG4gICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICBbYXR0ci5tdWx0aXBsZV09XCJtdWx0aXBsZSA/ICcnIDogbnVsbFwiXG4gICAgICBbYXR0ci5hY2NlcHRdPVwiYWNjZXB0ZWRNaW1lVHlwZXM/LmpvaW4oJywnKVwiXG4gICAgICAoY2hhbmdlKT1cIm9uRmlsZUNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIGhpZGRlblxuICAgIC8+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjb250YWluZXItYnV0dG9ucy1maWxlXCIgKm5nSWY9XCJpc05vdFN0b3JlXCI+XG4gICAgPGRyb3BpLWJ1dHRvblxuICAgICAgKm5nSWY9XCJ1cGxvYWRTdGF0dXMgPT0gJ2lkbGUnIHx8IHVwbG9hZFN0YXR1cyA9PSAnZXJyb3InIHx8IHVwbG9hZFN0YXR1cyA9PSAnbG9hZGluZydcIlxuICAgICAgW3N0YXRlXT1cImRpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHN0YXRlQnV0dG9uXCJcbiAgICAgIHByZUljb249XCJGaWxlLXVwbG9hZFwiXG4gICAgICAob25DbGljayk9XCJmaWxlSW5wdXQuY2xpY2soKVwiXG4gICAgICBbdGV4dF09XCJ0ZXh0QnV0dG9uIHwgdHJhbnNsYXRlXCJcbiAgICA+PC9kcm9waS1idXR0b24+XG4gICAgPGRpdiAqbmdJZj1cInVwbG9hZFN0YXR1cyA9PSAnc3VjY2VzcydcIiBjbGFzcz1cImJ1dHRvbi1tb2NrXCI+XG4gICAgICB7eyBmaWxlQ2hhcmdlZCB9fVxuICAgICAgPGRpdiBjbGFzcz1cIlwiPlxuICAgICAgICA8YXBwLWljb25cbiAgICAgICAgICAoY2xpY2spPVwiY2xlYXJGaWxlKClcIlxuICAgICAgICAgIGNsYXNzPVwiY29sc2UtY2lyY2xlLW1vY2tcIlxuICAgICAgICAgIG5hbWU9XCJDbG9zZS1zbWFsbFwiXG4gICAgICAgICAgd2lkdGg9XCIxMnB4XCJcbiAgICAgICAgICBoZWlnaHQ9XCIxMnB4XCJcbiAgICAgICAgICBjb2xvcj1cIlByaW1hcnktUHJpbWFyeS01MDBcIlxuICAgICAgICA+PC9hcHAtaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxpbnB1dFxuICAgICAgI2ZpbGVJbnB1dFxuICAgICAgdHlwZT1cImZpbGVcIlxuICAgICAgW2F0dHIubXVsdGlwbGVdPVwibXVsdGlwbGUgPyAnJyA6IG51bGxcIlxuICAgICAgW2F0dHIuYWNjZXB0XT1cImFjY2VwdGVkTWltZVR5cGVzPy5qb2luKCcsJylcIlxuICAgICAgKGNoYW5nZSk9XCJvbkZpbGVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICBoaWRkZW5cbiAgICAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19