verben-ticketing-ui 0.6.0

package/fesm2022/verben-ticketing-ui-src-lib-components-add-ticket.mjs

@@ -0,0 +1,403 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { TicketStatus, ObjectState, ErrorResponse } from 'verben-ticketing-ui/src/lib/models';
+import { DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD } from 'verben-ticketing-ui/src/lib/constants';
+import * as i2 from 'verben-ticketing-ui/src/lib/services';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from 'verben-ng-ui';
+import { DataTableModule, SvgModule, VerbenPopUpModule, DataViewModule, VerbenaButtonModule, CardDataViewModule, DropDownModule, VerbenaSwitchModule, TableFilterModule, VisibleColumnModule, SortTableModule, DataExportModule, TooltipModule, VerbenDialogueModule, VerbenaInputModule, DataImportModule, DataXportModule } from 'verben-ng-ui';
+import * as i5 from 'verben-ticketing-ui/src/lib/components/file-render';
+import { FileRenderLibModule } from 'verben-ticketing-ui/src/lib/components/file-render';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { EllipseWordPipe, CompanyDatePipe } from 'verben-ticketing-ui/src/lib/pipes';
+
+class AddTicketComponent {
+    fb;
+    utilService;
+    server;
+    sharedService;
+    envSvc;
+    // test: string = '';
+    // logTest() {
+    //   console.log({ Test: this.test });
+    // }
+    createTicketForm;
+    activeApp = null;
+    activeTenant = null;
+    selectedTicket = null;
+    isVisible = false;
+    onOpen = new EventEmitter();
+    onClose = new EventEmitter();
+    onSave = new EventEmitter();
+    priorityOptions = [];
+    statusOptions = Object.keys(TicketStatus);
+    fileData = [];
+    fileUrls = [];
+    //attachedMessage: TicketMessage | null = null;
+    maxFileSize = 15 * 1024 * 1024;
+    defaultCompany = '';
+    constructor(fb, utilService, server, sharedService, envSvc) {
+        this.fb = fb;
+        this.utilService = utilService;
+        this.server = server;
+        this.sharedService = sharedService;
+        this.envSvc = envSvc;
+        this.createTicketForm = this.fb.group({
+            Title: new FormControl(null, Validators.required),
+            Description: new FormControl(null, Validators.required),
+            CurrentHandler: new FormControl({
+                value: null,
+                disabled: true,
+            }),
+            LastHandler: new FormControl({
+                value: null,
+                disabled: true,
+            }),
+            Priority: new FormControl(null, Validators.required),
+            Status: new FormControl({ value: TicketStatus.Pending, disabled: true }, Validators.required),
+        });
+        // this.createTicketForm.controls['CurrentHandler'].disable();
+        // this.createTicketForm.controls['LastHandler'].disable();
+    }
+    ngOnInit() { }
+    async ngOnChanges(changes) {
+        if (changes['selectedTicket'] && this.selectedTicket) {
+            this.createTicketForm.patchValue({
+                Title: this.selectedTicket.Title,
+                Description: this.selectedTicket.Description,
+                CurrentHandler: this.selectedTicket.CurrentHandler,
+                LastHandler: this.selectedTicket.LastHandler,
+                Priority: this.selectedTicket.Priority,
+                Status: this.selectedTicket.Status,
+            });
+            this.fileUrls = [...this.selectedTicket.FileUrls];
+            this.fileData = [];
+        }
+        else {
+            this.createTicketForm.patchValue({
+                Title: null,
+                Description: null,
+                CurrentHandler: null,
+                LastHandler: null,
+                Priority: null,
+                Status: TicketStatus.Pending,
+            });
+            this.fileUrls = [];
+            this.fileData = [];
+        }
+        if (changes['activeTenant'] && this.activeTenant) {
+            const options = await this.sharedService.getAllPrioritiesForTenant(this.activeTenant);
+            if (options) {
+                this.priorityOptions = options.Result;
+            }
+            console.log({ Changed: this.priorityOptions });
+        }
+        else if (changes['activeTenant'] && !this.activeTenant) {
+            this.priorityOptions = [];
+            // console.log({ Tenant: this.activeTenant, Reset: this.priorityOptions });
+        }
+    }
+    checkForm() {
+        if (this.createTicketForm.valid == true) {
+            return true;
+        }
+        return false;
+    }
+    onModalOpen(event) {
+        this.onOpen.emit();
+    }
+    onModalClose(event) {
+        this.onClose.emit(event);
+    }
+    // filterMessage(message: TicketMessage): TicketMessage {
+    //   return {
+    //     ...message,
+    //     AttachmentUrls: message.AttachmentUrls.filter(
+    //       (x) => x.split('/').length > 1
+    //     ),
+    //   };
+    // }
+    async save() {
+        if (!this.activeApp) {
+            return;
+        }
+        if (!this.activeTenant) {
+            return;
+        }
+        // if (this.selectedTicket && this.attachedMessage) {
+        //   if (idx > -1) {
+        //     this.selectedTicket.Messages[idx] = this.filterMessage(
+        //       this.attachedMessage
+        //     );
+        //   } else {
+        //     if (this.attachedMessage.Attachments.length > 0) {
+        //       this.selectedTicket.Messages.unshift(
+        //         this.filterMessage(this.attachedMessage)
+        //       );
+        //     }
+        //   }
+        // }
+        const item = {
+            Title: this.createTicketForm.controls['Title'].value,
+            Description: this.createTicketForm.controls['Description'].value,
+            CurrentHandler: this.selectedTicket
+                ? this.selectedTicket.CurrentHandler
+                : undefined,
+            LastHandler: this.selectedTicket
+                ? this.selectedTicket.LastHandler
+                : undefined,
+            Priority: this.createTicketForm.controls['Priority'].value,
+            App: this.activeApp,
+            id: '',
+            Status: this.createTicketForm.controls['Status'].value,
+            Company: this.defaultCompany,
+            Messages: this.selectedTicket ? this.selectedTicket.Messages : [],
+            FileData: this.fileData,
+            FileUrls: this.selectedTicket ? this.selectedTicket.FileUrls : [],
+            Id: '',
+            ExecutionTime: this.selectedTicket
+                ? this.selectedTicket.ExecutionTime
+                : undefined,
+            Code: this.selectedTicket ? this.selectedTicket.Code : '',
+            TenantId: this.selectedTicket
+                ? this.selectedTicket.TenantId
+                : this.activeTenant,
+            ServiceName: this.selectedTicket ? this.selectedTicket.ServiceName : '',
+            CreatedAt: this.selectedTicket
+                ? this.selectedTicket.CreatedAt
+                : new Date(),
+            UpdatedAt: new Date(),
+            DataState: this.selectedTicket ? ObjectState.Changed : ObjectState.New,
+        };
+        if (item.Description.trim().length == 0) {
+            this.utilService.showInfo('Description cannot be empty');
+            return;
+        }
+        this.utilService.sendBI(true);
+        const res = await this.server.post(`Ticket/SaveTicket`, [item], this.envSvc.environment.TicketingAPI);
+        this.utilService.sendBI(false);
+        if (res instanceof ErrorResponse) {
+        }
+        else {
+            this.utilService.showSuccess('Ticket saved successfully');
+            const result = res;
+            if (result.length > 0) {
+                var resultItem = result[0];
+                this.onSave.emit(resultItem);
+            }
+        }
+        this.onClose.emit();
+    }
+    generateSixDigitNumber() {
+        return Math.floor(100000 + Math.random() * 900000);
+    }
+    getTicketMessage() {
+        if (this.selectedTicket) {
+            const initialMessage = this.selectedTicket.Messages.find((x) => x.Subject == DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD);
+            if (initialMessage) {
+                return { ...initialMessage, DataState: ObjectState.Changed };
+            }
+            else {
+                const newMessage = {
+                    TicketCode: '',
+                    Subject: DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD,
+                    Content: '',
+                    Attachments: [],
+                    AttachmentUrls: [],
+                    Company: this.defaultCompany,
+                    Id: '',
+                    Code: '',
+                    TenantId: '',
+                    id: '',
+                    ServiceName: '',
+                    CreatedAt: new Date(),
+                    UpdatedAt: new Date(),
+                    DataState: ObjectState.New,
+                };
+                return newMessage;
+            }
+        }
+        else {
+            const newMessage = {
+                TicketCode: '',
+                Subject: DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD,
+                Content: '',
+                Attachments: [],
+                AttachmentUrls: [],
+                Company: this.defaultCompany,
+                Id: '',
+                id: '',
+                Code: '',
+                TenantId: '',
+                ServiceName: '',
+                CreatedAt: new Date(),
+                UpdatedAt: new Date(),
+                DataState: ObjectState.New,
+            };
+            return newMessage;
+        }
+    }
+    triggerFileUpload() {
+        const fileInput = document.createElement('input');
+        fileInput.type = 'file';
+        fileInput.accept = '.png, .jpg, .jpeg, .pdf';
+        fileInput.style.display = 'none'; // Hidden file input
+        document.body.appendChild(fileInput); // Temporarily add to DOM
+        fileInput.addEventListener('change', () => {
+            const file = fileInput.files?.[0];
+            if (file) {
+                this.processFile(file);
+            }
+            document.body.removeChild(fileInput); // Clean up after use
+        });
+        fileInput.click(); // Programmatically trigger click
+    }
+    async processFile(selectedFile) {
+        // Check file size
+        if (selectedFile.size > this.maxFileSize) {
+            const limitInMB = this.maxFileSize / 1024 / 1024;
+            this.utilService.showInfo(`File size limit of ${limitInMB}mb exceeded`);
+            return;
+        }
+        // let fileToProcess: globalThis.File | null = selectedFile;
+        // const safeNumber: number = 1 * 1024 * 1024;
+        // if (fileToProcess.size > safeNumber) {
+        //   fileToProcess = await this.utilService.compressImage(selectedFile);
+        //   if (!fileToProcess) {
+        //     this.utilService.showError('Error compressing image');
+        //     return;
+        //   }
+        // }
+        // Read file and convert to base64
+        const reader = new FileReader();
+        reader.readAsDataURL(selectedFile);
+        reader.onload = () => {
+            const base64data = reader.result;
+            const file = this.sharedService.createCustomFile(base64data, 0, selectedFile);
+            if (file) {
+                this.fileData.push(file);
+                this.fileUrls.push(`${file.Name}`);
+                // this.profileImage = base64data;
+            }
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddTicketComponent, deps: [{ token: i1.FormBuilder }, { token: i2.UtilService }, { token: i2.HttpWebRequestService }, { token: i2.SharedService }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AddTicketComponent, selector: "app-add-ticket", inputs: { activeApp: "activeApp", activeTenant: "activeTenant", selectedTicket: "selectedTicket", isVisible: "isVisible", defaultCompany: "defaultCompany" }, outputs: { onOpen: "onOpen", onClose: "onClose", onSave: "onSave" }, usesOnChanges: true, ngImport: i0, template: "<verben-dialogue\n  [showCloseIcon]=\"false\"\n  [dismissOutsideClick]=\"false\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'medium'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'ticket-dialog'\"\n  [disableFooter]=\"true\"\n  (openModal)=\"onModalOpen($event)\"\n  [isVisible]=\"isVisible\"\n  [bodyTemplate]=\"bodyTemplate\"\n  (closeModal)=\"onModalClose($event)\"\n>\n  <ng-template #bodyTemplate>\n    <div class=\"dialog-body p-[25px] flex flex-col gap-4\">\n      <div class=\"dialog-header flex flex-col gap-1\">\n        <div class=\"dialog-title font-bold text-xl\">\n          {{ this.selectedTicket ? \"Edit Ticket\" : \"Create Ticket\" }}\n        </div>\n        <div class=\"dialog-subtitle\">\n          {{\n            this.selectedTicket\n              ? \"Fill the form below to edit selected ticket\"\n              : \"Fill the form below to create a ticket\"\n          }}\n        </div>\n      </div>\n      <!-- <verbena-textarea name=\"Test\" [(ngModel)]=\"test\" />\n      <button (click)=\"logTest()\">Log</button> -->\n      <div\n        [formGroup]=\"createTicketForm\"\n        class=\"add-app-form main-form-container flex flex-col gap-2\"\n      >\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Title</div>\n          <verbena-input\n            name=\"Title\"\n            placeHolder=\"Title\"\n            formControlName=\"Title\"\n          />\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Description</div>\n          <verbena-input name=\"Description\" formControlName=\"Description\" />\n        </div>\n        <div\n          *ngIf=\"this.selectedTicket\"\n          class=\"form-input-container flex flex-col gap-1\"\n        >\n          <div class=\"font-medium\">Current Handler</div>\n          <verbena-input\n            name=\"CurrentHandler\"\n            placeHolder=\"Current Handler\"\n            formControlName=\"CurrentHandler\"\n          />\n        </div>\n        <div\n          *ngIf=\"this.selectedTicket\"\n          class=\"form-input-container flex flex-col gap-1\"\n        >\n          <div class=\"font-medium\">Last Handler</div>\n          <verbena-input\n            name=\"LastHandler\"\n            placeHolder=\"Last Handler\"\n            formControlName=\"LastHandler\"\n          />\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Priority</div>\n          <verben-drop-down\n            width=\"100%\"\n            name=\"Priority\"\n            placeholder=\"Select Priority\"\n            [options]=\"priorityOptions\"\n            optionLabel=\"Name\"\n            optionValue=\"Code\"\n            formControlName=\"Priority\"\n          >\n          </verben-drop-down>\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Status</div>\n          <verben-drop-down\n            width=\"100%\"\n            name=\"Status\"\n            [disabled]=\"true\"\n            placeholder=\"Select Status\"\n            [options]=\"statusOptions\"\n            formControlName=\"Status\"\n          >\n          </verben-drop-down>\n        </div>\n        <div class=\"attachment-section p-2 flex flex-col gap-3\">\n          <div class=\"attachments-container grid grid-cols-3 gap-2\">\n            <ng-container *ngFor=\"let file of this.fileUrls\">\n              <app-file-render [fileUrl]=\"file\"></app-file-render>\n            </ng-container>\n          </div>\n          <div\n            class=\"upload-section flex flex-col flex-1 items-center justify-center gap-2\"\n          >\n            <div class=\"flex justify-center\">\n              <verbena-button\n                [useIcon]=\"true\"\n                [icon]=\"'upload'\"\n                class=\"verben-secondary-button\"\n                [text]=\"'Upload'\"\n                (click)=\"triggerFileUpload()\"\n              ></verbena-button>\n            </div>\n            <div class=\"upload-caption text-sm text-center\">\n              Include Attachments\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"dialog-button-container flex justify-end gap-2\">\n        <verbena-button\n          width=\"100%\"\n          class=\"verben-secondary-button\"\n          [text]=\"'Close'\"\n          (click)=\"onModalClose($event)\"\n        >\n        </verbena-button>\n        <verbena-button\n          [disable]=\"!this.checkForm()\"\n          width=\"100%\"\n          class=\"verben-primary-button\"\n          [text]=\"'Save'\"\n          (click)=\"save()\"\n        >\n        </verbena-button>\n      </div>\n    </div>\n  </ng-template>\n</verben-dialogue>\n", styles: [".attachment-section{border:1px solid #ccc6fbb2;border-radius:5px}::ng-deep .ticket-dialog{max-width:60vw}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i4.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i4.VerbenDialogueComponent, selector: "verben-dialogue", inputs: ["dialogueWidth", "headerTemplate", "bodyTemplate", "footerTemplate", "showCloseIcon", "dismissOutsideClick", "closeOnEscape", "isVisible", "size", "backdropColor", "customClass", "disableFooter", "margin", "padding", "borderRadius", "dialogueBgColor", "width", "closeIconClass", "boxShadow", "enableTransition", "modalData", "mode", "position", "drawerWidth"], outputs: ["openModal", "closeModal"] }, { kind: "component", type: i4.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i5.FileRenderComponent, selector: "app-file-render", inputs: ["fileUrl"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddTicketComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-add-ticket', template: "<verben-dialogue\n  [showCloseIcon]=\"false\"\n  [dismissOutsideClick]=\"false\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'medium'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'ticket-dialog'\"\n  [disableFooter]=\"true\"\n  (openModal)=\"onModalOpen($event)\"\n  [isVisible]=\"isVisible\"\n  [bodyTemplate]=\"bodyTemplate\"\n  (closeModal)=\"onModalClose($event)\"\n>\n  <ng-template #bodyTemplate>\n    <div class=\"dialog-body p-[25px] flex flex-col gap-4\">\n      <div class=\"dialog-header flex flex-col gap-1\">\n        <div class=\"dialog-title font-bold text-xl\">\n          {{ this.selectedTicket ? \"Edit Ticket\" : \"Create Ticket\" }}\n        </div>\n        <div class=\"dialog-subtitle\">\n          {{\n            this.selectedTicket\n              ? \"Fill the form below to edit selected ticket\"\n              : \"Fill the form below to create a ticket\"\n          }}\n        </div>\n      </div>\n      <!-- <verbena-textarea name=\"Test\" [(ngModel)]=\"test\" />\n      <button (click)=\"logTest()\">Log</button> -->\n      <div\n        [formGroup]=\"createTicketForm\"\n        class=\"add-app-form main-form-container flex flex-col gap-2\"\n      >\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Title</div>\n          <verbena-input\n            name=\"Title\"\n            placeHolder=\"Title\"\n            formControlName=\"Title\"\n          />\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Description</div>\n          <verbena-input name=\"Description\" formControlName=\"Description\" />\n        </div>\n        <div\n          *ngIf=\"this.selectedTicket\"\n          class=\"form-input-container flex flex-col gap-1\"\n        >\n          <div class=\"font-medium\">Current Handler</div>\n          <verbena-input\n            name=\"CurrentHandler\"\n            placeHolder=\"Current Handler\"\n            formControlName=\"CurrentHandler\"\n          />\n        </div>\n        <div\n          *ngIf=\"this.selectedTicket\"\n          class=\"form-input-container flex flex-col gap-1\"\n        >\n          <div class=\"font-medium\">Last Handler</div>\n          <verbena-input\n            name=\"LastHandler\"\n            placeHolder=\"Last Handler\"\n            formControlName=\"LastHandler\"\n          />\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Priority</div>\n          <verben-drop-down\n            width=\"100%\"\n            name=\"Priority\"\n            placeholder=\"Select Priority\"\n            [options]=\"priorityOptions\"\n            optionLabel=\"Name\"\n            optionValue=\"Code\"\n            formControlName=\"Priority\"\n          >\n          </verben-drop-down>\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Status</div>\n          <verben-drop-down\n            width=\"100%\"\n            name=\"Status\"\n            [disabled]=\"true\"\n            placeholder=\"Select Status\"\n            [options]=\"statusOptions\"\n            formControlName=\"Status\"\n          >\n          </verben-drop-down>\n        </div>\n        <div class=\"attachment-section p-2 flex flex-col gap-3\">\n          <div class=\"attachments-container grid grid-cols-3 gap-2\">\n            <ng-container *ngFor=\"let file of this.fileUrls\">\n              <app-file-render [fileUrl]=\"file\"></app-file-render>\n            </ng-container>\n          </div>\n          <div\n            class=\"upload-section flex flex-col flex-1 items-center justify-center gap-2\"\n          >\n            <div class=\"flex justify-center\">\n              <verbena-button\n                [useIcon]=\"true\"\n                [icon]=\"'upload'\"\n                class=\"verben-secondary-button\"\n                [text]=\"'Upload'\"\n                (click)=\"triggerFileUpload()\"\n              ></verbena-button>\n            </div>\n            <div class=\"upload-caption text-sm text-center\">\n              Include Attachments\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"dialog-button-container flex justify-end gap-2\">\n        <verbena-button\n          width=\"100%\"\n          class=\"verben-secondary-button\"\n          [text]=\"'Close'\"\n          (click)=\"onModalClose($event)\"\n        >\n        </verbena-button>\n        <verbena-button\n          [disable]=\"!this.checkForm()\"\n          width=\"100%\"\n          class=\"verben-primary-button\"\n          [text]=\"'Save'\"\n          (click)=\"save()\"\n        >\n        </verbena-button>\n      </div>\n    </div>\n  </ng-template>\n</verben-dialogue>\n", styles: [".attachment-section{border:1px solid #ccc6fbb2;border-radius:5px}::ng-deep .ticket-dialog{max-width:60vw}\n"] }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i2.UtilService }, { type: i2.HttpWebRequestService }, { type: i2.SharedService }, { type: i2.EnvironmentService }], propDecorators: { activeApp: [{
+                type: Input
+            }], activeTenant: [{
+                type: Input
+            }], selectedTicket: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], onOpen: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], onSave: [{
+                type: Output
+            }], defaultCompany: [{
+                type: Input
+            }] } });
+
+const appRoutes = [];
+class AddTicketLibModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddTicketLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: AddTicketLibModule, declarations: [AddTicketComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DataTableModule,
+            SvgModule,
+            VerbenPopUpModule,
+            DataViewModule,
+            VerbenaButtonModule,
+            CardDataViewModule,
+            DropDownModule,
+            VerbenaSwitchModule,
+            TableFilterModule,
+            VisibleColumnModule,
+            SortTableModule,
+            DataExportModule,
+            TooltipModule,
+            VerbenDialogueModule,
+            VerbenaInputModule,
+            DataImportModule,
+            DataExportModule,
+            DataXportModule,
+            EllipseWordPipe,
+            FileRenderLibModule,
+            CompanyDatePipe, i1$1.RouterModule], exports: [AddTicketComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddTicketLibModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DataTableModule,
+            SvgModule,
+            VerbenPopUpModule,
+            DataViewModule,
+            VerbenaButtonModule,
+            CardDataViewModule,
+            DropDownModule,
+            VerbenaSwitchModule,
+            TableFilterModule,
+            VisibleColumnModule,
+            SortTableModule,
+            DataExportModule,
+            TooltipModule,
+            VerbenDialogueModule,
+            VerbenaInputModule,
+            DataImportModule,
+            DataExportModule,
+            DataXportModule,
+            FileRenderLibModule,
+            RouterModule.forChild(appRoutes)] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AddTicketLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AddTicketComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DataTableModule,
+                        SvgModule,
+                        VerbenPopUpModule,
+                        DataViewModule,
+                        VerbenaButtonModule,
+                        CardDataViewModule,
+                        DropDownModule,
+                        VerbenaSwitchModule,
+                        TableFilterModule,
+                        VisibleColumnModule,
+                        SortTableModule,
+                        DataExportModule,
+                        TooltipModule,
+                        VerbenDialogueModule,
+                        VerbenaInputModule,
+                        DataImportModule,
+                        DataExportModule,
+                        DataXportModule,
+                        EllipseWordPipe,
+                        FileRenderLibModule,
+                        CompanyDatePipe,
+                        RouterModule.forChild(appRoutes),
+                    ],
+                    exports: [AddTicketComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AddTicketComponent, AddTicketLibModule, appRoutes };
+//# sourceMappingURL=verben-ticketing-ui-src-lib-components-add-ticket.mjs.map

package/fesm2022/verben-ticketing-ui-src-lib-components-add-ticket.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"verben-ticketing-ui-src-lib-components-add-ticket.mjs","sources":["../../../projects/verben-ticketing-ui/src/lib/components/add-ticket/add-ticket.component.ts","../../../projects/verben-ticketing-ui/src/lib/components/add-ticket/add-ticket.component.html","../../../projects/verben-ticketing-ui/src/lib/components/add-ticket/add-ticket.module.ts","../../../projects/verben-ticketing-ui/src/lib/components/add-ticket/verben-ticketing-ui-src-lib-components-add-ticket.ts"],"sourcesContent":["import {\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  Validators,\n} from '@angular/forms';\nimport { Application } from 'verben-ticketing-ui/src/lib/models';\nimport { Tenant } from 'verben-ticketing-ui/src/lib/models';\nimport { ErrorResponse } from 'verben-ticketing-ui/src/lib/models';\nimport { ObjectState } from 'verben-ticketing-ui/src/lib/models';\nimport { Ticket } from 'verben-ticketing-ui/src/lib/models';\nimport { TicketStatus } from 'verben-ticketing-ui/src/lib/models';\nimport {\n  UtilService as AppUtilService,\n  EnvironmentService,\n} from 'verben-ticketing-ui/src/lib/services';\nimport { HttpWebRequestService } from 'verben-ticketing-ui/src/lib/services';\n\nimport { TenantPriority } from 'verben-ticketing-ui/src/lib/models';\nimport { TicketMessage } from 'verben-ticketing-ui/src/lib/models';\nimport { DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD } from 'verben-ticketing-ui/src/lib/constants';\nimport { File } from 'verben-ticketing-ui/src/lib/models';\nimport { SharedService } from 'verben-ticketing-ui/src/lib/services';\n\n@Component({\n  selector: 'app-add-ticket',\n  templateUrl: './add-ticket.component.html',\n  styleUrl: './add-ticket.component.css',\n})\nexport class AddTicketComponent {\n  // test: string = '';\n  // logTest() {\n  //   console.log({ Test: this.test });\n  // }\n  createTicketForm: FormGroup;\n  @Input() activeApp: string | null = null;\n  @Input() activeTenant: string | null = null;\n  @Input() selectedTicket: Ticket | null = null;\n  @Input() isVisible: boolean = false;\n  @Output() onOpen: EventEmitter<Event> = new EventEmitter();\n  @Output() onClose: EventEmitter<Event> = new EventEmitter();\n  @Output() onSave: EventEmitter<Ticket> = new EventEmitter();\n\n  priorityOptions: TenantPriority[] = [];\n  statusOptions: string[] = Object.keys(TicketStatus);\n  fileData: File[] = [];\n  fileUrls: string[] = [];\n  //attachedMessage: TicketMessage | null = null;\n  maxFileSize = 15 * 1024 * 1024;\n  @Input() defaultCompany: string = '';\n\n  constructor(\n    private fb: FormBuilder,\n    private utilService: AppUtilService,\n    private server: HttpWebRequestService,\n    private sharedService: SharedService,\n    private envSvc: EnvironmentService,\n  ) {\n    this.createTicketForm = this.fb.group({\n      Title: new FormControl<string | null>(null, Validators.required),\n      Description: new FormControl<string | null>(null, Validators.required),\n      CurrentHandler: new FormControl<string | null>({\n        value: null,\n        disabled: true,\n      }),\n      LastHandler: new FormControl<string | null>({\n        value: null,\n        disabled: true,\n      }),\n      Priority: new FormControl<string | null>(null, Validators.required),\n      Status: new FormControl<TicketStatus>(\n        { value: TicketStatus.Pending, disabled: true },\n        Validators.required,\n      ),\n    });\n\n    // this.createTicketForm.controls['CurrentHandler'].disable();\n    // this.createTicketForm.controls['LastHandler'].disable();\n  }\n\n  ngOnInit(): void {}\n\n  async ngOnChanges(changes: SimpleChanges): Promise<void> {\n    if (changes['selectedTicket'] && this.selectedTicket) {\n      this.createTicketForm.patchValue({\n        Title: this.selectedTicket.Title,\n        Description: this.selectedTicket.Description,\n        CurrentHandler: this.selectedTicket.CurrentHandler,\n        LastHandler: this.selectedTicket.LastHandler,\n        Priority: this.selectedTicket.Priority,\n        Status: this.selectedTicket.Status,\n      });\n      this.fileUrls = [...this.selectedTicket.FileUrls];\n      this.fileData = [];\n    } else {\n      this.createTicketForm.patchValue({\n        Title: null,\n        Description: null,\n        CurrentHandler: null,\n        LastHandler: null,\n        Priority: null,\n        Status: TicketStatus.Pending,\n      });\n      this.fileUrls = [];\n      this.fileData = [];\n    }\n\n    if (changes['activeTenant'] && this.activeTenant) {\n      const options = await this.sharedService.getAllPrioritiesForTenant(\n        this.activeTenant,\n      );\n      if (options) {\n        this.priorityOptions = options.Result;\n      }\n      console.log({ Changed: this.priorityOptions });\n    } else if (changes['activeTenant'] && !this.activeTenant) {\n      this.priorityOptions = [];\n      // console.log({ Tenant: this.activeTenant, Reset: this.priorityOptions });\n    }\n  }\n\n  checkForm(): boolean {\n    if (this.createTicketForm.valid == true) {\n      return true;\n    }\n    return false;\n  }\n\n  onModalOpen(event: any) {\n    this.onOpen.emit();\n  }\n\n  onModalClose(event: any) {\n    this.onClose.emit(event);\n  }\n\n  // filterMessage(message: TicketMessage): TicketMessage {\n  //   return {\n  //     ...message,\n  //     AttachmentUrls: message.AttachmentUrls.filter(\n  //       (x) => x.split('/').length > 1\n  //     ),\n  //   };\n  // }\n\n  async save() {\n    if (!this.activeApp) {\n      return;\n    }\n    if (!this.activeTenant) {\n      return;\n    }\n    // if (this.selectedTicket && this.attachedMessage) {\n    //   if (idx > -1) {\n    //     this.selectedTicket.Messages[idx] = this.filterMessage(\n    //       this.attachedMessage\n    //     );\n    //   } else {\n    //     if (this.attachedMessage.Attachments.length > 0) {\n    //       this.selectedTicket.Messages.unshift(\n    //         this.filterMessage(this.attachedMessage)\n    //       );\n    //     }\n    //   }\n    // }\n\n    const item: Ticket = {\n      Title: this.createTicketForm.controls['Title'].value,\n      Description: this.createTicketForm.controls['Description'].value,\n      CurrentHandler: this.selectedTicket\n        ? this.selectedTicket.CurrentHandler\n        : undefined,\n      LastHandler: this.selectedTicket\n        ? this.selectedTicket.LastHandler\n        : undefined,\n      Priority: this.createTicketForm.controls['Priority'].value,\n      App: this.activeApp,\n      id: '',\n      Status: this.createTicketForm.controls['Status'].value,\n      Company: this.defaultCompany,\n      Messages: this.selectedTicket ? this.selectedTicket.Messages : [],\n      FileData: this.fileData,\n      FileUrls: this.selectedTicket ? this.selectedTicket.FileUrls : [],\n      Id: '',\n      ExecutionTime: this.selectedTicket\n        ? this.selectedTicket.ExecutionTime\n        : undefined,\n      Code: this.selectedTicket ? this.selectedTicket.Code : '',\n      TenantId: this.selectedTicket\n        ? this.selectedTicket.TenantId\n        : this.activeTenant,\n      ServiceName: this.selectedTicket ? this.selectedTicket.ServiceName : '',\n      CreatedAt: this.selectedTicket\n        ? this.selectedTicket.CreatedAt\n        : new Date(),\n      UpdatedAt: new Date(),\n      DataState: this.selectedTicket ? ObjectState.Changed : ObjectState.New,\n    };\n\n    if (item.Description.trim().length == 0) {\n      this.utilService.showInfo('Description cannot be empty');\n      return;\n    }\n    this.utilService.sendBI(true);\n    const res = await this.server.post(\n      `Ticket/SaveTicket`,\n      [item],\n      this.envSvc.environment.TicketingAPI,\n    );\n    this.utilService.sendBI(false);\n    if (res instanceof ErrorResponse) {\n    } else {\n      this.utilService.showSuccess('Ticket saved successfully');\n      const result = res as Ticket[];\n      if (result.length > 0) {\n        var resultItem = result[0];\n        this.onSave.emit(resultItem);\n      }\n    }\n\n    this.onClose.emit();\n  }\n\n  generateSixDigitNumber(): number {\n    return Math.floor(100000 + Math.random() * 900000);\n  }\n\n  getTicketMessage(): TicketMessage {\n    if (this.selectedTicket) {\n      const initialMessage = this.selectedTicket.Messages.find(\n        (x) => x.Subject == DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD,\n      );\n      if (initialMessage) {\n        return { ...initialMessage, DataState: ObjectState.Changed };\n      } else {\n        const newMessage: TicketMessage = {\n          TicketCode: '',\n          Subject: DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD,\n          Content: '',\n          Attachments: [],\n          AttachmentUrls: [],\n          Company: this.defaultCompany,\n          Id: '',\n          Code: '',\n          TenantId: '',\n          id: '',\n          ServiceName: '',\n          CreatedAt: new Date(),\n          UpdatedAt: new Date(),\n          DataState: ObjectState.New,\n        };\n        return newMessage;\n      }\n    } else {\n      const newMessage: TicketMessage = {\n        TicketCode: '',\n        Subject: DEFAULT_MESSAGE_FOR_INITIAL_UPLOAD,\n        Content: '',\n        Attachments: [],\n        AttachmentUrls: [],\n        Company: this.defaultCompany,\n        Id: '',\n        id: '',\n        Code: '',\n        TenantId: '',\n        ServiceName: '',\n        CreatedAt: new Date(),\n        UpdatedAt: new Date(),\n        DataState: ObjectState.New,\n      };\n      return newMessage;\n    }\n  }\n\n  triggerFileUpload(): void {\n    const fileInput: HTMLInputElement = document.createElement('input');\n    fileInput.type = 'file';\n    fileInput.accept = '.png, .jpg, .jpeg, .pdf';\n    fileInput.style.display = 'none'; // Hidden file input\n    document.body.appendChild(fileInput); // Temporarily add to DOM\n\n    fileInput.addEventListener('change', () => {\n      const file = fileInput.files?.[0];\n      if (file) {\n        this.processFile(file);\n      }\n      document.body.removeChild(fileInput); // Clean up after use\n    });\n\n    fileInput.click(); // Programmatically trigger click\n  }\n\n  private async processFile(selectedFile: globalThis.File): Promise<void> {\n    // Check file size\n    if (selectedFile.size > this.maxFileSize) {\n      const limitInMB = this.maxFileSize / 1024 / 1024;\n      this.utilService.showInfo(`File size limit of ${limitInMB}mb exceeded`);\n      return;\n    }\n\n    // let fileToProcess: globalThis.File | null = selectedFile;\n    // const safeNumber: number = 1 * 1024 * 1024;\n    // if (fileToProcess.size > safeNumber) {\n    //   fileToProcess = await this.utilService.compressImage(selectedFile);\n    //   if (!fileToProcess) {\n    //     this.utilService.showError('Error compressing image');\n    //     return;\n    //   }\n    // }\n\n    // Read file and convert to base64\n    const reader = new FileReader();\n    reader.readAsDataURL(selectedFile);\n    reader.onload = () => {\n      const base64data = reader.result as string;\n      const file = this.sharedService.createCustomFile(\n        base64data,\n        0,\n        selectedFile,\n      );\n      if (file) {\n        this.fileData.push(file);\n        this.fileUrls.push(`${file.Name}`);\n        // this.profileImage = base64data;\n      }\n    };\n  }\n}\n","<verben-dialogue\n  [showCloseIcon]=\"false\"\n  [dismissOutsideClick]=\"false\"\n  [closeOnEscape]=\"true\"\n  [size]=\"'medium'\"\n  [mode]=\"'dialogue'\"\n  [customClass]=\"'ticket-dialog'\"\n  [disableFooter]=\"true\"\n  (openModal)=\"onModalOpen($event)\"\n  [isVisible]=\"isVisible\"\n  [bodyTemplate]=\"bodyTemplate\"\n  (closeModal)=\"onModalClose($event)\"\n>\n  <ng-template #bodyTemplate>\n    <div class=\"dialog-body p-[25px] flex flex-col gap-4\">\n      <div class=\"dialog-header flex flex-col gap-1\">\n        <div class=\"dialog-title font-bold text-xl\">\n          {{ this.selectedTicket ? \"Edit Ticket\" : \"Create Ticket\" }}\n        </div>\n        <div class=\"dialog-subtitle\">\n          {{\n            this.selectedTicket\n              ? \"Fill the form below to edit selected ticket\"\n              : \"Fill the form below to create a ticket\"\n          }}\n        </div>\n      </div>\n      <!-- <verbena-textarea name=\"Test\" [(ngModel)]=\"test\" />\n      <button (click)=\"logTest()\">Log</button> -->\n      <div\n        [formGroup]=\"createTicketForm\"\n        class=\"add-app-form main-form-container flex flex-col gap-2\"\n      >\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Title</div>\n          <verbena-input\n            name=\"Title\"\n            placeHolder=\"Title\"\n            formControlName=\"Title\"\n          />\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Description</div>\n          <verbena-input name=\"Description\" formControlName=\"Description\" />\n        </div>\n        <div\n          *ngIf=\"this.selectedTicket\"\n          class=\"form-input-container flex flex-col gap-1\"\n        >\n          <div class=\"font-medium\">Current Handler</div>\n          <verbena-input\n            name=\"CurrentHandler\"\n            placeHolder=\"Current Handler\"\n            formControlName=\"CurrentHandler\"\n          />\n        </div>\n        <div\n          *ngIf=\"this.selectedTicket\"\n          class=\"form-input-container flex flex-col gap-1\"\n        >\n          <div class=\"font-medium\">Last Handler</div>\n          <verbena-input\n            name=\"LastHandler\"\n            placeHolder=\"Last Handler\"\n            formControlName=\"LastHandler\"\n          />\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Priority</div>\n          <verben-drop-down\n            width=\"100%\"\n            name=\"Priority\"\n            placeholder=\"Select Priority\"\n            [options]=\"priorityOptions\"\n            optionLabel=\"Name\"\n            optionValue=\"Code\"\n            formControlName=\"Priority\"\n          >\n          </verben-drop-down>\n        </div>\n        <div class=\"form-input-container flex flex-col gap-1\">\n          <div class=\"font-medium\">Status</div>\n          <verben-drop-down\n            width=\"100%\"\n            name=\"Status\"\n            [disabled]=\"true\"\n            placeholder=\"Select Status\"\n            [options]=\"statusOptions\"\n            formControlName=\"Status\"\n          >\n          </verben-drop-down>\n        </div>\n        <div class=\"attachment-section p-2 flex flex-col gap-3\">\n          <div class=\"attachments-container grid grid-cols-3 gap-2\">\n            <ng-container *ngFor=\"let file of this.fileUrls\">\n              <app-file-render [fileUrl]=\"file\"></app-file-render>\n            </ng-container>\n          </div>\n          <div\n            class=\"upload-section flex flex-col flex-1 items-center justify-center gap-2\"\n          >\n            <div class=\"flex justify-center\">\n              <verbena-button\n                [useIcon]=\"true\"\n                [icon]=\"'upload'\"\n                class=\"verben-secondary-button\"\n                [text]=\"'Upload'\"\n                (click)=\"triggerFileUpload()\"\n              ></verbena-button>\n            </div>\n            <div class=\"upload-caption text-sm text-center\">\n              Include Attachments\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"dialog-button-container flex justify-end gap-2\">\n        <verbena-button\n          width=\"100%\"\n          class=\"verben-secondary-button\"\n          [text]=\"'Close'\"\n          (click)=\"onModalClose($event)\"\n        >\n        </verbena-button>\n        <verbena-button\n          [disable]=\"!this.checkForm()\"\n          width=\"100%\"\n          class=\"verben-primary-button\"\n          [text]=\"'Save'\"\n          (click)=\"save()\"\n        >\n        </verbena-button>\n      </div>\n    </div>\n  </ng-template>\n</verben-dialogue>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport {\n  CardDataViewModule,\n  DataExportModule,\n  DataTableModule,\n  DataViewModule,\n  DropDownModule,\n  SortTableModule,\n  SvgModule,\n  TableFilterModule,\n  TooltipModule,\n  VerbenaButtonModule,\n  VerbenaInputModule,\n  VerbenaSwitchModule,\n  VerbenDialogueModule,\n  VerbenPopUpModule,\n  VisibleColumnModule,\n  DataImportModule,\n  DataXportModule,\n} from 'verben-ng-ui';\nimport { RouterModule, Routes } from '@angular/router';\n\nimport { CompanyDatePipe } from 'verben-ticketing-ui/src/lib/pipes';\nimport { EllipseWordPipe } from 'verben-ticketing-ui/src/lib/pipes';\nimport { AddTicketComponent } from './add-ticket.component';\nimport { FileRenderLibModule } from 'verben-ticketing-ui/src/lib/components/file-render';\nexport const appRoutes: Routes = [];\n@NgModule({\n  declarations: [AddTicketComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    DataTableModule,\n    SvgModule,\n    VerbenPopUpModule,\n    DataViewModule,\n    VerbenaButtonModule,\n    CardDataViewModule,\n    DropDownModule,\n    VerbenaSwitchModule,\n    TableFilterModule,\n    VisibleColumnModule,\n    SortTableModule,\n    DataExportModule,\n    TooltipModule,\n    VerbenDialogueModule,\n    VerbenaInputModule,\n    DataImportModule,\n    DataExportModule,\n    DataXportModule,\n    EllipseWordPipe,\n    FileRenderLibModule,\n    CompanyDatePipe,\n    RouterModule.forChild(appRoutes),\n  ],\n  exports: [AddTicketComponent],\n})\nexport class AddTicketLibModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;MAqCa,kBAAkB,CAAA;AAuBnB,IAAA,EAAA,CAAA;AACA,IAAA,WAAA,CAAA;AACA,IAAA,MAAA,CAAA;AACA,IAAA,aAAA,CAAA;AACA,IAAA,MAAA,CAAA;;;;;AAtBV,IAAA,gBAAgB,CAAY;IACnB,SAAS,GAAkB,IAAI,CAAC;IAChC,YAAY,GAAkB,IAAI,CAAC;IACnC,cAAc,GAAkB,IAAI,CAAC;IACrC,SAAS,GAAY,KAAK,CAAC;AAC1B,IAAA,MAAM,GAAwB,IAAI,YAAY,EAAE,CAAC;AACjD,IAAA,OAAO,GAAwB,IAAI,YAAY,EAAE,CAAC;AAClD,IAAA,MAAM,GAAyB,IAAI,YAAY,EAAE,CAAC;IAE5D,eAAe,GAAqB,EAAE,CAAC;AACvC,IAAA,aAAa,GAAa,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACpD,QAAQ,GAAW,EAAE,CAAC;IACtB,QAAQ,GAAa,EAAE,CAAC;;AAExB,IAAA,WAAW,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;IACtB,cAAc,GAAW,EAAE,CAAC;IAErC,WACU,CAAA,EAAe,EACf,WAA2B,EAC3B,MAA6B,EAC7B,aAA4B,EAC5B,MAA0B,EAAA;QAJ1B,IAAE,CAAA,EAAA,GAAF,EAAE,CAAa;QACf,IAAW,CAAA,WAAA,GAAX,WAAW,CAAgB;QAC3B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAuB;QAC7B,IAAa,CAAA,aAAA,GAAb,aAAa,CAAe;QAC5B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAoB;QAElC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;YACpC,KAAK,EAAE,IAAI,WAAW,CAAgB,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;YAChE,WAAW,EAAE,IAAI,WAAW,CAAgB,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;YACtE,cAAc,EAAE,IAAI,WAAW,CAAgB;AAC7C,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,QAAQ,EAAE,IAAI;aACf,CAAC;YACF,WAAW,EAAE,IAAI,WAAW,CAAgB;AAC1C,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,QAAQ,EAAE,IAAI;aACf,CAAC;YACF,QAAQ,EAAE,IAAI,WAAW,CAAgB,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC;AACnE,YAAA,MAAM,EAAE,IAAI,WAAW,CACrB,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC/C,UAAU,CAAC,QAAQ,CACpB;AACF,SAAA,CAAC,CAAC;;;KAIJ;AAED,IAAA,QAAQ,MAAW;IAEnB,MAAM,WAAW,CAAC,OAAsB,EAAA;QACtC,IAAI,OAAO,CAAC,gBAAgB,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;AACpD,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC;AAC/B,gBAAA,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK;AAChC,gBAAA,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW;AAC5C,gBAAA,cAAc,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc;AAClD,gBAAA,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW;AAC5C,gBAAA,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ;AACtC,gBAAA,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;AACnC,aAAA,CAAC,CAAC;YACH,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAClD,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB;aAAM;AACL,YAAA,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC;AAC/B,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,YAAY,CAAC,OAAO;AAC7B,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;AACnB,YAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;SACpB;QAED,IAAI,OAAO,CAAC,cAAc,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE;AAChD,YAAA,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAChE,IAAI,CAAC,YAAY,CAClB,CAAC;YACF,IAAI,OAAO,EAAE;AACX,gBAAA,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC;aACvC;YACD,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;SAChD;aAAM,IAAI,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACxD,YAAA,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;;SAE3B;KACF;IAED,SAAS,GAAA;QACP,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,IAAI,IAAI,EAAE;AACvC,YAAA,OAAO,IAAI,CAAC;SACb;AACD,QAAA,OAAO,KAAK,CAAC;KACd;AAED,IAAA,WAAW,CAAC,KAAU,EAAA;AACpB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACpB;AAED,IAAA,YAAY,CAAC,KAAU,EAAA;AACrB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1B;;;;;;;;;AAWD,IAAA,MAAM,IAAI,GAAA;AACR,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO;SACR;AACD,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,OAAO;SACR;;;;;;;;;;;;;;AAeD,QAAA,MAAM,IAAI,GAAW;YACnB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK;YACpD,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,KAAK;YAChE,cAAc,EAAE,IAAI,CAAC,cAAc;AACjC,kBAAE,IAAI,CAAC,cAAc,CAAC,cAAc;AACpC,kBAAE,SAAS;YACb,WAAW,EAAE,IAAI,CAAC,cAAc;AAC9B,kBAAE,IAAI,CAAC,cAAc,CAAC,WAAW;AACjC,kBAAE,SAAS;YACb,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,KAAK;YAC1D,GAAG,EAAE,IAAI,CAAC,SAAS;AACnB,YAAA,EAAE,EAAE,EAAE;YACN,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,KAAK;YACtD,OAAO,EAAE,IAAI,CAAC,cAAc;AAC5B,YAAA,QAAQ,EAAE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,GAAG,EAAE;YACjE,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,YAAA,QAAQ,EAAE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,GAAG,EAAE;AACjE,YAAA,EAAE,EAAE,EAAE;YACN,aAAa,EAAE,IAAI,CAAC,cAAc;AAChC,kBAAE,IAAI,CAAC,cAAc,CAAC,aAAa;AACnC,kBAAE,SAAS;AACb,YAAA,IAAI,EAAE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,GAAG,EAAE;YACzD,QAAQ,EAAE,IAAI,CAAC,cAAc;AAC3B,kBAAE,IAAI,CAAC,cAAc,CAAC,QAAQ;kBAC5B,IAAI,CAAC,YAAY;AACrB,YAAA,WAAW,EAAE,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,EAAE;YACvE,SAAS,EAAE,IAAI,CAAC,cAAc;AAC5B,kBAAE,IAAI,CAAC,cAAc,CAAC,SAAS;kBAC7B,IAAI,IAAI,EAAE;YACd,SAAS,EAAE,IAAI,IAAI,EAAE;AACrB,YAAA,SAAS,EAAE,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG;SACvE,CAAC;QAEF,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,6BAA6B,CAAC,CAAC;YACzD,OAAO;SACR;AACD,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAChC,CAAmB,iBAAA,CAAA,EACnB,CAAC,IAAI,CAAC,EACN,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,YAAY,CACrC,CAAC;AACF,QAAA,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,GAAG,YAAY,aAAa,EAAE;SACjC;aAAM;AACL,YAAA,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;YAC1D,MAAM,MAAM,GAAG,GAAe,CAAC;AAC/B,YAAA,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACrB,gBAAA,IAAI,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAC3B,gBAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;aAC9B;SACF;AAED,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB;IAED,sBAAsB,GAAA;AACpB,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC;KACpD;IAED,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;YACvB,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CACtD,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,IAAI,kCAAkC,CACvD,CAAC;YACF,IAAI,cAAc,EAAE;gBAClB,OAAO,EAAE,GAAG,cAAc,EAAE,SAAS,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;aAC9D;iBAAM;AACL,gBAAA,MAAM,UAAU,GAAkB;AAChC,oBAAA,UAAU,EAAE,EAAE;AACd,oBAAA,OAAO,EAAE,kCAAkC;AAC3C,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,WAAW,EAAE,EAAE;AACf,oBAAA,cAAc,EAAE,EAAE;oBAClB,OAAO,EAAE,IAAI,CAAC,cAAc;AAC5B,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,IAAI,EAAE,EAAE;AACR,oBAAA,QAAQ,EAAE,EAAE;AACZ,oBAAA,EAAE,EAAE,EAAE;AACN,oBAAA,WAAW,EAAE,EAAE;oBACf,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;oBACrB,SAAS,EAAE,WAAW,CAAC,GAAG;iBAC3B,CAAC;AACF,gBAAA,OAAO,UAAU,CAAC;aACnB;SACF;aAAM;AACL,YAAA,MAAM,UAAU,GAAkB;AAChC,gBAAA,UAAU,EAAE,EAAE;AACd,gBAAA,OAAO,EAAE,kCAAkC;AAC3C,gBAAA,OAAO,EAAE,EAAE;AACX,gBAAA,WAAW,EAAE,EAAE;AACf,gBAAA,cAAc,EAAE,EAAE;gBAClB,OAAO,EAAE,IAAI,CAAC,cAAc;AAC5B,gBAAA,EAAE,EAAE,EAAE;AACN,gBAAA,EAAE,EAAE,EAAE;AACN,gBAAA,IAAI,EAAE,EAAE;AACR,gBAAA,QAAQ,EAAE,EAAE;AACZ,gBAAA,WAAW,EAAE,EAAE;gBACf,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,SAAS,EAAE,IAAI,IAAI,EAAE;gBACrB,SAAS,EAAE,WAAW,CAAC,GAAG;aAC3B,CAAC;AACF,YAAA,OAAO,UAAU,CAAC;SACnB;KACF;IAED,iBAAiB,GAAA;QACf,MAAM,SAAS,GAAqB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AACpE,QAAA,SAAS,CAAC,IAAI,GAAG,MAAM,CAAC;AACxB,QAAA,SAAS,CAAC,MAAM,GAAG,yBAAyB,CAAC;QAC7C,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAErC,QAAA,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAK;YACxC,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YAClC,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aACxB;YACD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACvC,SAAC,CAAC,CAAC;AAEH,QAAA,SAAS,CAAC,KAAK,EAAE,CAAC;KACnB;IAEO,MAAM,WAAW,CAAC,YAA6B,EAAA;;QAErD,IAAI,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE;YACxC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;YACjD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAsB,mBAAA,EAAA,SAAS,CAAa,WAAA,CAAA,CAAC,CAAC;YACxE,OAAO;SACR;;;;;;;;;;;AAaD,QAAA,MAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;AAChC,QAAA,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;AACnC,QAAA,MAAM,CAAC,MAAM,GAAG,MAAK;AACnB,YAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAgB,CAAC;AAC3C,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAC9C,UAAU,EACV,CAAC,EACD,YAAY,CACb,CAAC;YACF,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAG,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC,CAAC;;aAEpC;AACH,SAAC,CAAC;KACH;wGAzSU,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,aAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,8SCrC/B,6tJAwIA,EAAA,MAAA,EAAA,CAAA,6GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,KAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,oBAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,cAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,YAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,WAAA,EAAA,MAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,SAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,qBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,SAAA,EAAA,QAAA,EAAA,cAAA,EAAA,WAAA,EAAA,OAAA,EAAA,eAAA,EAAA,YAAA,EAAA,SAAA,EAAA,UAAA,EAAA,KAAA,EAAA,KAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDnGa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,6tJAAA,EAAA,MAAA,EAAA,CAAA,6GAAA,CAAA,EAAA,CAAA;2MAUjB,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACI,MAAM,EAAA,CAAA;sBAAf,MAAM;gBACG,OAAO,EAAA,CAAA;sBAAhB,MAAM;gBACG,MAAM,EAAA,CAAA;sBAAf,MAAM;gBAQE,cAAc,EAAA,CAAA;sBAAtB,KAAK;;;AE3BD,MAAM,SAAS,GAAW,GAAG;MAgCvB,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAlB,kBAAkB,EAAA,YAAA,EAAA,CA9Bd,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAE/B,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,SAAS;YACT,iBAAiB;YACjB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;YAClB,cAAc;YACd,mBAAmB;YACnB,iBAAiB;YACjB,mBAAmB;YACnB,eAAe;YACf,gBAAgB;YAChB,aAAa;YACb,oBAAoB;YACpB,kBAAkB;YAClB,gBAAgB;YAChB,gBAAgB;YAChB,eAAe;YACf,eAAe;YACf,mBAAmB;AACnB,YAAA,eAAe,gCAGP,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAEjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YA5B3B,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,SAAS;YACT,iBAAiB;YACjB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;YAClB,cAAc;YACd,mBAAmB;YACnB,iBAAiB;YACjB,mBAAmB;YACnB,eAAe;YACf,gBAAgB;YAChB,aAAa;YACb,oBAAoB;YACpB,kBAAkB;YAClB,gBAAgB;YAChB,gBAAgB;YAChB,eAAe;YAEf,mBAAmB;AAEnB,YAAA,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA,EAAA,CAAA,CAAA;;4FAIvB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBA/B9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;AAClC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,eAAe;wBACf,SAAS;wBACT,iBAAiB;wBACjB,cAAc;wBACd,mBAAmB;wBACnB,kBAAkB;wBAClB,cAAc;wBACd,mBAAmB;wBACnB,iBAAiB;wBACjB,mBAAmB;wBACnB,eAAe;wBACf,gBAAgB;wBAChB,aAAa;wBACb,oBAAoB;wBACpB,kBAAkB;wBAClB,gBAAgB;wBAChB,gBAAgB;wBAChB,eAAe;wBACf,eAAe;wBACf,mBAAmB;wBACnB,eAAe;AACf,wBAAA,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC;AACjC,qBAAA;oBACD,OAAO,EAAE,CAAC,kBAAkB,CAAC;AAC9B,iBAAA,CAAA;;;AC7DD;;AAEG;;;;"}

package/fesm2022/verben-ticketing-ui-src-lib-components-file-render.mjs

@@ -0,0 +1,130 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from 'verben-ticketing-ui/src/lib/services';
+import * as i2 from 'verben-ng-ui';
+import { DataTableModule, SvgModule, VerbenPopUpModule, DataViewModule, VerbenaButtonModule, CardDataViewModule, DropDownModule, VerbenaSwitchModule, TableFilterModule, VisibleColumnModule, SortTableModule, DataExportModule, TooltipModule, VerbenDialogueModule, VerbenaInputModule, DataImportModule, DataXportModule } from 'verben-ng-ui';
+import { CommonModule } from '@angular/common';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { EllipseWordPipe, CompanyDatePipe } from 'verben-ticketing-ui/src/lib/pipes';
+
+class FileRenderComponent {
+    utilService;
+    envSvc;
+    fileUrl = null;
+    fileName = null;
+    constructor(utilService, envSvc) {
+        this.utilService = utilService;
+        this.envSvc = envSvc;
+    }
+    ngOnInit() {
+        if (this.fileUrl) {
+            this.fileName = this.fileUrl.split('/').pop() || null;
+        }
+    }
+    openFile() {
+        if (!this.fileUrl) {
+            return;
+        }
+        this.utilService.openFullRouteInNewWindow(`${this.envSvc.environment.FILE_BASE_URL}${this.fileUrl}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderComponent, deps: [{ token: i1.UtilService }, { token: i1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FileRenderComponent, selector: "app-file-render", inputs: { fileUrl: "fileUrl" }, ngImport: i0, template: "<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n  <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n  <span (click)=\"openFile()\" class=\"cursor-pointer\">\n    <verben-svg\n      [icon]=\"'download-icon'\"\n      [width]=\"20\"\n      [height]=\"20\"\n    ></verben-svg>\n  </span>\n</div>\n", styles: [".file-container{border:1px solid #ccc6fbb2;border-radius:5px}\n"], dependencies: [{ kind: "component", type: i2.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-file-render', template: "<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n  <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n  <span (click)=\"openFile()\" class=\"cursor-pointer\">\n    <verben-svg\n      [icon]=\"'download-icon'\"\n      [width]=\"20\"\n      [height]=\"20\"\n    ></verben-svg>\n  </span>\n</div>\n", styles: [".file-container{border:1px solid #ccc6fbb2;border-radius:5px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.UtilService }, { type: i1.EnvironmentService }], propDecorators: { fileUrl: [{
+                type: Input
+            }] } });
+
+const appRoutes = [];
+class FileRenderLibModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FileRenderLibModule, declarations: [FileRenderComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DataTableModule,
+            SvgModule,
+            VerbenPopUpModule,
+            DataViewModule,
+            VerbenaButtonModule,
+            CardDataViewModule,
+            DropDownModule,
+            VerbenaSwitchModule,
+            TableFilterModule,
+            VisibleColumnModule,
+            SortTableModule,
+            DataExportModule,
+            TooltipModule,
+            VerbenDialogueModule,
+            VerbenaInputModule,
+            DataImportModule,
+            DataExportModule,
+            DataXportModule,
+            EllipseWordPipe,
+            CompanyDatePipe, i1$1.RouterModule], exports: [FileRenderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderLibModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            DataTableModule,
+            SvgModule,
+            VerbenPopUpModule,
+            DataViewModule,
+            VerbenaButtonModule,
+            CardDataViewModule,
+            DropDownModule,
+            VerbenaSwitchModule,
+            TableFilterModule,
+            VisibleColumnModule,
+            SortTableModule,
+            DataExportModule,
+            TooltipModule,
+            VerbenDialogueModule,
+            VerbenaInputModule,
+            DataImportModule,
+            DataExportModule,
+            DataXportModule,
+            RouterModule.forChild(appRoutes)] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FileRenderComponent],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        DataTableModule,
+                        SvgModule,
+                        VerbenPopUpModule,
+                        DataViewModule,
+                        VerbenaButtonModule,
+                        CardDataViewModule,
+                        DropDownModule,
+                        VerbenaSwitchModule,
+                        TableFilterModule,
+                        VisibleColumnModule,
+                        SortTableModule,
+                        DataExportModule,
+                        TooltipModule,
+                        VerbenDialogueModule,
+                        VerbenaInputModule,
+                        DataImportModule,
+                        DataExportModule,
+                        DataXportModule,
+                        EllipseWordPipe,
+                        CompanyDatePipe,
+                        RouterModule.forChild(appRoutes),
+                    ],
+                    exports: [FileRenderComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileRenderComponent, FileRenderLibModule, appRoutes };
+//# sourceMappingURL=verben-ticketing-ui-src-lib-components-file-render.mjs.map