aril 0.0.46 → 0.0.48

package/project.json

@@ -1,39 +0,0 @@
-{
-	"$schema": "../../node_modules/nx/schemas/project-schema.json",
-	"name": "aril",
-	"projectType": "library",
-	"sourceRoot": "projects/aril/src",
-	"prefix": "aril",
-	"targets": {
-		"build": {
-			"executor": "@angular-devkit/build-angular:ng-packagr",
-			"options": {
-				"project": "projects/aril/ng-package.json"
-			},
-			"configurations": {
-				"production": {
-					"tsConfig": "projects/aril/tsconfig.lib.prod.json"
-				},
-				"development": {
-					"tsConfig": "projects/aril/tsconfig.lib.json"
-				}
-			},
-			"defaultConfiguration": "production",
-			"outputs": ["{workspaceRoot}/dist"]
-		},
-		"test": {
-			"executor": "@angular-devkit/build-angular:karma",
-			"options": {
-				"tsConfig": "projects/aril/tsconfig.spec.json",
-				"polyfills": ["zone.js", "zone.js/testing"]
-			}
-		},
-		"lint": {
-			"executor": "@angular-eslint/builder:lint",
-			"options": {
-				"lintFilePatterns": ["projects/aril/**/*.ts", "projects/aril/**/*.html"]
-			},
-			"outputs": ["{options.outputFile}"]
-		}
-	}
-}

package/tsconfig.lib.json

@@ -1,12 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-	"extends": "../../tsconfig.json",
-	"compilerOptions": {
-		"outDir": "../../out-tsc/lib",
-		"declaration": true,
-		"declarationMap": true,
-		"inlineSources": true,
-		"types": []
-	},
-	"exclude": ["**/*.spec.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-	"extends": "./tsconfig.lib.json",
-	"compilerOptions": {
-		"declarationMap": false
-	},
-	"angularCompilerOptions": {
-		"compilationMode": "partial"
-	}
-}

package/tsconfig.spec.json

@@ -1,9 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-	"extends": "../../tsconfig.json",
-	"compilerOptions": {
-		"outDir": "../../out-tsc/spec",
-		"types": ["jasmine"]
-	},
-	"include": ["**/*.spec.ts", "**/*.d.ts"]
-}

package/ui/autoComplete/ng-package.json

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

package/ui/autoComplete/src/auto-complete.component.html

@@ -1,11 +0,0 @@
-<p-autoComplete
-	[optionLabel]="optionLabel()"
-	[optionValue]="optionValue()!"
-	[placeholder]="placeholder()"
-	[forceSelection]="forceSelection()"
-	[delay]="400"
-	[suggestions]="filteredSelectionItems"
-	(completeMethod)="search($event)"
-	[formControl]="ngControl.control"
-	(ngModelChange)="ngControl.viewToModelUpdate($event)">
-</p-autoComplete>

package/ui/autoComplete/src/auto-complete.component.ts

@@ -1,92 +0,0 @@
-import { JsonPipe } from '@angular/common';
-import { HttpClient } from '@angular/common/http';
-import { Component, ViewChild, effect, input } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-
-import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
-
-import { firstValueFrom } from 'rxjs';
-
-import { API_CONFIGS } from 'aril/boot/config/api';
-import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
-
-import { SelectionItemRequestDTO, SuggestionsDTO } from './interfaces';
-
-@Component({
-	standalone: true,
-	selector: 'aril-auto-complete[formControl], aril-auto-complete[formControlName]',
-	templateUrl: './auto-complete.component.html',
-	imports: [ReactiveFormsModule, InputErrorMessagePipe, AutoCompleteModule, JsonPipe],
-	hostDirectives: [ValueAccessorDirective]
-})
-export class AutoCompleteComponent extends BaseInputComponent {
-	@ViewChild(AutoComplete) autoCompleteRef!: AutoComplete;
-
-	items = input<SuggestionsDTO[]>([]);
-	referenceAsset: any = input({});
-	placeholder = input<string>('Arama...');
-	forceSelection = input<boolean>(false);
-
-	optionValue = input<keyof SuggestionsDTO | null>(null);
-	optionLabel = input<keyof SuggestionsDTO>('text');
-
-	selectionItems!: SuggestionsDTO[];
-	filteredSelectionItems!: SuggestionsDTO[];
-
-	constructor(private http: HttpClient) {
-		super();
-		effect(() => {
-			if (this.referenceAsset()) this.getSelectionItems();
-		});
-	}
-
-	search(event: any) {
-		const query = event.query;
-		if (this.referenceAsset()) {
-			this.filteredSelectionItems = this.filterSelection(query, this.selectionItems);
-		}
-	}
-
-	filterSelection(query: string, selectionItems: SuggestionsDTO[]): SuggestionsDTO[] {
-		let filtered: SuggestionsDTO[] = [];
-		filtered = selectionItems.filter((selectionItem) => {
-			return selectionItem.text.toLowerCase().indexOf(query.toLowerCase()) == 0;
-		});
-		return filtered;
-	}
-
-	async getSelectionItems() {
-		const payload: SelectionItemRequestDTO = {
-			pager: {
-				pageSize: 100,
-				pageNumber: 1
-			},
-			asset: {
-				alias: 'cp',
-				assetDefinitionCode: this.referenceAsset().referringAssetCode
-			},
-			attributes: [
-				{
-					attribute: {
-						alias: 'cp',
-						attributeCode: this.referenceAsset().referringAttributeCode
-					}
-				}
-			]
-		};
-
-		const selectionGroup = await firstValueFrom(this.http.post<any>(API_CONFIGS.api + '/md/search', payload));
-
-		this.selectionItems = selectionGroup?.result.map((item: any) => ({
-			key: item.id,
-			text: String(item.attributes[0].value)
-		}));
-
-		const optionLabel = this.optionLabel();
-		const optionValue = this.optionValue();
-
-		const selectedItem = this.selectionItems?.find((item) => item.key === this.ngControl.value);
-
-		if (selectedItem) this.autoCompleteRef.writeValue(optionValue ? selectedItem[optionLabel] : selectedItem);
-	}
-}

package/ui/autoComplete/src/interfaces.ts

@@ -1,30 +0,0 @@
-
-export interface SuggestionsDTO {
-	key: number | string | null;
-	text: string;
-}
-
-export interface SelectionItemRequestDTO {
-	pager:      Pager;
-	asset:      Asset;
-	attributes: AttributeElement[];
-}
-
-export interface Asset {
-	alias:               string;
-	assetDefinitionCode: string;
-}
-
-export interface AttributeElement {
-	attribute: AttributeAttribute;
-}
-
-export interface AttributeAttribute {
-	alias:         string;
-	attributeCode: string;
-}
-
-export interface Pager {
-	pageSize:   number;
-	pageNumber: number;
-}

package/ui/badge/ng-package.json

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

package/ui/badge/src/badge.component.html

@@ -1,3 +0,0 @@
-<p-tag [icon]="icon()" [value]="value()" [severity]="severity()" [rounded]="rounded()">
-	<ng-content></ng-content>
-</p-tag>

package/ui/badge/src/badge.component.ts

@@ -1,19 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-import { TagModule } from 'primeng/tag';
-
-type Severity = 'success' | 'secondary' | 'info' | 'warning' | 'danger' | 'contrast' | undefined;
-
-@Component({
-	standalone: true,
-	selector: 'aril-badge',
-	templateUrl: './badge.component.html',
-	imports: [TagModule],
-	changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class BadgeComponent {
-	icon = input<string>();
-	value = input<string>();
-	severity = input.required<Severity>();
-	rounded = input<boolean>();
-}

package/ui/button/ng-package.json

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

package/ui/button/src/button.component.html

@@ -1,10 +0,0 @@
-<p-button
-	[label]="label()"
-	[badge]="badge()"
-	[icon]="_icon()"
-	iconPos="left"
-	[disabled]="disabled()"
-	[styleClass]="_styleClass()"
-	[loading]="loading()"
-	(onClick)="clickEvnt($event)">
-</p-button>

package/ui/button/src/button.component.ts

@@ -1,43 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Output, computed, input } from '@angular/core';
-
-import { ButtonModule } from 'primeng/button';
-
-import { PrimeIcon, iconTransform } from 'aril/ui/lib';
-
-type Size = 'sm' | 'md' | 'lg';
-type Colors = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'help' | 'danger';
-
-@Component({
-	standalone: true,
-	selector: 'aril-button:not([click])',
-	templateUrl: './button.component.html',
-	host: { id: Math.random().toString(36).substring(2) },
-	imports: [ButtonModule],
-	changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class ButtonComponent {
-	label = input<string>();
-	loading = input<boolean>(false);
-	disabled = input<boolean>(false);
-	raised = input<boolean>(true);
-	outlined = input<boolean>(false);
-	badge = input<string>();
-	size = input<Size>('sm');
-	icon = input<PrimeIcon>();
-	color = input.required<Colors>();
-
-	@Output() clickEvent: EventEmitter<Event> = new EventEmitter<Event>();
-
-	_icon = computed(() => iconTransform(this.icon()!));
-
-	_color = computed(() => `p-button-${this.color()}`);
-
-	_styleClass = computed(() => {
-		return `${this.raised() ? `p-button-raised` : ''} ${this.outlined() ? `p-button-outlined` : ''} ${this.size() ? `p-button-${this.size()}` : ''} ${this._color()}`;
-	});
-
-	clickEvnt(e: Event) {
-		e.stopPropagation();
-		this.clickEvent.emit(e);
-	}
-}

package/ui/button/src/split-button.component.html

@@ -1,2 +0,0 @@
-<p-splitButton [label]="label()" [icon]="_icon()" [styleClass]="_styleClass()" [model]="menu()" [disabled]="disabled()">
-</p-splitButton>

package/ui/button/src/split-button.component.ts

@@ -1,17 +0,0 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-import { MenuItem } from 'primeng/api';
-import { SplitButtonModule } from 'primeng/splitbutton';
-
-import { ButtonComponent } from './button.component';
-
-@Component({
-	standalone: true,
-	selector: 'aril-split-button',
-	templateUrl: './split-button.component.html',
-	imports: [SplitButtonModule],
-	changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class SplitButtonComponent extends ButtonComponent {
-	menu = input.required<MenuItem[]>();
-}

package/ui/calendar/ng-package.json

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

package/ui/calendar/src/calendar.component.html

@@ -1,31 +0,0 @@
-<div [ngClass]="{ invalidCalendar: ngControl.dirty && ngControl.invalid }">
-	<p-calendar
-		[showIcon]="true"
-		[dateFormat]="_dateFormat()"
-		[showButtonBar]="true"
-		[minDate]="_minJSDate()"
-		[maxDate]="_maxJSDate()"
-		[tabindex]="tabindex()"
-		[disabledDates]="_selectedDisabledDates()"
-		[selectionMode]="selectionMode()"
-		[disabled]="ngControl.control.disabled"
-		[readonlyInput]="false"
-		[showTime]="showTime()"
-		[showSeconds]="showSeconds()"
-		[inline]="inline()"
-		[showWeek]="showWeek()"
-		[showOnFocus]="showOnFocus()"
-		[firstDayOfWeek]="1"
-		[pTooltip]="ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''"
-		[tooltipOptions]="tooltipOptions"
-		[(ngModel)]="model"
-		(ngModelChange)="ngControl.viewToModelUpdate($event); setFormCtrl($event)"
-		appendTo="body">
-		<ng-template pTemplate="header">
-			<ng-content select="[header]"></ng-content>
-		</ng-template>
-		<ng-template pTemplate="footer">
-			<ng-content select="[footer]"></ng-content>
-		</ng-template>
-	</p-calendar>
-</div>

package/ui/calendar/src/calendar.component.ts

@@ -1,136 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-/* TODO
-    1. Adjust different color or background for weekends
-*/
-import { NgClass } from '@angular/common';
-import { OnInit, runInInjectionContext } from '@angular/core';
-import { AfterViewInit, Component, Injector, computed, inject, input } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-
-import { PrimeNGConfig } from 'primeng/api';
-import { CalendarModule } from 'primeng/calendar';
-import { TooltipModule } from 'primeng/tooltip';
-
-import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
-import 'aril/util/primitive-extensions';
-
-type View = 'date' | 'month' | 'year';
-type SelectionMode = 'single' | 'multiple' | 'range';
-
-@Component({
-	standalone: true,
-	selector: 'aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]',
-	templateUrl: './calendar.component.html',
-	imports: [ReactiveFormsModule, FormsModule, NgClass, CalendarModule, TooltipModule, InputErrorMessagePipe],
-	hostDirectives: [ValueAccessorDirective],
-	styles: '.invalidCalendar { border:1px solid #e24c4c;border-radius: 6px; }'
-})
-export class CalendarComponent extends BaseInputComponent implements OnInit, AfterViewInit {
-	constructor(private primeNgConfig: PrimeNGConfig) {
-		super();
-		this.setLocale();
-	}
-
-	private readonly injector = inject(Injector);
-
-	ngOnInit(): void {
-		if (typeof this.ngControl?.control?.value === 'number') 
-			this.model = this.ngControl?.control?.value?.longToDate();
-	}
-
-	ngAfterViewInit(): void {
-		runInInjectionContext(this.injector, () => {
-			this.ngControl?.control?.valueChanges?.pipe(takeUntilDestroyed()).subscribe((value: number) => {
-				if (Number(value)) {
-					const currentDate = this.model || new Date();
-					currentDate.setTime(value);
-					this.model = currentDate;
-				}
-			});
-		});
-	}
-
-	setFormCtrl(value: Date) {
-		this.ngControl?.control?.setValue(value?.getTime());
-	}
-
-	model!: Date | undefined;
-
-	minDate = input<number>();
-	maxDate = input<number>();
-	inline = input<boolean>(false);
-	showIcon = input<boolean>(false);
-	showTime = input<boolean>(false);
-	showWeek = input<boolean>(false);
-	showSeconds = input<boolean>(false);
-	disabledDates = input<number[]>([]);
-	view = input<View>('date');
-	selectionMode = input<SelectionMode>('single');
-	tabindex = input<number>();
-
-	showOnFocus= input<boolean>(false);
-
-	_minJSDate = computed(() => {
-		return this.minDate()?.longToDate() as Date;
-	});
-
-	_maxJSDate = computed(() => {
-		return this.maxDate()?.longToDate() as Date;
-	});
-
-	_selectedDisabledDates = computed(() => {
-		return this.disabledDates()?.map((value: number) => value.longToDate() as Date);
-	});
-
-	_dateFormat = computed(() => {
-		switch (this.view()) {
-			case 'month':
-				return 'MM/yy';
-			case 'year':
-				return 'yy';
-			default:
-				return 'dd/MM/yy';
-		}
-	});
-
-	// isWeekend(date: any): boolean {
-	//   if (!date) {
-	//     return false;
-	//   }
-
-	//   if (this.view == 'date') {
-	//     const dayOfWeek = date.getDay();
-	//     return dayOfWeek === 5 || dayOfWeek === 6;
-	//   }
-	// }
-
-	setLocale() {
-		this.primeNgConfig.setTranslation({
-			firstDayOfWeek: 0,
-			dayNames: ['Pazar','Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],
-			dayNamesMin: ['Pzr','Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],
-			dayNamesShort: ['Pzr', 'Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],
-			monthNames: [
-				'Ocak',
-				'Şubat',
-				'Mart',
-				'Nisan',
-				'Mayıs',
-				'Haziran',
-				'Temmuz',
-				'Ağustos',
-				'Eylül',
-				'Ekim',
-				'Kasım',
-				'Aralık'
-			],
-			monthNamesShort: ['Oca', 'Şub', 'Mar', 'Nis', 'May', 'Haz', 'Tem', 'Ağu', 'Eyl', 'Eki', 'Kas', 'Ara'],
-			today: 'Bugün',
-			clear: 'Temizle',
-			dateFormat: 'dd/mm/yy',
-			weekHeader: 'Hafta'
-		});
-	}
-}

package/ui/checkbox/ng-package.json

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

package/ui/checkbox/src/check-box.component.html

@@ -1,9 +0,0 @@
-<p-checkbox
-	[label]="label()"
-	[tabindex]="tabindex()"
-	[binary]="true"
-	[pTooltip]="ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''"
-	[tooltipOptions]="tooltipOptions"
-	[formControl]="ngControl.control"
-	(ngModelChange)="ngControl.viewToModelUpdate($event)">
-</p-checkbox>

package/ui/checkbox/src/check-box.component.ts

@@ -1,19 +0,0 @@
-import { Component, input } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-
-import { CheckboxModule } from 'primeng/checkbox';
-import { TooltipModule } from 'primeng/tooltip';
-
-import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
-
-@Component({
-	standalone: true,
-	selector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',
-	templateUrl: './check-box.component.html',
-	imports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],
-	hostDirectives: [ValueAccessorDirective]
-})
-export class CheckboxComponent extends BaseInputComponent {
-	label = input.required<string>();
-	tabindex = input<number>();
-}

package/ui/checkbox/src/tri-state-checkbox.component.html

@@ -1,7 +0,0 @@
-<p-triStateCheckbox
-	[label]="label()"
-	[pTooltip]="ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''"
-	[tooltipOptions]="tooltipOptions"
-	[formControl]="ngControl.control"
-	(ngModelChange)="ngControl.viewToModelUpdate($event)">
-</p-triStateCheckbox>

package/ui/checkbox/src/tri-state-checkbox.component.ts

@@ -1,20 +0,0 @@
-import { Component, input } from '@angular/core';
-import { ReactiveFormsModule } from '@angular/forms';
-
-import { TooltipModule } from 'primeng/tooltip';
-import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
-
-import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
-
-@Component({
-	standalone: true,
-	selector:
-		'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',
-	templateUrl: './tri-state-checkbox.component.html',
-	imports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],
-	hostDirectives: [ValueAccessorDirective]
-})
-export class TriStateCheckboxComponent extends BaseInputComponent {
-	label = input.required<string>();
-	tabindex = input<number>();
-}

package/ui/dxField/ng-package.json

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

package/ui/dxField/src/dx-field.component.html

@@ -1,8 +0,0 @@
-<div class="dx-field">
-	<div class="dx-field-label font-bold" [ngStyle]="{ color: color(), width: labelWidth() + '%' }">
-		{{ label() }}
-	</div>
-	<div class="dx-field-value" [ngStyle]="{ width: valueWidth() + '%' }">
-		<ng-content></ng-content>
-	</div>
-</div>

package/ui/dxField/src/dx-field.component.ts

@@ -1,16 +0,0 @@
-import { NgStyle } from '@angular/common';
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
-
-@Component({
-	standalone: true,
-	selector: 'aril-dx-field',
-	templateUrl: './dx-field.component.html',
-	imports: [NgStyle],
-	changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class DxFieldComponent {
-	label = input<string>();
-	color = input<string>('#333');
-	labelWidth = input<number>(30);
-	valueWidth = input<number>(70);
-}

package/ui/field/ng-package.json

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

package/ui/field/src/field.component.html

@@ -1,22 +0,0 @@
-<ng-template #content>
-	@if (label() && labelPos() === 'top') {
-		<div class="mb-1">
-			<span class="font-bold">
-				@if (markAsRequired()) {
-					*
-				}
-				{{ label() }}
-			</span>
-		</div>
-	}
-	<ng-content></ng-content>
-</ng-template>
-
-<aril-dx-field
-	*ngIf="labelPos() === 'left'; else content"
-	[label]="label()"
-	[color]="color()"
-	[labelWidth]="labelWidth()"
-	[valueWidth]="valueWidth()">
-	<ng-container *ngTemplateOutlet="content"></ng-container>
-</aril-dx-field>