aril 1.1.73 → 1.1.75

package/ui/img-viewer/src/img-viewer.component.html

@@ -1,12 +0,0 @@
-@if(base64()) {
-	<div>
-		<p-image [src]="'data:image/png;base64,' + base64()" alt="Görüntü" width="100%" height="100%"/>
-	</div>
-}
-@else {
-	<p-messages [(value)]="messages" [enableService]="false" [closable]="false" />
-}
-<div style="display: flex; justify-content: flex-end; width: 100%">
-	<aril-button color="danger" label="Kapat" icon="TIMES" [outlined]="true" (clickEvent)="close()"></aril-button>&nbsp;&nbsp;
-	<aril-button color="success" label="İndir" icon="CHECK" (clickEvent)="downloadFile()" [disabled]="!base64()"></aril-button>
-</div>

package/ui/img-viewer/src/img-viewer.component.scss

@@ -1,8 +0,0 @@
-ngx-extended-pdf-viewer {
-    display: block;
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-    max-height: 100%;
-    object-fit: contain;
-  }

package/ui/img-viewer/src/img-viewer.component.ts

@@ -1,59 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, input } from '@angular/core';
-
-import { Message } from 'primeng/api';
-import { ImageModule } from 'primeng/image';
-import { MessagesModule } from 'primeng/messages';
-import { DynamicDialogRef } from 'primeng/dynamicdialog';
-
-import { ButtonComponent } from 'aril/ui/button';
-
-@Component({
-	standalone: true,
-	selector: 'aril-img-viewer',
-	templateUrl: 'img-viewer.component.html',
-	styleUrls: ['img-viewer.component.scss'],
-	imports: [
-		CommonModule,
-		ImageModule,
-		MessagesModule,
-		ButtonComponent
-	]
-})
-export class ImgViewerComponent {
-	constructor(
-		private ref: DynamicDialogRef
-	) {}
-
-	base64 = input<string>('');
-
-	messages: Message[] = [{ severity: 'info', detail: 'Dosya bulunamadı.' }];
-
-	downloadFile(): void {
-        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();
-    }
-}

package/ui/index.ts

@@ -1 +0,0 @@
-export const aril_ui = 'ARiL-UI';

package/ui/json-diff-comparison/ng-package.json

@@ -1,6 +0,0 @@
-{
-	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-	"lib": {
-		"entryFile": "./index.ts"
-	}
-}

package/ui/json-diff-comparison/src/json-diff.component.html

@@ -1,5 +0,0 @@
-<ng-container>
-	<div [style.height]="height" [style.overflow]="'auto'">
-		<div #diffContainer class="jsondiffpatch-delta"></div>
-	</div>
-</ng-container>

package/ui/json-diff-comparison/src/json-diff.component.ts

@@ -1,45 +0,0 @@
-import { Component, Input, OnChanges, ElementRef, SimpleChanges, ViewChild, OnInit } from '@angular/core';
-import * as jsondiffpatch from 'jsondiffpatch';
-
-@Component({
-	standalone: true,
-	selector: 'aril-json-diff',
-	templateUrl: './json-diff.component.html'
-})
-export class JsonDiffComparisonComponent implements OnChanges, OnInit {
-	@Input() oldData!: any;
-	@Input() newData!: any;
-	@Input() height = '200px';
-	@ViewChild('diffContainer', { static: true }) diffContainer!: ElementRef;
-
-	ngOnChanges(changes: SimpleChanges): void {
-		if (this.oldData && this.newData) {
-			this.renderDiff();
-		}
-	}
-
-	ngOnInit() {
-		if (this.oldData && this.newData) {
-			this.renderDiff();
-		}
-	}
-
-	renderDiff(): void {
-		jsondiffpatch.create({
-			objectHash: function (obj: any) {
-				return obj.id || obj._id; // opsiyonel: nested objeler için ID kullanımı
-			},
-			arrays: {
-				detectMove: true
-			},
-			cloneDiffValues: false
-		});
-
-		const delta: any = 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;
-	}
-}

package/ui/lib/index.ts

@@ -1,17 +0,0 @@
-/* form */
-export * from './src/form/form-error-message.directive';
-export * from './src/form/form-validation';
-export * from './src/form/form-field-builder';
-
-/* grid */
-export * from './src/grid/flex-grid.directive';
-export * from './src/grid/enum-color-picker.pipe';
-
-/* input */
-export * from './src/input/baseInput';
-export * from './src/input/common-input-validators.service';
-export * from './src/input/dx-input-error-message.pipe';
-export * from './src/input/input-disabled.directive';
-export * from './src/input/input-error-message.pipe';
-export * from './src/input/input-transforms';
-export * from './src/input/value-accessor.directive';

package/ui/lib/ng-package.json

@@ -1,6 +0,0 @@
-{
-	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-	"lib": {
-		"entryFile": "./index.ts"
-	}
-}

package/ui/lib/src/form/form-error-message.component.ts

@@ -1,25 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { ValidationErrors } from '@angular/forms';
-
-import { Message } from 'primeng/api';
-import { MessagesModule } from 'primeng/messages';
-
-@Component({
-	standalone: true,
-	imports: [MessagesModule],
-	template: `
-		<div class="flex gap-2 formErrorMessage">
-			<p-messages [(value)]="_pMessages" [enableService]="false" [closable]="false"></p-messages>
-		</div>
-	`,
-	changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class FormErrorMessagesComponent {
-	_pMessages!: Message[];
-
-	@Input() set messages(messages: ValidationErrors | null) {
-		this._pMessages = Object.values(messages!).map((msg) => {
-			return { severity: 'error', summary: '', detail: msg };
-		});
-	}
-}

package/ui/lib/src/form/form-error-message.directive.ts

@@ -1,32 +0,0 @@
-/* eslint-disable @angular-eslint/directive-selector */
-import { ComponentRef, Directive, OnInit, ViewContainerRef, input } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-
-import { FormErrorMessagesComponent } from './form-error-message.component';
-
-@Directive({
-	standalone: true,
-	selector: '[formErrorMessage]'
-})
-export class FormErrorMessageDirective implements OnInit {
-	constructor(private viewContainerRef: ViewContainerRef) {}
-
-	formErrorMessage = input.required<FormGroup>();
-
-	errorKeys: string[] = [];
-	componentRef!: ComponentRef<FormErrorMessagesComponent>;
-
-	ngOnInit(): void {
-		this.formErrorMessage().statusChanges.subscribe((status) => {
-			if (this.componentRef) this.viewContainerRef.remove();
-
-			if (status === 'INVALID') {
-				if (this.formErrorMessage().errors) {
-					this.componentRef = this.viewContainerRef.createComponent(FormErrorMessagesComponent);
-					this.componentRef.instance.messages = this.formErrorMessage().errors;
-					this.viewContainerRef.insert(this.componentRef.hostView);
-				}
-			}
-		});
-	}
-}

package/ui/lib/src/form/form-field-builder.ts

@@ -1,31 +0,0 @@
-import { FormControl, FormGroup, ValidatorFn } from '@angular/forms';
-
-export const addControlsWithValidation = (
-	form: FormGroup,
-	controls: { name: string; validator?: ValidatorFn; disabled?: boolean }[]
-) => {
-	controls.forEach((control) => {
-		if (!form.contains(control.name)) {
-			form.addControl(
-				control.name,
-				new FormControl({ value: null, disabled: control?.disabled || false }, control.validator)
-			);
-		}
-	});
-};
-
-export const removeControls = (form: FormGroup, controlNames: string[]) => {
-	controlNames.forEach((controlName) => {
-		if (form.contains(controlName)) {
-			form.removeControl(controlName);
-		}
-	});
-};
-
-export const updateValueAndValidities = (form: FormGroup, controlNames: string[]) => {
-	controlNames.forEach((controlName) => {
-		if (form.contains(controlName)) {
-			form.get(controlName)?.updateValueAndValidity();
-		}
-	});
-};

package/ui/lib/src/form/form-validation.ts

@@ -1,14 +0,0 @@
-import { FormArray, FormControl, FormGroup } from '@angular/forms';
-
-export const checkValidInputs = (formGroup: FormGroup | FormArray) => {
-	Object.keys(formGroup.controls).forEach((field) => {
-		const control = formGroup.get(field);
-
-		if (control instanceof FormControl) {
-			control.markAsTouched({ onlySelf: true });
-			control.markAsDirty({ onlySelf: true });
-		} else if (control instanceof FormGroup || control instanceof FormArray) {
-			checkValidInputs(control);
-		}
-	});
-};

package/ui/lib/src/grid/enum-color-picker.pipe.ts

@@ -1,33 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-@Pipe({
-	standalone: true,
-	name: 'enumColorPicker'
-})
-export class EnumColorPickerPipe implements PipeTransform {
-	enumColorList = [
-		'#74C2E6',
-		'#5EBAE0',
-		'#2C9CCB',
-		'#1D7DAC',
-		'#19658B',
-		'#185574',
-		'#7D85FC',
-		'#5957F5',
-		'#194761',
-		'#5141EA'
-	] as const;
-
-	transform(name: string | number): string {
-		const nameHash = this.getNameHash(String(name));
-		return this.enumColorList[nameHash % this.enumColorList.length];
-	}
-
-	private getNameHash(name: string): number {
-		return (
-			[...name].reduce((acc, char, index) => acc + char.charCodeAt(0) * (index + 1), 0) % this.enumColorList.length
-		);
-	}
-}
-
-interface Value {}

package/ui/lib/src/grid/flex-grid.directive.ts

@@ -1,10 +0,0 @@
-/* eslint-disable @angular-eslint/directive-selector */
-import { Directive, HostBinding } from '@angular/core';
-
-@Directive({
-	standalone: true,
-	selector: '[flexGrid]'
-})
-export class FlexGridDirective {
-	@HostBinding('class') hostClass = 'grid p-fluid m-0 p-0';
-}

package/ui/lib/src/input/baseInput.ts

@@ -1,30 +0,0 @@
-import { inject } from '@angular/core';
-import { FormControlDirective, FormControlName, NgControl, NgModel } from '@angular/forms';
-
-import { TooltipOptions } from 'primeng/api';
-
-export abstract class BaseInputComponent {
-	ngControl = injectNgControl();
-
-	tooltipOptions: TooltipOptions = {
-		tooltipPosition: 'top',
-		tooltipEvent: 'focus',
-		tooltipStyleClass: 'tooltipErrorMessage'
-	};
-}
-
-export function injectNgControl() {
-	const ngControl = inject(NgControl, { self: true, optional: true });
-
-	if (!ngControl) throw new Error('NgModel or FormControlName or FormControlDirective is required');
-
-	if (
-		ngControl instanceof NgModel ||
-		ngControl instanceof FormControlName ||
-		ngControl instanceof FormControlDirective
-	) {
-		return ngControl;
-	}
-
-	throw new Error('Something went wrong in InjectNgControl');
-}

package/ui/lib/src/input/common-input-validators.service.ts

@@ -1,57 +0,0 @@
-import { Injectable } from '@angular/core';
-import { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';
-
-import 'aril/util/primitive-extensions';
-
-type DateRangeFormat = 'minute' | 'hour' | 'day' | 'month' | 'year';
-
-@Injectable({
-	providedIn: 'root'
-})
-export class CommonInputValidatorsService {
-	/**
-	 * @param sdCtrlName - name of the start date form control
-	 * @param edCtrlName - name of the end date form control
-	 * @param rangeValue - range between start and end date. Default value is 1
-	 * @param rangeFormat - format of the range. Default value is "day"
-	 */
-	dateRange(sdCtrlName: string, edCtrlName: string, rangeValue = 0, rangeFormat: DateRangeFormat = 'day'): ValidatorFn {
-		return (control: AbstractControl): ValidationErrors | null => {
-			const start: number = control.get(sdCtrlName)?.value;
-			const end: number = control.get(edCtrlName)?.value;
-
-			const startJSDate = start.longToDate();
-			const endJSDate = end.longToDate();
-
-			if (startJSDate && endJSDate) {
-				const isRangeValid = endJSDate.getTime() - startJSDate.getTime() > rangeValue;
-
-				return isRangeValid ? null : (
-						{ dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` }
-					);
-			}
-
-			return null;
-		};
-	}
-
-	/**
-	 * @description - pasword match vs.
-	 */
-	strictMatch(controlName: string, matchingControlName: string): ValidatorFn {
-		return (control: AbstractControl): ValidationErrors | null => {
-			const firstField = control.get(controlName);
-			const secondField = control.get(matchingControlName);
-
-			if (!firstField || !secondField) {
-				return null;
-			}
-
-			if (firstField.value !== secondField.value) {
-				return { strictMatch: `${controlName} and ${matchingControlName} do not match` };
-			}
-
-			return null;
-		};
-	}
-}

package/ui/lib/src/input/dx-input-error-message.pipe.ts

@@ -1,16 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Pipe, PipeTransform, inject } from '@angular/core';
-
-import { InputErrorMessagePipe } from './input-error-message.pipe';
-
-@Pipe({
-	standalone: true,
-	name: 'dxInputErrorMessage'
-})
-export class DXInputErrorMessagePipe implements PipeTransform {
-	errorMsgPipe = inject(InputErrorMessagePipe);
-
-	transform(value: any, ...args: any[]): { message: string } {
-		return { message: this.errorMsgPipe.transform(value, ...args) };
-	}
-}

package/ui/lib/src/input/input-disabled.directive.ts

@@ -1,15 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import { NgControl } from '@angular/forms';
-
-@Directive({
-	standalone: true,
-	selector: '[arilDisabled]'
-})
-export class InputDisabledDirective {
-	constructor(private ngControl: NgControl) {}
-
-	@Input() set arilDisabled(condition: boolean) {
-		const action = condition ? 'disable' : 'enable';
-		if (this.ngControl.control) this.ngControl.control[action]();
-	}
-}

package/ui/lib/src/input/input-error-message.pipe.ts

@@ -1,71 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-
-import { TranslocoService } from '@ngneat/transloco';
-
-@Pipe({
-	standalone: true,
-	name: 'inputErrorMessage'
-})
-export class InputErrorMessagePipe implements PipeTransform {
-	constructor(private translocoService: TranslocoService) {}
-
-	transform(value: any, ...args: any[]): string {
-		const control = args[0];
-		const errorKeys = Object.keys(control.errors || {});
-
-		if (errorKeys.length) {
-			const errorKey = errorKeys[0];
-			const errorValue = control.errors![errorKey];
-
-			switch (errorKey) {
-				case 'required':
-					return this.translocoService.translate('validations.required');
-
-				case 'min':
-					return `Minimum value is ${errorValue.min}`;
-
-				case 'max':
-					return `Maximum value is ${errorValue.max}`;
-
-				case 'minlength':
-					return `Minimum length is ${errorValue.requiredLength}`;
-
-				case 'maxlength':
-					return `Maximum length is ${errorValue.requiredLength}`;
-
-				case 'email':
-					return 'Invalid email';
-
-				case 'pattern':
-					return 'Invalid format';
-
-				case 'invalidIBAN':
-					if (control.errors['error'].invalidCodeLength)
-						return this.translocoService.translate('validations.invalidIBANLength');
-					else if (control.errors['error'].unsupportedCountry)
-						return this.translocoService.translate('validations.unsupportedCountry');
-					return this.translocoService.translate('validations.invalidIBAN');
-
-				case 'invalidTCKN':
-					return this.translocoService.translate('validations.invalidTCKN');
-
-				case 'minArrayLength':
-					return this.translocoService.translate('validations.minArrayLength', {
-						min: errorValue.requiredLength,
-						actual: errorValue.actualLength
-					});
-
-				case 'maxArrayLength':
-					return this.translocoService.translate('validations.maxArrayLength', {
-						max: errorValue.requiredLength,
-						actual: errorValue.actualLength
-					});
-
-				default:
-					return errorValue;
-			}
-		}
-
-		return '';
-	}
-}

package/ui/lib/src/input/input-transforms.ts

@@ -1,11 +0,0 @@
-import { PrimeIcons } from 'primeng/api';
-
-export type PrimeIcon = Exclude<keyof typeof PrimeIcons, 'prototype'>;
-export function iconTransform(icon: PrimeIcon): string {
-	return PrimeIcons[icon];
-}
-
-export type IconPosTypes = 'right' | 'left';
-export function iconPosTransform(pos: IconPosTypes): string {
-	return 'p-input-icon-' + pos;
-}

package/ui/lib/src/input/value-accessor.directive.ts

@@ -1,31 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { Directive} from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-
-@Directive({
-	standalone: true,
-	providers: [
-		{
-			provide: NG_VALUE_ACCESSOR,
-			multi: true,
-			useExisting: ValueAccessorDirective
-		}
-	]
-})
-export class ValueAccessorDirective implements ControlValueAccessor {
-
-	writeValue(obj: any): void {
-		return
-	}
-
-	registerOnChange(fn: any): void {
-		return;
-	}
-
-	registerOnTouched(fn: any): void {
-		return;
-	}
-
-}

package/ui/loader/ng-package.json

@@ -1,6 +0,0 @@
-{
-	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-	"lib": {
-		"entryFile": "./index.ts"
-	}
-}

package/ui/loader/src/loader.component.html

@@ -1,7 +0,0 @@
-  <div class="loader-container">
-    <p-progressSpinner
-    styleClass="w-5rem h-5rem" 
-    strokeWidth="3" 
-    animationDuration=".5s">
-  </p-progressSpinner>
-</div>

package/ui/loader/src/loader.component.scss

@@ -1,6 +0,0 @@
-.loader-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100% !important;
-}

package/ui/loader/src/loader.component.ts

@@ -1,14 +0,0 @@
-/* eslint-disable @angular-eslint/component-selector */
-import { Component } from '@angular/core';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-
-@Component({
-  standalone: true,
-  selector: 'aril-loader',
-  templateUrl: 'loader.component.html',
-  styleUrls: ['loader.component.scss'],
-  imports: [ProgressSpinnerModule],
-})
-
-export class LoaderComponent{
-}

package/ui/mask/ng-package.json

@@ -1,6 +0,0 @@
-{
-	"$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-	"lib": {
-		"entryFile": "./index.ts"
-	}
-}

package/ui/mask/src/mask.component.css

@@ -1,23 +0,0 @@
-.custom-tooltip {
-	position: absolute;
-	background-color: crimson;
-	color: white;
-	padding: 0.75rem 0.75rem;
-	border-radius: 6px;
-	z-index: 1001;
-	top: -107%;
-	left: 50%;
-	transform: translateX(-50%);
-	white-space: nowrap;
-}
-
-.custom-tooltip:before {
-	content: '';
-	position: absolute;
-	top: 100%;
-	left: 50%;
-	margin-left: -5px;
-	border-width: 3px;
-	border-style: solid;
-	border-color: var(--primary-color) transparent transparent transparent;
-}

package/ui/mask/src/mask.component.html

@@ -1,17 +0,0 @@
-<div style="position: relative" [ngStyle]="!usageInGrid ? { display: 'inline-block' } : {}">
-	<p-inputMask
-		[mask]="mask()"
-		[slotChar]="slotChar()"
-		[placeholder]="placeholder()"
-		[maxlength]="maxlength()"
-		[formControl]="ngControl.control"
-		(ngModelChange)="ngControl.viewToModelUpdate($event)"
-		(onFocus)="showTooltip = true"
-		(onBlur)="showTooltip = false">
-	</p-inputMask>
-	@if (ngControl.invalid && showTooltip) {
-		<div class="custom-tooltip tooltipErrorMessage">
-			{{ ngControl.control.value | inputErrorMessage: ngControl }}
-		</div>
-	}
-</div>