aril 1.1.73 → 1.1.75

package/fesm2022/aril-ui-fileUpload.mjs

@@ -0,0 +1,80 @@
+import * as i0 from '@angular/core';
+import { input, EventEmitter, Component, Output } from '@angular/core';
+import * as i1 from 'primeng/api';
+import { MessageService } from 'primeng/api';
+import * as i4 from 'primeng/fileupload';
+import { FileUploadModule } from 'primeng/fileupload';
+import { NotificationTemplatesDialogComponent } from 'aril/ui-business/notification-templates-dialog';
+import { ButtonComponent } from 'aril/ui/button';
+import * as i2 from 'primeng/dynamicdialog';
+import * as i3 from '@ngneat/transloco';
+
+class FileUploadComponent {
+    constructor(messageService, dialogService, translocoService) {
+        this.messageService = messageService;
+        this.dialogService = dialogService;
+        this.translocoService = translocoService;
+        this.name = input();
+        this.url = input.required();
+        this.multiple = input(false);
+        this.accept = input('.xlsx');
+        this.disabled = input(false);
+        this.auto = input(false);
+        this.maxFileSize = input();
+        this.tabindex = input();
+        this.withCredentials = input(false);
+        this.showUploadButton = input(true);
+        this.showCancelButton = input(true);
+        this.showNotificationTemplatesButton = input(true);
+        this.customUpload = input(false);
+        this.mode = input('advanced');
+        this.beforeSend = new EventEmitter();
+        this.upload = new EventEmitter();
+        this.uploadHandler = new EventEmitter();
+        this.errors = new EventEmitter();
+        this.selects = new EventEmitter();
+        this.clear = new EventEmitter();
+        this.uploadedFiles = [];
+    }
+    onUpload(event) {
+        this.upload.emit(event);
+        this.uploadedFiles = event.files;
+        this.messageService.add({ key: 'toast-root', severity: 'success', summary: 'Dosya başarıyla yüklendi.' });
+    }
+    onError(event) {
+        this.errors.emit(event);
+        this.messageService.add({ key: 'toast-root', severity: 'error', summary: 'Dosya yüklenemedi.' });
+    }
+    openNotificationTemplatesDialog() {
+        this.dialogService.open(NotificationTemplatesDialogComponent, {
+            contentStyle: { overflow: 'hidden', 'max-width': '500px' },
+            draggable: true,
+            header: this.translocoService.translate('notifications.notificationTemplates')
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.MessageService }, { token: i2.DialogService }, { token: i3.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FileUploadComponent, isStandalone: true, selector: "aril-file-upload", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, withCredentials: { classPropertyName: "withCredentials", publicName: "withCredentials", isSignal: true, isRequired: false, transformFunction: null }, showUploadButton: { classPropertyName: "showUploadButton", publicName: "showUploadButton", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null }, showNotificationTemplatesButton: { classPropertyName: "showNotificationTemplatesButton", publicName: "showNotificationTemplatesButton", isSignal: true, isRequired: false, transformFunction: null }, customUpload: { classPropertyName: "customUpload", publicName: "customUpload", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeSend: "beforeSend", upload: "upload", uploadHandler: "uploadHandler", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n", styles: [":host ::ng-deep .p-fileupload-buttonbar{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i4.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-file-upload', imports: [FileUploadModule, ButtonComponent], providers: [MessageService], template: "<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n", styles: [":host ::ng-deep .p-fileupload-buttonbar{display:flex;justify-content:center}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MessageService }, { type: i2.DialogService }, { type: i3.TranslocoService }], propDecorators: { beforeSend: [{
+                type: Output
+            }], upload: [{
+                type: Output
+            }], uploadHandler: [{
+                type: Output
+            }], errors: [{
+                type: Output
+            }], selects: [{
+                type: Output
+            }], clear: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileUploadComponent };
+//# sourceMappingURL=aril-ui-fileUpload.mjs.map

package/fesm2022/aril-ui-fileUpload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { HttpEvent } from '@angular/common/http';\r\nimport { Component, EventEmitter, Output, input } from '@angular/core';\r\n\r\nimport { MessageService } from 'primeng/api';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { FileUploadModule } from 'primeng/fileupload';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { NotificationTemplatesDialogComponent } from 'aril/ui-business/notification-templates-dialog';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\ninterface UploadEvent {\r\n\toriginalEvent: HttpEvent<any>;\r\n\tfiles: File[];\r\n}\r\n\r\ninterface UploadFile {\r\n\tname: string;\r\n\tsize: number;\r\n\ttype: string;\r\n\tobjectURL?: string;\r\n}\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-file-upload',\r\n\ttemplateUrl: './file-upload.component.html',\r\n\timports: [FileUploadModule, ButtonComponent],\r\n\tproviders: [MessageService],\r\n\tstyles: [\r\n\t\t`\r\n\t\t\t:host ::ng-deep .p-fileupload-buttonbar {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\t\t`\r\n\t]\r\n})\r\nexport class FileUploadComponent {\r\n\tname = input<string>();\r\n\turl = input.required<string>();\r\n\tmultiple = input(false);\r\n\taccept = input<string>('.xlsx');\r\n\tdisabled = input(false);\r\n\tauto = input(false);\r\n\tmaxFileSize = input<number>();\r\n\ttabindex = input<number>();\r\n\twithCredentials = input(false);\r\n\tshowUploadButton = input(true);\r\n\tshowCancelButton = input(true);\r\n\tshowNotificationTemplatesButton = input(true);\r\n\tcustomUpload = input(false);\r\n\tmode = input<'advanced' | 'basic'>('advanced');\r\n\t\r\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() upload: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() uploadHandler: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() errors: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() selects: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() clear: EventEmitter<unknown> = new EventEmitter();\r\n\r\n\tuploadedFiles: UploadFile[] = [];\r\n\r\n\tconstructor(\r\n\t\tprivate readonly messageService: MessageService,\r\n\t\tprivate readonly dialogService: DialogService,\r\n\t\tpublic readonly translocoService: TranslocoService\r\n\t) {}\r\n\r\n\tonUpload(event: UploadEvent) {\r\n\t\tthis.upload.emit(event);\r\n\t\tthis.uploadedFiles = event.files;\r\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'success', summary: 'Dosya başarıyla yüklendi.' });\r\n\t}\r\n\r\n\tonError(event: any) {\r\n\t\tthis.errors.emit(event);\r\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'error', summary: 'Dosya yüklenemedi.' });\r\n\t}\r\n\r\n\topenNotificationTemplatesDialog() {\r\n\t\tthis.dialogService.open(NotificationTemplatesDialogComponent, {\r\n\t\t\tcontentStyle: { overflow: 'hidden', 'max-width': '500px' },\r\n\t\t\tdraggable: true,\r\n\t\t\theader: this.translocoService.translate('notifications.notificationTemplates')\r\n\t\t});\r\n\t}\r\n}\r\n","<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-form.mjs

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { input, EventEmitter, inject, Component, ChangeDetectionStrategy, Output, NgModule } from '@angular/core';
+import * as i1 from 'aril/ui/button';
+import { ButtonComponent } from 'aril/ui/button';
+import { MessageService } from 'primeng/api';
+import * as i1$1 from 'aril/ui/lib';
+import { checkValidInputs, FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';
+
+class FormSubmitButtonComponent extends ButtonComponent {
+    constructor() {
+        super(...arguments);
+        this.formGroup = input.required();
+        this.validEvent = new EventEmitter();
+        this.inValidEvent = new EventEmitter();
+        this.messageService = inject(MessageService);
+    }
+    submit() {
+        checkValidInputs(this.formGroup());
+        if (this.formGroup().valid)
+            this.validEvent.emit();
+        else {
+            this.messageService.add({
+                key: 'toast-root',
+                severity: 'warn ',
+                summary: 'Form Hatası',
+                detail: 'Lütfen formdaki eksikleri gideriniz'
+            });
+            this.inValidEvent.emit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: FormSubmitButtonComponent, selector: "aril-form-submit:not([click])", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { validEvent: "validEvent", inValidEvent: "inValidEvent" }, usesInheritance: true, ngImport: i0, template: "<aril-button\r\n\t[label]=\"label()\"\r\n\t[loading]=\"formGroup().pending\"\r\n\t[disabled]=\"disabled()\"\r\n\t[raised]=\"raised()\"\r\n\t[outlined]=\"outlined()\"\r\n\t[badge]=\"badge()\"\r\n\t[size]=\"size()\"\r\n\t[icon]=\"icon()\"\r\n\t[color]=\"color()\"\r\n\t(clickEvent)=\"submit()\">\r\n</aril-button>\r\n", dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aril-form-submit:not([click])', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button\r\n\t[label]=\"label()\"\r\n\t[loading]=\"formGroup().pending\"\r\n\t[disabled]=\"disabled()\"\r\n\t[raised]=\"raised()\"\r\n\t[outlined]=\"outlined()\"\r\n\t[badge]=\"badge()\"\r\n\t[size]=\"size()\"\r\n\t[icon]=\"icon()\"\r\n\t[color]=\"color()\"\r\n\t(clickEvent)=\"submit()\">\r\n</aril-button>\r\n" }]
+        }], propDecorators: { validEvent: [{
+                type: Output
+            }], inValidEvent: [{
+                type: Output
+            }] } });
+
+class FormComponent {
+    constructor() {
+        this.formGroup = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: FormComponent, selector: "aril-form", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: i1$1.FlexGridDirective }, { directive: i1$1.FormErrorMessageDirective, inputs: ["formErrorMessage", "formGroup"] }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'aril-form',
+                    template: ` <ng-content></ng-content> `,
+                    hostDirectives: [
+                        FlexGridDirective,
+                        {
+                            directive: FormErrorMessageDirective,
+                            inputs: ['formErrorMessage: formGroup']
+                        }
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+const components = [FormComponent, FormSubmitButtonComponent];
+class ARiLFormModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, declarations: [FormComponent, FormSubmitButtonComponent], imports: [ButtonComponent], exports: [FormComponent, FormSubmitButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, imports: [ButtonComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ButtonComponent],
+                    exports: [components],
+                    declarations: [components]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ARiLFormModule, FormComponent, FormSubmitButtonComponent };
+//# sourceMappingURL=aril-ui-form.mjs.map

package/fesm2022/aril-ui-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-form.mjs","sources":["../../projects/aril/ui/form/src/form-submit-button.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.html","../../projects/aril/ui/form/src/form.component.ts","../../projects/aril/ui/form/index.ts","../../projects/aril/ui/form/aril-ui-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Output, inject, input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { MessageService } from 'primeng/api';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { checkValidInputs } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tselector: 'aril-form-submit:not([click])',\r\n\ttemplateUrl: './form-submit-button.component.html',\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormSubmitButtonComponent extends ButtonComponent {\r\n\tformGroup = input.required<FormGroup>();\r\n\r\n\t@Output() validEvent: EventEmitter<never> = new EventEmitter<never>();\r\n\t@Output() inValidEvent: EventEmitter<never> = new EventEmitter<never>();\r\n\r\n\tmessageService = inject(MessageService);\r\n\r\n\tsubmit() {\r\n\t\tcheckValidInputs(this.formGroup());\r\n\r\n\t\tif (this.formGroup().valid) this.validEvent.emit();\r\n\t\telse {\r\n\t\t\tthis.messageService.add({\r\n\t\t\t\tkey: 'toast-root',\r\n\t\t\t\tseverity: 'warn ',\r\n\t\t\t\tsummary: 'Form Hatası',\r\n\t\t\t\tdetail: 'Lütfen formdaki eksikleri gideriniz'\r\n\t\t\t});\r\n\t\t\tthis.inValidEvent.emit();\r\n\t\t}\r\n\t}\r\n}\r\n","<aril-button\r\n\t[label]=\"label()\"\r\n\t[loading]=\"formGroup().pending\"\r\n\t[disabled]=\"disabled()\"\r\n\t[raised]=\"raised()\"\r\n\t[outlined]=\"outlined()\"\r\n\t[badge]=\"badge()\"\r\n\t[size]=\"size()\"\r\n\t[icon]=\"icon()\"\r\n\t[color]=\"color()\"\r\n\t(clickEvent)=\"submit()\">\r\n</aril-button>\r\n","import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tselector: 'aril-form',\r\n\ttemplate: ` <ng-content></ng-content> `,\r\n\thostDirectives: [\r\n\t\tFlexGridDirective,\r\n\t\t{\r\n\t\t\tdirective: FormErrorMessageDirective,\r\n\t\t\tinputs: ['formErrorMessage: formGroup']\r\n\t\t}\r\n\t],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormComponent {\r\n\tformGroup = input.required<FormGroup>();\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\nimport { FormSubmitButtonComponent } from './src/form-submit-button.component';\r\nimport { FormComponent } from './src/form.component';\r\n\r\nexport * from './src/form.component';\r\nexport * from './src/form-submit-button.component';\r\n\r\nconst components = [FormComponent, FormSubmitButtonComponent];\r\n\r\n@NgModule({\r\n\timports: [ButtonComponent],\r\n\texports: [components],\r\n\tdeclarations: [components]\r\n})\r\nexport class ARiLFormModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-img-viewer.mjs

@@ -0,0 +1,64 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i2 from 'primeng/image';
+import { ImageModule } from 'primeng/image';
+import * as i3 from 'primeng/messages';
+import { MessagesModule } from 'primeng/messages';
+import { ButtonComponent } from 'aril/ui/button';
+import * as i1 from 'primeng/dynamicdialog';
+
+class ImgViewerComponent {
+    constructor(ref) {
+        this.ref = ref;
+        this.base64 = input('');
+        this.messages = [{ severity: 'info', detail: 'Dosya bulunamadı.' }];
+    }
+    downloadFile() {
+        if (this.base64()) {
+            let mimeType = 'image/png';
+            if (this.base64().startsWith('data:image/jpeg;base64,')) {
+                mimeType = 'image/jpeg';
+            }
+            else if (this.base64().startsWith('data:image/gif;base64,')) {
+                mimeType = 'image/gif';
+            }
+            else if (this.base64().startsWith('data:image/bmp;base64,')) {
+                mimeType = 'image/bmp';
+            }
+            else if (this.base64().startsWith('data:image/webp;base64,')) {
+                mimeType = 'image/webp';
+            }
+            const link = document.createElement('a');
+            link.href = 'data:' + mimeType + ';base64,' + this.base64();
+            link.download = 'file.' + mimeType.split('/')[1];
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+        }
+        else {
+            console.error('Base64 verisi mevcut değil');
+        }
+    }
+    close() {
+        this.ref.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ImgViewerComponent, deps: [{ token: i1.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ImgViewerComponent, isStandalone: true, selector: "aril-img-viewer", inputs: { base64: { classPropertyName: "base64", publicName: "base64", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(base64()) {\r\n\t<div>\r\n\t\t<p-image [src]=\"'data:image/png;base64,' + base64()\" alt=\"G\u00F6r\u00FCnt\u00FC\" width=\"100%\" height=\"100%\"/>\r\n\t</div>\r\n}\r\n@else {\r\n\t<p-messages [(value)]=\"messages\" [enableService]=\"false\" [closable]=\"false\" />\r\n}\r\n<div style=\"display: flex; justify-content: flex-end; width: 100%\">\r\n\t<aril-button color=\"danger\" label=\"Kapat\" icon=\"TIMES\" [outlined]=\"true\" (clickEvent)=\"close()\"></aril-button>&nbsp;&nbsp;\r\n\t<aril-button color=\"success\" label=\"\u0130ndir\" icon=\"CHECK\" (clickEvent)=\"downloadFile()\" [disabled]=\"!base64()\"></aril-button>\r\n</div>\r\n", styles: ["ngx-extended-pdf-viewer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ImageModule }, { kind: "component", type: i2.Image, selector: "p-image", inputs: ["imageClass", "imageStyle", "styleClass", "style", "src", "srcSet", "sizes", "previewImageSrc", "previewImageSrcSet", "previewImageSizes", "alt", "width", "height", "loading", "appendTo", "preview", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide", "onImageError"] }, { kind: "ngmodule", type: MessagesModule }, { kind: "component", type: i3.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ImgViewerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-img-viewer', imports: [
+                        CommonModule,
+                        ImageModule,
+                        MessagesModule,
+                        ButtonComponent
+                    ], template: "@if(base64()) {\r\n\t<div>\r\n\t\t<p-image [src]=\"'data:image/png;base64,' + base64()\" alt=\"G\u00F6r\u00FCnt\u00FC\" width=\"100%\" height=\"100%\"/>\r\n\t</div>\r\n}\r\n@else {\r\n\t<p-messages [(value)]=\"messages\" [enableService]=\"false\" [closable]=\"false\" />\r\n}\r\n<div style=\"display: flex; justify-content: flex-end; width: 100%\">\r\n\t<aril-button color=\"danger\" label=\"Kapat\" icon=\"TIMES\" [outlined]=\"true\" (clickEvent)=\"close()\"></aril-button>&nbsp;&nbsp;\r\n\t<aril-button color=\"success\" label=\"\u0130ndir\" icon=\"CHECK\" (clickEvent)=\"downloadFile()\" [disabled]=\"!base64()\"></aril-button>\r\n</div>\r\n", styles: ["ngx-extended-pdf-viewer{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DynamicDialogRef }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ImgViewerComponent };
+//# sourceMappingURL=aril-ui-img-viewer.mjs.map

package/fesm2022/aril-ui-img-viewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-img-viewer.mjs","sources":["../../projects/aril/ui/img-viewer/src/img-viewer.component.ts","../../projects/aril/ui/img-viewer/src/img-viewer.component.html","../../projects/aril/ui/img-viewer/aril-ui-img-viewer.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, input } from '@angular/core';\r\n\r\nimport { Message } from 'primeng/api';\r\nimport { ImageModule } from 'primeng/image';\r\nimport { MessagesModule } from 'primeng/messages';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-img-viewer',\r\n\ttemplateUrl: 'img-viewer.component.html',\r\n\tstyleUrls: ['img-viewer.component.scss'],\r\n\timports: [\r\n\t\tCommonModule,\r\n\t\tImageModule,\r\n\t\tMessagesModule,\r\n\t\tButtonComponent\r\n\t]\r\n})\r\nexport class ImgViewerComponent {\r\n\tconstructor(\r\n\t\tprivate ref: DynamicDialogRef\r\n\t) {}\r\n\r\n\tbase64 = input<string>('');\r\n\r\n\tmessages: Message[] = [{ severity: 'info', detail: 'Dosya bulunamadı.' }];\r\n\r\n\tdownloadFile(): void {\r\n        if (this.base64()) {\r\n            let mimeType = 'image/png';\r\n            if (this.base64().startsWith('data:image/jpeg;base64,')) {\r\n                mimeType = 'image/jpeg';\r\n            } else if (this.base64().startsWith('data:image/gif;base64,')) {\r\n                mimeType = 'image/gif';\r\n            } else if (this.base64().startsWith('data:image/bmp;base64,')) {\r\n                mimeType = 'image/bmp';\r\n            } else if (this.base64().startsWith('data:image/webp;base64,')) {\r\n                mimeType = 'image/webp';\r\n            }\r\n\r\n            const link = document.createElement('a');\r\n            link.href = 'data:' + mimeType + ';base64,' + this.base64();\r\n            link.download = 'file.' + mimeType.split('/')[1];\r\n            document.body.appendChild(link);\r\n            link.click();\r\n            document.body.removeChild(link);\r\n        } else {\r\n            console.error('Base64 verisi mevcut değil');\r\n        }\r\n    }\r\n\r\n\tclose() {\r\n        this.ref.close();\r\n    }\r\n}","@if(base64()) {\r\n\t<div>\r\n\t\t<p-image [src]=\"'data:image/png;base64,' + base64()\" alt=\"Görüntü\" width=\"100%\" height=\"100%\"/>\r\n\t</div>\r\n}\r\n@else {\r\n\t<p-messages [(value)]=\"messages\" [enableService]=\"false\" [closable]=\"false\" />\r\n}\r\n<div style=\"display: flex; justify-content: flex-end; width: 100%\">\r\n\t<aril-button color=\"danger\" label=\"Kapat\" icon=\"TIMES\" [outlined]=\"true\" (clickEvent)=\"close()\"></aril-button>&nbsp;&nbsp;\r\n\t<aril-button color=\"success\" label=\"İndir\" icon=\"CHECK\" (clickEvent)=\"downloadFile()\" [disabled]=\"!base64()\"></aril-button>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-json-diff-comparison.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { Component, Input, ViewChild } from '@angular/core';
+import * as jsondiffpatch from 'jsondiffpatch';
+
+class JsonDiffComparisonComponent {
+    constructor() {
+        this.height = '200px';
+    }
+    ngOnChanges(changes) {
+        if (this.oldData && this.newData) {
+            this.renderDiff();
+        }
+    }
+    ngOnInit() {
+        if (this.oldData && this.newData) {
+            this.renderDiff();
+        }
+    }
+    renderDiff() {
+        jsondiffpatch.create({
+            objectHash: function (obj) {
+                return obj.id || obj._id; // opsiyonel: nested objeler için ID kullanımı
+            },
+            arrays: {
+                detectMove: true
+            },
+            cloneDiffValues: false
+        });
+        const delta = jsondiffpatch.diff(this.oldData, this.newData);
+        const html = jsondiffpatch.formatters.html.format(delta, this.newData);
+        jsondiffpatch.formatters.html.showUnchanged(true); // Tüm alanları göster
+        this.diffContainer.nativeElement.innerHTML = html;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: JsonDiffComparisonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: JsonDiffComparisonComponent, isStandalone: true, selector: "aril-json-diff", inputs: { oldData: "oldData", newData: "newData", height: "height" }, viewQueries: [{ propertyName: "diffContainer", first: true, predicate: ["diffContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\r\n\t<div [style.height]=\"height\" [style.overflow]=\"'auto'\">\r\n\t\t<div #diffContainer class=\"jsondiffpatch-delta\"></div>\r\n\t</div>\r\n</ng-container>\r\n" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: JsonDiffComparisonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-json-diff', template: "<ng-container>\r\n\t<div [style.height]=\"height\" [style.overflow]=\"'auto'\">\r\n\t\t<div #diffContainer class=\"jsondiffpatch-delta\"></div>\r\n\t</div>\r\n</ng-container>\r\n" }]
+        }], propDecorators: { oldData: [{
+                type: Input
+            }], newData: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], diffContainer: [{
+                type: ViewChild,
+                args: ['diffContainer', { static: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { JsonDiffComparisonComponent };
+//# sourceMappingURL=aril-ui-json-diff-comparison.mjs.map

package/fesm2022/aril-ui-json-diff-comparison.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-json-diff-comparison.mjs","sources":["../../projects/aril/ui/json-diff-comparison/src/json-diff.component.ts","../../projects/aril/ui/json-diff-comparison/src/json-diff.component.html","../../projects/aril/ui/json-diff-comparison/aril-ui-json-diff-comparison.ts"],"sourcesContent":["import { Component, Input, OnChanges, ElementRef, SimpleChanges, ViewChild, OnInit } from '@angular/core';\r\nimport * as jsondiffpatch from 'jsondiffpatch';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-json-diff',\r\n\ttemplateUrl: './json-diff.component.html'\r\n})\r\nexport class JsonDiffComparisonComponent implements OnChanges, OnInit {\r\n\t@Input() oldData!: any;\r\n\t@Input() newData!: any;\r\n\t@Input() height = '200px';\r\n\t@ViewChild('diffContainer', { static: true }) diffContainer!: ElementRef;\r\n\r\n\tngOnChanges(changes: SimpleChanges): void {\r\n\t\tif (this.oldData && this.newData) {\r\n\t\t\tthis.renderDiff();\r\n\t\t}\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tif (this.oldData && this.newData) {\r\n\t\t\tthis.renderDiff();\r\n\t\t}\r\n\t}\r\n\r\n\trenderDiff(): void {\r\n\t\tjsondiffpatch.create({\r\n\t\t\tobjectHash: function (obj: any) {\r\n\t\t\t\treturn obj.id || obj._id; // opsiyonel: nested objeler için ID kullanımı\r\n\t\t\t},\r\n\t\t\tarrays: {\r\n\t\t\t\tdetectMove: true\r\n\t\t\t},\r\n\t\t\tcloneDiffValues: false\r\n\t\t});\r\n\r\n\t\tconst delta: any = jsondiffpatch.diff(this.oldData, this.newData);\r\n\r\n\t\tconst html = jsondiffpatch.formatters.html.format(delta, this.newData);\r\n\r\n\t\tjsondiffpatch.formatters.html.showUnchanged(true); // Tüm alanları göster\r\n\t\tthis.diffContainer.nativeElement.innerHTML = html;\r\n\t}\r\n}\r\n","<ng-container>\r\n\t<div [style.height]=\"height\" [style.overflow]=\"'auto'\">\r\n\t\t<div #diffContainer class=\"jsondiffpatch-delta\"></div>\r\n\t</div>\r\n</ng-container>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAQa,2BAA2B,CAAA;AALxC,IAAA,WAAA,GAAA;QAQU,IAAM,CAAA,MAAA,GAAG,OAAO,CAAC;AAiC1B,KAAA;AA9BA,IAAA,WAAW,CAAC,OAAsB,EAAA;QACjC,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;YACjC,IAAI,CAAC,UAAU,EAAE,CAAC;SAClB;KACD;IAED,QAAQ,GAAA;QACP,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;YACjC,IAAI,CAAC,UAAU,EAAE,CAAC;SAClB;KACD;IAED,UAAU,GAAA;QACT,aAAa,CAAC,MAAM,CAAC;YACpB,UAAU,EAAE,UAAU,GAAQ,EAAA;gBAC7B,OAAO,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,GAAG,CAAC;aACzB;AACD,YAAA,MAAM,EAAE;AACP,gBAAA,UAAU,EAAE,IAAI;AAChB,aAAA;AACD,YAAA,eAAe,EAAE,KAAK;AACtB,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,KAAK,GAAQ,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;AAElE,QAAA,MAAM,IAAI,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAEvE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC;KAClD;8GAnCW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,mSCRxC,oLAKA,EAAA,CAAA,CAAA,EAAA;;2FDGa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBALvC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,gBAAgB,EAAA,QAAA,EAAA,oLAAA,EAAA,CAAA;8BAIjB,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACwC,aAAa,EAAA,CAAA;sBAA1D,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;AEZ7C;;AAEG;;;;"}