aril 0.0.46 → 0.0.48

package/fesm2022/aril-ui-calendar.mjs

@@ -0,0 +1,125 @@
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injector, input, computed, runInInjectionContext, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule } from '@angular/forms';
+import * as i4 from 'primeng/calendar';
+import { CalendarModule } from 'primeng/calendar';
+import * as i5 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i2 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+import 'aril/util/primitive-extensions';
+import * as i1 from 'primeng/api';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* TODO
+    1. Adjust different color or background for weekends
+*/
+class CalendarComponent extends BaseInputComponent {
+    constructor(primeNgConfig) {
+        super();
+        this.primeNgConfig = primeNgConfig;
+        this.injector = inject(Injector);
+        this.minDate = input();
+        this.maxDate = input();
+        this.inline = input(false);
+        this.showIcon = input(false);
+        this.showTime = input(false);
+        this.showWeek = input(false);
+        this.showSeconds = input(false);
+        this.disabledDates = input([]);
+        this.view = input('date');
+        this.selectionMode = input('single');
+        this.tabindex = input();
+        this.showOnFocus = input(false);
+        this._minJSDate = computed(() => {
+            return this.minDate()?.longToDate();
+        });
+        this._maxJSDate = computed(() => {
+            return this.maxDate()?.longToDate();
+        });
+        this._selectedDisabledDates = computed(() => {
+            return this.disabledDates()?.map((value) => value.longToDate());
+        });
+        this._dateFormat = computed(() => {
+            switch (this.view()) {
+                case 'month':
+                    return 'MM/yy';
+                case 'year':
+                    return 'yy';
+                default:
+                    return 'dd/MM/yy';
+            }
+        });
+        this.setLocale();
+    }
+    ngOnInit() {
+        if (typeof this.ngControl?.control?.value === 'number')
+            this.model = this.ngControl?.control?.value?.longToDate();
+    }
+    ngAfterViewInit() {
+        runInInjectionContext(this.injector, () => {
+            this.ngControl?.control?.valueChanges?.pipe(takeUntilDestroyed()).subscribe((value) => {
+                if (Number(value)) {
+                    const currentDate = this.model || new Date();
+                    currentDate.setTime(value);
+                    this.model = currentDate;
+                }
+            });
+        });
+    }
+    setFormCtrl(value) {
+        this.ngControl?.control?.setValue(value?.getTime());
+    }
+    // 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'
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: CalendarComponent, isStandalone: true, selector: "aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]", inputs: { minDate: { classPropertyName: "minDate", publicName: "minDate", isSignal: true, isRequired: false, transformFunction: null }, maxDate: { classPropertyName: "maxDate", publicName: "maxDate", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, showWeek: { classPropertyName: "showWeek", publicName: "showWeek", isSignal: true, isRequired: false, transformFunction: null }, showSeconds: { classPropertyName: "showSeconds", publicName: "showSeconds", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, showOnFocus: { classPropertyName: "showOnFocus", publicName: "showOnFocus", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i2.ValueAccessorDirective }], ngImport: i0, template: "<div [ngClass]=\"{ invalidCalendar: ngControl.dirty && ngControl.invalid }\">\r\n\t<p-calendar\r\n\t\t[showIcon]=\"true\"\r\n\t\t[dateFormat]=\"_dateFormat()\"\r\n\t\t[showButtonBar]=\"true\"\r\n\t\t[minDate]=\"_minJSDate()\"\r\n\t\t[maxDate]=\"_maxJSDate()\"\r\n\t\t[tabindex]=\"tabindex()\"\r\n\t\t[disabledDates]=\"_selectedDisabledDates()\"\r\n\t\t[selectionMode]=\"selectionMode()\"\r\n\t\t[disabled]=\"ngControl.control.disabled\"\r\n\t\t[readonlyInput]=\"false\"\r\n\t\t[showTime]=\"showTime()\"\r\n\t\t[showSeconds]=\"showSeconds()\"\r\n\t\t[inline]=\"inline()\"\r\n\t\t[showWeek]=\"showWeek()\"\r\n\t\t[showOnFocus]=\"showOnFocus()\"\r\n\t\t[firstDayOfWeek]=\"1\"\r\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[(ngModel)]=\"model\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event); setFormCtrl($event)\"\r\n\t\tappendTo=\"body\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t</p-calendar>\r\n</div>\r\n", styles: [".invalidCalendar{border:1px solid #e24c4c;border-radius:6px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i4.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CalendarComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]', imports: [ReactiveFormsModule, FormsModule, NgClass, CalendarModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<div [ngClass]=\"{ invalidCalendar: ngControl.dirty && ngControl.invalid }\">\r\n\t<p-calendar\r\n\t\t[showIcon]=\"true\"\r\n\t\t[dateFormat]=\"_dateFormat()\"\r\n\t\t[showButtonBar]=\"true\"\r\n\t\t[minDate]=\"_minJSDate()\"\r\n\t\t[maxDate]=\"_maxJSDate()\"\r\n\t\t[tabindex]=\"tabindex()\"\r\n\t\t[disabledDates]=\"_selectedDisabledDates()\"\r\n\t\t[selectionMode]=\"selectionMode()\"\r\n\t\t[disabled]=\"ngControl.control.disabled\"\r\n\t\t[readonlyInput]=\"false\"\r\n\t\t[showTime]=\"showTime()\"\r\n\t\t[showSeconds]=\"showSeconds()\"\r\n\t\t[inline]=\"inline()\"\r\n\t\t[showWeek]=\"showWeek()\"\r\n\t\t[showOnFocus]=\"showOnFocus()\"\r\n\t\t[firstDayOfWeek]=\"1\"\r\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[(ngModel)]=\"model\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event); setFormCtrl($event)\"\r\n\t\tappendTo=\"body\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t</p-calendar>\r\n</div>\r\n", styles: [".invalidCalendar{border:1px solid #e24c4c;border-radius:6px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.PrimeNGConfig }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CalendarComponent };
+//# sourceMappingURL=aril-ui-calendar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-calendar.mjs","sources":["../../projects/aril/ui/calendar/src/calendar.component.ts","../../projects/aril/ui/calendar/src/calendar.component.html","../../projects/aril/ui/calendar/aril-ui-calendar.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\n/* TODO\r\n    1. Adjust different color or background for weekends\r\n*/\r\nimport { NgClass } from '@angular/common';\r\nimport { OnInit, runInInjectionContext } from '@angular/core';\r\nimport { AfterViewInit, Component, Injector, computed, inject, input } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { PrimeNGConfig } from 'primeng/api';\r\nimport { CalendarModule } from 'primeng/calendar';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport 'aril/util/primitive-extensions';\r\n\r\ntype View = 'date' | 'month' | 'year';\r\ntype SelectionMode = 'single' | 'multiple' | 'range';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-calendar[ngModel], aril-calendar[formControl], aril-calendar[formControlName]',\r\n\ttemplateUrl: './calendar.component.html',\r\n\timports: [ReactiveFormsModule, FormsModule, NgClass, CalendarModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tstyles: '.invalidCalendar { border:1px solid #e24c4c;border-radius: 6px; }'\r\n})\r\nexport class CalendarComponent extends BaseInputComponent implements OnInit, AfterViewInit {\r\n\tconstructor(private primeNgConfig: PrimeNGConfig) {\r\n\t\tsuper();\r\n\t\tthis.setLocale();\r\n\t}\r\n\r\n\tprivate readonly injector = inject(Injector);\r\n\r\n\tngOnInit(): void {\r\n\t\tif (typeof this.ngControl?.control?.value === 'number') \r\n\t\t\tthis.model = this.ngControl?.control?.value?.longToDate();\r\n\t}\r\n\r\n\tngAfterViewInit(): void {\r\n\t\trunInInjectionContext(this.injector, () => {\r\n\t\t\tthis.ngControl?.control?.valueChanges?.pipe(takeUntilDestroyed()).subscribe((value: number) => {\r\n\t\t\t\tif (Number(value)) {\r\n\t\t\t\t\tconst currentDate = this.model || new Date();\r\n\t\t\t\t\tcurrentDate.setTime(value);\r\n\t\t\t\t\tthis.model = currentDate;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\r\n\tsetFormCtrl(value: Date) {\r\n\t\tthis.ngControl?.control?.setValue(value?.getTime());\r\n\t}\r\n\r\n\tmodel!: Date | undefined;\r\n\r\n\tminDate = input<number>();\r\n\tmaxDate = input<number>();\r\n\tinline = input<boolean>(false);\r\n\tshowIcon = input<boolean>(false);\r\n\tshowTime = input<boolean>(false);\r\n\tshowWeek = input<boolean>(false);\r\n\tshowSeconds = input<boolean>(false);\r\n\tdisabledDates = input<number[]>([]);\r\n\tview = input<View>('date');\r\n\tselectionMode = input<SelectionMode>('single');\r\n\ttabindex = input<number>();\r\n\r\n\tshowOnFocus= input<boolean>(false);\r\n\r\n\t_minJSDate = computed(() => {\r\n\t\treturn this.minDate()?.longToDate() as Date;\r\n\t});\r\n\r\n\t_maxJSDate = computed(() => {\r\n\t\treturn this.maxDate()?.longToDate() as Date;\r\n\t});\r\n\r\n\t_selectedDisabledDates = computed(() => {\r\n\t\treturn this.disabledDates()?.map((value: number) => value.longToDate() as Date);\r\n\t});\r\n\r\n\t_dateFormat = computed(() => {\r\n\t\tswitch (this.view()) {\r\n\t\t\tcase 'month':\r\n\t\t\t\treturn 'MM/yy';\r\n\t\t\tcase 'year':\r\n\t\t\t\treturn 'yy';\r\n\t\t\tdefault:\r\n\t\t\t\treturn 'dd/MM/yy';\r\n\t\t}\r\n\t});\r\n\r\n\t// isWeekend(date: any): boolean {\r\n\t//   if (!date) {\r\n\t//     return false;\r\n\t//   }\r\n\r\n\t//   if (this.view == 'date') {\r\n\t//     const dayOfWeek = date.getDay();\r\n\t//     return dayOfWeek === 5 || dayOfWeek === 6;\r\n\t//   }\r\n\t// }\r\n\r\n\tsetLocale() {\r\n\t\tthis.primeNgConfig.setTranslation({\r\n\t\t\tfirstDayOfWeek: 0,\r\n\t\t\tdayNames: ['Pazar','Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],\r\n\t\t\tdayNamesMin: ['Pzr','Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],\r\n\t\t\tdayNamesShort: ['Pzr', 'Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],\r\n\t\t\tmonthNames: [\r\n\t\t\t\t'Ocak',\r\n\t\t\t\t'Şubat',\r\n\t\t\t\t'Mart',\r\n\t\t\t\t'Nisan',\r\n\t\t\t\t'Mayıs',\r\n\t\t\t\t'Haziran',\r\n\t\t\t\t'Temmuz',\r\n\t\t\t\t'Ağustos',\r\n\t\t\t\t'Eylül',\r\n\t\t\t\t'Ekim',\r\n\t\t\t\t'Kasım',\r\n\t\t\t\t'Aralık'\r\n\t\t\t],\r\n\t\t\tmonthNamesShort: ['Oca', 'Şub', 'Mar', 'Nis', 'May', 'Haz', 'Tem', 'Ağu', 'Eyl', 'Eki', 'Kas', 'Ara'],\r\n\t\t\ttoday: 'Bugün',\r\n\t\t\tclear: 'Temizle',\r\n\t\t\tdateFormat: 'dd/mm/yy',\r\n\t\t\tweekHeader: 'Hafta'\r\n\t\t});\r\n\t}\r\n}\r\n","<div [ngClass]=\"{ invalidCalendar: ngControl.dirty && ngControl.invalid }\">\r\n\t<p-calendar\r\n\t\t[showIcon]=\"true\"\r\n\t\t[dateFormat]=\"_dateFormat()\"\r\n\t\t[showButtonBar]=\"true\"\r\n\t\t[minDate]=\"_minJSDate()\"\r\n\t\t[maxDate]=\"_maxJSDate()\"\r\n\t\t[tabindex]=\"tabindex()\"\r\n\t\t[disabledDates]=\"_selectedDisabledDates()\"\r\n\t\t[selectionMode]=\"selectionMode()\"\r\n\t\t[disabled]=\"ngControl.control.disabled\"\r\n\t\t[readonlyInput]=\"false\"\r\n\t\t[showTime]=\"showTime()\"\r\n\t\t[showSeconds]=\"showSeconds()\"\r\n\t\t[inline]=\"inline()\"\r\n\t\t[showWeek]=\"showWeek()\"\r\n\t\t[showOnFocus]=\"showOnFocus()\"\r\n\t\t[firstDayOfWeek]=\"1\"\r\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[(ngModel)]=\"model\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event); setFormCtrl($event)\"\r\n\t\tappendTo=\"body\">\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t</p-calendar>\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-checkbox.mjs

@@ -0,0 +1,47 @@
+import * as i0 from '@angular/core';
+import { input, Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'primeng/checkbox';
+import { CheckboxModule } from 'primeng/checkbox';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+import * as i3$1 from 'primeng/tristatecheckbox';
+import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
+
+class CheckboxComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.label = input.required();
+        this.tabindex = input();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: CheckboxComponent, isStandalone: true, selector: "aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-checkbox\r\n\t[label]=\"label()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]', imports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-checkbox\r\n\t[label]=\"label()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\n" }]
+        }] });
+
+class TriStateCheckboxComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.label = input.required();
+        this.tabindex = input();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TriStateCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TriStateCheckboxComponent, isStandalone: true, selector: "aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-triStateCheckbox\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i3$1.TriStateCheckbox, selector: "p-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TriStateCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]', imports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-triStateCheckbox\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckboxComponent, TriStateCheckboxComponent };
+//# sourceMappingURL=aril-ui-checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-checkbox.mjs","sources":["../../projects/aril/ui/checkbox/src/check-box.component.ts","../../projects/aril/ui/checkbox/src/check-box.component.html","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.ts","../../projects/aril/ui/checkbox/src/tri-state-checkbox.component.html","../../projects/aril/ui/checkbox/aril-ui-checkbox.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { CheckboxModule } from 'primeng/checkbox';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-checkbox[ngModel], aril-checkbox[formControl], aril-checkbox[formControlName]',\r\n\ttemplateUrl: './check-box.component.html',\r\n\timports: [ReactiveFormsModule, CheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class CheckboxComponent extends BaseInputComponent {\r\n\tlabel = input.required<string>();\r\n\ttabindex = input<number>();\r\n}\r\n","<p-checkbox\r\n\t[label]=\"label()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[binary]=\"true\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-checkbox>\r\n","import { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { TriStateCheckboxModule } from 'primeng/tristatecheckbox';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector:\r\n\t\t'aril-tri-state-checkbox[ngModel], aril-tri-state-checkbox[formControl], aril-tri-state-checkbox[formControlName]',\r\n\ttemplateUrl: './tri-state-checkbox.component.html',\r\n\timports: [ReactiveFormsModule, TriStateCheckboxModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class TriStateCheckboxComponent extends BaseInputComponent {\r\n\tlabel = input.required<string>();\r\n\ttabindex = input<number>();\r\n}\r\n","<p-triStateCheckbox\r\n\t[label]=\"label()\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-triStateCheckbox>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3"],"mappings":"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"}

package/fesm2022/aril-ui-dxField.mjs

@@ -0,0 +1,25 @@
+import { NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+
+class DxFieldComponent {
+    constructor() {
+        this.label = input();
+        this.color = input('#333');
+        this.labelWidth = input(30);
+        this.valueWidth = input(70);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"dx-field\">\r\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color(), width: labelWidth() + '%' }\">\r\n\t\t{{ label() }}\r\n\t</div>\r\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dx-field\">\r\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color(), width: labelWidth() + '%' }\">\r\n\t\t{{ label() }}\r\n\t</div>\r\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DxFieldComponent };
+//# sourceMappingURL=aril-ui-dxField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-dxField.mjs","sources":["../../projects/aril/ui/dxField/src/dx-field.component.ts","../../projects/aril/ui/dxField/src/dx-field.component.html","../../projects/aril/ui/dxField/aril-ui-dxField.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-field',\r\n\ttemplateUrl: './dx-field.component.html',\r\n\timports: [NgStyle],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxFieldComponent {\r\n\tlabel = input<string>();\r\n\tcolor = input<string>('#333');\r\n\tlabelWidth = input<number>(30);\r\n\tvalueWidth = input<number>(70);\r\n}\r\n","<div class=\"dx-field\">\r\n\t<div class=\"dx-field-label font-bold\" [ngStyle]=\"{ color: color(), width: labelWidth() + '%' }\">\r\n\t\t{{ label() }}\r\n\t</div>\r\n\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQC,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,KAAA;8GALY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,gTAQA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,eAAe,EAEhB,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,gTAAA,EAAA,CAAA;;;AERhD;;AAEG;;;;"}

package/fesm2022/aril-ui-field.mjs

@@ -0,0 +1,46 @@
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, effect, Component, ChangeDetectionStrategy, HostBinding } from '@angular/core';
+import { DxFieldComponent } from 'aril/ui/dxField';
+
+class FieldComponent {
+    constructor() {
+        this.label = input();
+        this.color = input('#333');
+        this.labelWidth = input(30);
+        this.valueWidth = input(70);
+        this.labelPos = input('top');
+        this.markAsRequired = input(false);
+        this.cols = input.required({});
+        this.hostClass = '';
+        this.padding = '.5rem';
+        effect(() => {
+            if (this.cols()) {
+                this.hostClass = Object.entries(this.cols()).reduce((acc, [key, value]) => {
+                    if (key === 'default')
+                        return `${acc} col-${value}`;
+                    return `${acc} ${key}:col-${value}`;
+                }, '');
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FieldComponent, isStandalone: true, selector: "aril-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null }, labelPos: { classPropertyName: "labelPos", publicName: "labelPos", isSignal: true, isRequired: false, transformFunction: null }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "this.hostClass", "style.padding": "this.padding" } }, ngImport: i0, template: "<ng-template #content>\r\n\t@if (label() && labelPos() === 'top') {\r\n\t\t<div class=\"mb-1\">\r\n\t\t\t<span class=\"font-bold\">\r\n\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t*\r\n\t\t\t\t}\r\n\t\t\t\t{{ label() }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t}\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n\r\n<aril-dx-field\r\n\t*ngIf=\"labelPos() === 'left'; else content\"\r\n\t[label]=\"label()\"\r\n\t[color]=\"color()\"\r\n\t[labelWidth]=\"labelWidth()\"\r\n\t[valueWidth]=\"valueWidth()\">\r\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</aril-dx-field>\r\n", dependencies: [{ kind: "component", type: DxFieldComponent, selector: "aril-dx-field", inputs: ["label", "color", "labelWidth", "valueWidth"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-field', imports: [DxFieldComponent, NgIf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\r\n\t@if (label() && labelPos() === 'top') {\r\n\t\t<div class=\"mb-1\">\r\n\t\t\t<span class=\"font-bold\">\r\n\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t*\r\n\t\t\t\t}\r\n\t\t\t\t{{ label() }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t}\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n\r\n<aril-dx-field\r\n\t*ngIf=\"labelPos() === 'left'; else content\"\r\n\t[label]=\"label()\"\r\n\t[color]=\"color()\"\r\n\t[labelWidth]=\"labelWidth()\"\r\n\t[valueWidth]=\"valueWidth()\">\r\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</aril-dx-field>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], padding: [{
+                type: HostBinding,
+                args: ['style.padding']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FieldComponent };
+//# sourceMappingURL=aril-ui-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-field.mjs","sources":["../../projects/aril/ui/field/src/field.component.ts","../../projects/aril/ui/field/src/field.component.html","../../projects/aril/ui/field/aril-ui-field.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, HostBinding, effect, input } from '@angular/core';\r\n\r\nimport { DxFieldComponent } from 'aril/ui/dxField';\r\nimport { Types } from 'aril/util/lib';\r\n\r\ntype LabelPositions = 'top' | 'left';\r\n\r\ninterface ColumnSizeTypes {\r\n\txl?: Types.NumberRange<1, 13>;\r\n\tlg?: Types.NumberRange<1, 13>;\r\n\tmd?: Types.NumberRange<1, 13>;\r\n\tsm?: Types.NumberRange<1, 13>;\r\n\tdefault?: Types.NumberRange<1, 13>;\r\n}\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-field',\r\n\ttemplateUrl: './field.component.html',\r\n\timports: [DxFieldComponent, NgIf, NgTemplateOutlet],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FieldComponent {\r\n\tconstructor() {\r\n\t\teffect(() => {\r\n\t\t\tif (this.cols()) {\r\n\t\t\t\tthis.hostClass = Object.entries(this.cols()).reduce((acc, [key, value]) => {\r\n\t\t\t\t\tif (key === 'default') return `${acc} col-${value}`;\r\n\t\t\t\t\treturn `${acc} ${key}:col-${value}`;\r\n\t\t\t\t}, '');\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tlabel = input<string>();\r\n\tcolor = input<string>('#333');\r\n\tlabelWidth = input<number>(30);\r\n\tvalueWidth = input<number>(70);\r\n\tlabelPos = input<LabelPositions>('top');\r\n\tmarkAsRequired = input<boolean>(false);\r\n\tcols = input.required<ColumnSizeTypes>({});\r\n\r\n\t@HostBinding('class') hostClass = '';\r\n\t@HostBinding('style.padding') padding = '.5rem';\r\n}\r\n","<ng-template #content>\r\n\t@if (label() && labelPos() === 'top') {\r\n\t\t<div class=\"mb-1\">\r\n\t\t\t<span class=\"font-bold\">\r\n\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t*\r\n\t\t\t\t}\r\n\t\t\t\t{{ label() }}\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t}\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n\r\n<aril-dx-field\r\n\t*ngIf=\"labelPos() === 'left'; else content\"\r\n\t[label]=\"label()\"\r\n\t[color]=\"color()\"\r\n\t[labelWidth]=\"labelWidth()\"\r\n\t[valueWidth]=\"valueWidth()\">\r\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</aril-dx-field>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAuBa,cAAc,CAAA;AAC1B,IAAA,WAAA,GAAA;QAWA,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAiB,KAAK,CAAC,CAAC;AACxC,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACvC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAkB,EAAE,CAAC,CAAC;QAErB,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QACP,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;QAnB/C,MAAM,CAAC,MAAK;AACX,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;oBACzE,IAAI,GAAG,KAAK,SAAS;AAAE,wBAAA,OAAO,CAAG,EAAA,GAAG,CAAQ,KAAA,EAAA,KAAK,EAAE,CAAC;AACpD,oBAAA,OAAO,GAAG,GAAG,CAAA,CAAA,EAAI,GAAG,CAAQ,KAAA,EAAA,KAAK,EAAE,CAAC;iBACpC,EAAE,EAAE,CAAC,CAAC;aACP;AACF,SAAC,CAAC,CAAC;KACH;8GAVW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,8iCCvB3B,glBAsBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFW,gBAAgB,EAAE,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,6FAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGtC,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEb,OAAA,EAAA,CAAC,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,CAAC,EAClC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,glBAAA,EAAA,CAAA;wDAsBzB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACU,OAAO,EAAA,CAAA;sBAApC,WAAW;uBAAC,eAAe,CAAA;;;AE5C7B;;AAEG;;;;"}

package/fesm2022/aril-ui-fileUpload.mjs

@@ -0,0 +1,68 @@
+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 i2 from 'primeng/fileupload';
+import { FileUploadModule } from 'primeng/fileupload';
+
+class FileUploadComponent {
+    constructor(messageService) {
+        this.messageService = messageService;
+        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.cancelLabel = input('Temizle');
+        this.chooseLabel = input('Dosya Seç');
+        this.uploadLabel = input('Dosya Yükle');
+        this.invalidFileTypeMessageSummary = input('Geçersiz dosya türü');
+        this.invalidFileTypeMessageDetail = input('Seçilen dosya türü desteklenmiyor.');
+        this.invalidFileSizeMessageSummary = input('Dosya boyutu çok büyük');
+        this.invalidFileSizeMessageDetail = input('Dosya boyutu izin verilen maksimum boyuttan daha büyük.');
+        this.beforeSend = new EventEmitter();
+        this.upload = 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.' });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.MessageService }], 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 }, cancelLabel: { classPropertyName: "cancelLabel", publicName: "cancelLabel", isSignal: true, isRequired: false, transformFunction: null }, chooseLabel: { classPropertyName: "chooseLabel", publicName: "chooseLabel", isSignal: true, isRequired: false, transformFunction: null }, uploadLabel: { classPropertyName: "uploadLabel", publicName: "uploadLabel", isSignal: true, isRequired: false, transformFunction: null }, invalidFileTypeMessageSummary: { classPropertyName: "invalidFileTypeMessageSummary", publicName: "invalidFileTypeMessageSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidFileTypeMessageDetail: { classPropertyName: "invalidFileTypeMessageDetail", publicName: "invalidFileTypeMessageDetail", isSignal: true, isRequired: false, transformFunction: null }, invalidFileSizeMessageSummary: { classPropertyName: "invalidFileSizeMessageSummary", publicName: "invalidFileSizeMessageSummary", isSignal: true, isRequired: false, transformFunction: null }, invalidFileSizeMessageDetail: { classPropertyName: "invalidFileSizeMessageDetail", publicName: "invalidFileSizeMessageDetail", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeSend: "beforeSend", upload: "upload", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\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[chooseLabel]=\"chooseLabel()\"\r\n\t[cancelLabel]=\"cancelLabel()\"\r\n\t[uploadLabel]=\"uploadLabel()\"\r\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary()\"\r\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail()\"\r\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary()\"\r\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail()\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($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=\"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", dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i2.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"] }] }); }
+}
+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], providers: [MessageService], template: "<p-fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\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[chooseLabel]=\"chooseLabel()\"\r\n\t[cancelLabel]=\"cancelLabel()\"\r\n\t[uploadLabel]=\"uploadLabel()\"\r\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary()\"\r\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail()\"\r\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary()\"\r\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail()\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($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=\"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" }]
+        }], ctorParameters: () => [{ type: i1.MessageService }], propDecorators: { beforeSend: [{
+                type: Output
+            }], upload: [{
+                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 { FileUploadModule } from 'primeng/fileupload';\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\ninterface FileUploadErrorEvent {\r\n\tfiles: File[];\r\n\terror: ErrorEvent;\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],\r\n\tproviders: [MessageService]\r\n})\r\nexport class FileUploadComponent {\r\n\tconstructor(private messageService: MessageService) {}\r\n\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\tcancelLabel = input('Temizle');\r\n\tchooseLabel = input('Dosya Seç');\r\n\tuploadLabel = input('Dosya Yükle');\r\n\tinvalidFileTypeMessageSummary = input('Geçersiz dosya türü');\r\n\tinvalidFileTypeMessageDetail = input('Seçilen dosya türü desteklenmiyor.');\r\n\tinvalidFileSizeMessageSummary = input('Dosya boyutu çok büyük');\r\n\tinvalidFileSizeMessageDetail = input('Dosya boyutu izin verilen maksimum boyuttan daha büyük.');\r\n\r\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() upload: 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\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","<p-fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\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[chooseLabel]=\"chooseLabel()\"\r\n\t[cancelLabel]=\"cancelLabel()\"\r\n\t[uploadLabel]=\"uploadLabel()\"\r\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary()\"\r\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail()\"\r\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary()\"\r\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail()\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($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=\"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", "outlined", "badge", "size", "icon", "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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"}