aril 0.0.2 → 0.0.3

package/fesm2022/aril-ui-dialog.mjs

@@ -0,0 +1,63 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import * as i1 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+
+/* TODO : REFACTOR */
+class DialogComponent {
+    constructor() {
+        this.visible = false;
+        this.header = '';
+        this.draggable = false;
+        this.resizable = false;
+        this.closable = true;
+        this.maximizable = false;
+        this.dismissableMask = false;
+        this.modal = false;
+        this.isVisible = false;
+        this.transitionOptions = '150ms cubic-bezier(0, 0, 0.2, 1)';
+        this.showEvent = new EventEmitter();
+        this.hideEvent = new EventEmitter();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: DialogComponent, isStandalone: true, selector: "aril-dialog", inputs: { visible: "visible", header: "header", draggable: "draggable", resizable: "resizable", contentStyleClass: "contentStyleClass", closable: "closable", maximizable: "maximizable", dismissableMask: "dismissableMask", modal: "modal", style: "style", isVisible: "isVisible", transitionOptions: "transitionOptions" }, outputs: { showEvent: "showEvent", hideEvent: "hideEvent" }, ngImport: i0, template: "<p-dialog\r\n\t[(visible)]=\"visible\"\r\n\t[modal]=\"modal\"\r\n\t[header]=\"header\"\r\n\t[closable]=\"closable\"\r\n\t[maximizable]=\"maximizable\"\r\n\t[contentStyleClass]=\"contentStyleClass\"\r\n\t[draggable]=\"draggable\"\r\n\t[resizable]=\"resizable\"\r\n\t[dismissableMask]=\"dismissableMask\"\r\n\t[transitionOptions]=\"transitionOptions\"\r\n\t[style]=\"{ width: '60vw' }\"\r\n\t(onShow)=\"showEvent.emit()\"\r\n\t(onHide)=\"hideEvent.emit()\">\r\n\t<ng-content> </ng-content>\r\n\t<!-- <ng-template pTemplate=\"footer\">\r\n\t\t<p-button\r\n\t\t\ticon=\"pi pi-check\"\r\n\t\t\t(click)=\"visible = false\"\r\n\t\t\tlabel=\"Tamam\"\r\n\t\t\tstyleClass=\"p-button-text\"></p-button>\r\n\t</ng-template> -->\r\n</p-dialog>\r\n", dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-dialog', imports: [DialogModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-dialog\r\n\t[(visible)]=\"visible\"\r\n\t[modal]=\"modal\"\r\n\t[header]=\"header\"\r\n\t[closable]=\"closable\"\r\n\t[maximizable]=\"maximizable\"\r\n\t[contentStyleClass]=\"contentStyleClass\"\r\n\t[draggable]=\"draggable\"\r\n\t[resizable]=\"resizable\"\r\n\t[dismissableMask]=\"dismissableMask\"\r\n\t[transitionOptions]=\"transitionOptions\"\r\n\t[style]=\"{ width: '60vw' }\"\r\n\t(onShow)=\"showEvent.emit()\"\r\n\t(onHide)=\"hideEvent.emit()\">\r\n\t<ng-content> </ng-content>\r\n\t<!-- <ng-template pTemplate=\"footer\">\r\n\t\t<p-button\r\n\t\t\ticon=\"pi pi-check\"\r\n\t\t\t(click)=\"visible = false\"\r\n\t\t\tlabel=\"Tamam\"\r\n\t\t\tstyleClass=\"p-button-text\"></p-button>\r\n\t</ng-template> -->\r\n</p-dialog>\r\n" }]
+        }], propDecorators: { visible: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], draggable: [{
+                type: Input
+            }], resizable: [{
+                type: Input
+            }], contentStyleClass: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], maximizable: [{
+                type: Input
+            }], dismissableMask: [{
+                type: Input
+            }], modal: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }], transitionOptions: [{
+                type: Input
+            }], showEvent: [{
+                type: Output
+            }], hideEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DialogComponent };
+//# sourceMappingURL=aril-ui-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-dialog.mjs","sources":["../../projects/aril/ui/dialog/src/dialog.component.ts","../../projects/aril/ui/dialog/src/dialog.component.html","../../projects/aril/ui/dialog/aril-ui-dialog.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { DialogModule } from 'primeng/dialog';\r\n\r\n/* TODO : REFACTOR */\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-dialog',\r\n  templateUrl: './dialog.component.html',\r\n  imports: [DialogModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DialogComponent {\r\n  @Input() visible = false;\r\n  @Input() header = '';\r\n  @Input() draggable = false;\r\n  @Input() resizable = false;\r\n  @Input() contentStyleClass: string | undefined;\r\n  @Input() closable = true;\r\n  @Input() maximizable = false;\r\n  @Input() dismissableMask = false;\r\n  @Input() modal = false;\r\n  @Input() style!: object;\r\n  @Input() isVisible = false;\r\n  @Input() transitionOptions = '150ms cubic-bezier(0, 0, 0.2, 1)';\r\n\r\n  @Output() showEvent: EventEmitter<void> = new EventEmitter();\r\n  @Output() hideEvent: EventEmitter<void> = new EventEmitter();\r\n}\r\n","<p-dialog\r\n\t[(visible)]=\"visible\"\r\n\t[modal]=\"modal\"\r\n\t[header]=\"header\"\r\n\t[closable]=\"closable\"\r\n\t[maximizable]=\"maximizable\"\r\n\t[contentStyleClass]=\"contentStyleClass\"\r\n\t[draggable]=\"draggable\"\r\n\t[resizable]=\"resizable\"\r\n\t[dismissableMask]=\"dismissableMask\"\r\n\t[transitionOptions]=\"transitionOptions\"\r\n\t[style]=\"{ width: '60vw' }\"\r\n\t(onShow)=\"showEvent.emit()\"\r\n\t(onHide)=\"hideEvent.emit()\">\r\n\t<ng-content> </ng-content>\r\n\t<!-- <ng-template pTemplate=\"footer\">\r\n\t\t<p-button\r\n\t\t\ticon=\"pi pi-check\"\r\n\t\t\t(click)=\"visible = false\"\r\n\t\t\tlabel=\"Tamam\"\r\n\t\t\tstyleClass=\"p-button-text\"></p-button>\r\n\t</ng-template> -->\r\n</p-dialog>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAGA;MASa,eAAe,CAAA;AAP5B,IAAA,WAAA,GAAA;QAQW,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAChB,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAElB,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;QAChB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QACpB,IAAe,CAAA,eAAA,GAAG,KAAK,CAAC;QACxB,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;QAEd,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAiB,CAAA,iBAAA,GAAG,kCAAkC,CAAC;AAEtD,QAAA,IAAA,CAAA,SAAS,GAAuB,IAAI,YAAY,EAAE,CAAC;AACnD,QAAA,IAAA,CAAA,SAAS,GAAuB,IAAI,YAAY,EAAE,CAAC;AAC9D,KAAA;8GAhBY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ5B,guBAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,aAAa,EAEd,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,eAAA,EACN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,guBAAA,EAAA,CAAA;8BAGtC,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBAEI,SAAS,EAAA,CAAA;sBAAlB,MAAM;gBACG,SAAS,EAAA,CAAA;sBAAlB,MAAM;;;AE3BT;;AAEG;;;;"}

package/fesm2022/aril-ui-dxField.mjs

@@ -0,0 +1,34 @@
+import { NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+
+class DxFieldComponent {
+    constructor() {
+        this.color = '#333';
+        this.labelWidth = 30;
+        this.valueWidth = 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: "16.1.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: "label", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value + "%"], valueWidth: ["valueWidth", "valueWidth", (value) => value + "%"] }, ngImport: i0, template: "<div class=\"dx-field\">\r\n\t<div\r\n\t\tclass=\"dx-field-label font-bold\"\r\n\t\t[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`\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\r\n\t\tclass=\"dx-field-label font-bold\"\r\n\t\t[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`\r\n" }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], labelWidth: [{
+                type: Input,
+                args: [{ transform: (value) => value + "%" }]
+            }], valueWidth: [{
+                type: Input,
+                args: [{ transform: (value) => value + "%" }]
+            }] } });
+
+/**
+ * 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  standalone: true,\r\n  selector: 'aril-dx-field',\r\n  templateUrl: './dx-field.component.html',\r\n  imports: [NgStyle],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxFieldComponent {\r\n  @Input() label!: string;\r\n  @Input() color = '#333';\r\n  @Input({ transform: (value: number) => value + \"%\" }) labelWidth = 30;\r\n  @Input({ transform: (value: number) => value + \"%\" }) valueWidth = 70;\r\n}\r\n","<div class=\"dx-field\">\r\n\t<div\r\n\t\tclass=\"dx-field-label font-bold\"\r\n\t\t[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`\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QASW,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAC8B,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AACvE,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,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAGP,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAC9B,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdpD,+SAWA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDJY,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;;2FAGN,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,eAAe,EAEhB,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+SAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACgD,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;;;AEdtD;;AAEG;;;;"}

package/fesm2022/aril-ui-field.mjs

@@ -0,0 +1,55 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding } from '@angular/core';
+import { DxFieldComponent } from 'aril/ui/dxField';
+
+class FieldComponent {
+    constructor() {
+        this.labelPos = "top";
+        this.color = '#333';
+        this.labelWidth = 30;
+        this.valueWidth = 70;
+        this.hostClass = '';
+        this.padding = '.5rem';
+    }
+    set cols(value) {
+        this.hostClass = "";
+        Object.entries(value).forEach(([key, value]) => { this.hostClass += `${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: "label", labelPos: "labelPos", color: "color", labelWidth: ["labelWidth", "labelWidth", (value) => value + "%"], valueWidth: ["valueWidth", "valueWidth", (value) => value + "%"], markAsRequired: "markAsRequired", cols: "cols" }, host: { properties: { "class": "this.hostClass", "style.padding": "this.padding" } }, ngImport: i0, template: "@if (labelPos === 'left') {\n\t<aril-dx-field\n\t\t[label]=\"label\"\n\t\t[color]=\"color\"\n\t\t[labelWidth]=\"labelWidth\"\n\t\t[valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n", dependencies: [{ kind: "component", type: DxFieldComponent, selector: "aril-dx-field", inputs: ["label", "color", "labelWidth", "valueWidth"] }], 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], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (labelPos === 'left') {\n\t<aril-dx-field\n\t\t[label]=\"label\"\n\t\t[color]=\"color\"\n\t\t[labelWidth]=\"labelWidth\"\n\t\t[valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n" }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], labelPos: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], labelWidth: [{
+                type: Input,
+                args: [{ transform: (value) => value + "%" }]
+            }], valueWidth: [{
+                type: Input,
+                args: [{ transform: (value) => value + "%" }]
+            }], markAsRequired: [{
+                type: Input
+            }], cols: [{
+                type: Input,
+                args: [{ required: true }]
+            }], 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 { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\r\nimport { Types } from 'aril/util/lib';\r\nimport { DxFieldComponent } from \"aril/ui/dxField\";\r\n\r\nexport type LabelPositions = 'top' | 'left';\r\n\r\nexport interface ColumnSizeTypes {\r\n  xl?: Types.NumberRange<1, 13>;\r\n  lg?: Types.NumberRange<1, 13>;\r\n  md?: Types.NumberRange<1, 13>;\r\n  sm?: Types.NumberRange<1, 13>;\r\n}\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-field',\r\n  templateUrl: './field.component.html',\r\n  imports: [DxFieldComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FieldComponent {\r\n  @Input({ required: true }) label!: string;\r\n  @Input() labelPos: LabelPositions = \"top\";\r\n  @Input() color = '#333';\r\n  @Input({ transform: (value: number) => value + \"%\" }) labelWidth = 30;\r\n  @Input({ transform: (value: number) => value + \"%\" }) valueWidth = 70;\r\n  @Input() markAsRequired!: boolean;\r\n  @Input({ required: true }) set cols(value: ColumnSizeTypes) {\r\n    this.hostClass = \"\";\r\n    Object.entries(value).forEach(([key, value]) => { this.hostClass += `${key}:col-${value} ` });\r\n  }\r\n\r\n  @HostBinding('class') hostClass = '';\r\n  @HostBinding('style.padding') padding = '.5rem';\r\n}\r\n","@if (labelPos === 'left') {\n\t<aril-dx-field\n\t\t[label]=\"label\"\n\t\t[color]=\"color\"\n\t\t[labelWidth]=\"labelWidth\"\n\t\t[valueWidth]=\"valueWidth\">\n\t\t<ng-content></ng-content>\n\t</aril-dx-field>\n} @else {\n\t@if (label) {\n\t\t<div class=\"mb-1\">\n\t\t\t<span class=\"font-bold\">{{ markAsRequired && '*' }}{{ label }}</span>\n\t\t</div>\n\t}\n\t<ng-content></ng-content>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAoBa,cAAc,CAAA;AAP3B,IAAA,WAAA,GAAA;QASW,IAAQ,CAAA,QAAA,GAAmB,KAAK,CAAC;QACjC,IAAK,CAAA,KAAA,GAAG,MAAM,CAAC;QAC8B,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAChB,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;QAOhD,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;QACP,IAAO,CAAA,OAAA,GAAG,OAAO,CAAC;AACjD,KAAA;IAPC,IAA+B,IAAI,CAAC,KAAsB,EAAA;AACxD,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;AACpB,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI,EAAG,IAAI,CAAC,SAAS,IAAI,CAAG,EAAA,GAAG,CAAQ,KAAA,EAAA,KAAK,CAAG,CAAA,CAAA,CAAA,EAAE,CAAC,CAAC;KAC/F;8GAVU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAIL,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAC9B,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,CAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBpD,2YAgBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCY,gBAAgB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGf,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAEb,OAAA,EAAA,CAAC,gBAAgB,CAAC,EAAA,eAAA,EACV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2YAAA,EAAA,CAAA;8BAGpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACgD,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAA/D,KAAK;uBAAC,EAAE,SAAS,EAAE,CAAC,KAAa,KAAK,KAAK,GAAG,GAAG,EAAE,CAAA;gBAC3C,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACyB,IAAI,EAAA,CAAA;sBAAlC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAKH,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBACU,OAAO,EAAA,CAAA;sBAApC,WAAW;uBAAC,eAAe,CAAA;;;AEjC9B;;AAEG;;;;"}

package/fesm2022/aril-ui-fileUpload.mjs

@@ -0,0 +1,92 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import * as i2 from 'primeng/fileupload';
+import { FileUploadModule } from 'primeng/fileupload';
+import * as i1 from 'primeng/api';
+
+class FileUploadComponent {
+    constructor(messageService) {
+        this.messageService = messageService;
+        this.multiple = false;
+        this.accept = ".xlsx";
+        this.disabled = false;
+        this.auto = false;
+        this.showUploadButton = true;
+        this.showCancelButton = true;
+        this.cancelLabel = "Temizle";
+        this.chooseLabel = "Dosyayi Seç";
+        this.uploadLabel = "Dosyayi Yükle";
+        this.invalidFileTypeMessageSummary = "Geçersiz dosya türü";
+        this.invalidFileTypeMessageDetail = "Seçilen dosya türü desteklenmiyor.";
+        this.invalidFileSizeMessageSummary = "Dosya boyutu çok büyük";
+        this.invalidFileSizeMessageDetail = "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);
+        for (const file of event.files) {
+            this.uploadedFiles.push(file);
+        }
+        this.messageService.add({ severity: 'success', summary: 'Dosya başarıyla yüklendi..', detail: '' });
+    }
+    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: "name", url: "url", multiple: "multiple", accept: "accept", disabled: "disabled", auto: "auto", maxFileSize: "maxFileSize", showUploadButton: "showUploadButton", showCancelButton: "showCancelButton", cancelLabel: "cancelLabel", chooseLabel: "chooseLabel", uploadLabel: "uploadLabel", invalidFileTypeMessageSummary: "invalidFileTypeMessageSummary", invalidFileTypeMessageDetail: "invalidFileTypeMessageDetail", invalidFileSizeMessageSummary: "invalidFileSizeMessageSummary", invalidFileSizeMessageDetail: "invalidFileSizeMessageDetail" }, outputs: { beforeSend: "beforeSend", upload: "upload", errors: "errors", selects: "selects", clear: "clear" }, ngImport: i0, template: "<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i\n\t\t\t\t\t\t\tclass=\"pi pi-file-excel\"\n\t\t\t\t\t\t\tstyle=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\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"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+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], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i\n\t\t\t\t\t\t\tclass=\"pi pi-file-excel\"\n\t\t\t\t\t\t\tstyle=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\n" }]
+        }], ctorParameters: () => [{ type: i1.MessageService }], propDecorators: { name: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], auto: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], showUploadButton: [{
+                type: Input
+            }], showCancelButton: [{
+                type: Input
+            }], cancelLabel: [{
+                type: Input
+            }], chooseLabel: [{
+                type: Input
+            }], uploadLabel: [{
+                type: Input
+            }], invalidFileTypeMessageSummary: [{
+                type: Input
+            }], invalidFileTypeMessageDetail: [{
+                type: Input
+            }], invalidFileSizeMessageSummary: [{
+                type: Input
+            }], invalidFileSizeMessageDetail: [{
+                type: Input
+            }], 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\n\r\nimport { HttpEvent } from '@angular/common/http';\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { FileUploadModule } from 'primeng/fileupload';\r\nimport { MessageService } from 'primeng/api';\r\n\r\ninterface UploadEvent {\r\n  originalEvent: HttpEvent<any>;\r\n  files: File[];\r\n}\r\n\r\ninterface UploadFile {\r\n  name: string;\r\n  size: number;\r\n  type: string;\r\n  objectURL?: string;\r\n}\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-file-upload',\r\n  templateUrl: './file-upload.component.html',\r\n  imports: [FileUploadModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FileUploadComponent {\r\n  constructor(private messageService: MessageService) { }\r\n\r\n  @Input() name!: string;\r\n  @Input() url!: string;\r\n  @Input() multiple = false;\r\n  @Input() accept = \".xlsx\";\r\n  @Input() disabled = false;\r\n  @Input() auto = false;\r\n  @Input() maxFileSize!: number;\r\n  @Input() showUploadButton = true;\r\n  @Input() showCancelButton = true;\r\n  @Input() cancelLabel = \"Temizle\";\r\n  @Input() chooseLabel = \"Dosyayi Seç\";\r\n  @Input() uploadLabel = \"Dosyayi Yükle\";\r\n  @Input() invalidFileTypeMessageSummary = \"Geçersiz dosya türü\";\r\n  @Input() invalidFileTypeMessageDetail = \"Seçilen dosya türü desteklenmiyor.\";\r\n  @Input() invalidFileSizeMessageSummary = \"Dosya boyutu çok büyük\";\r\n  @Input() invalidFileSizeMessageDetail = \"Dosya boyutu izin verilen maksimum boyuttan daha büyük.\";\r\n\r\n  @Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\r\n  @Output() upload: EventEmitter<unknown> = new EventEmitter();\r\n  @Output() errors: EventEmitter<unknown> = new EventEmitter();\r\n  @Output() selects: EventEmitter<unknown> = new EventEmitter();\r\n  @Output() clear: EventEmitter<unknown> = new EventEmitter();\r\n\r\n  uploadedFiles: UploadFile[] = [];\r\n\r\n  onUpload(event: UploadEvent) {\r\n    this.upload.emit(event);\r\n    for (const file of event.files) {\r\n      this.uploadedFiles.push(file);\r\n    }\r\n    this.messageService.add({ severity: 'success', summary: 'Dosya başarıyla yüklendi..', detail: '' });\r\n  }\r\n}\r\n","<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i\n\t\t\t\t\t\t\tclass=\"pi pi-file-excel\"\n\t\t\t\t\t\t\tstyle=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\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,74 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output } from '@angular/core';
+import * as i1 from 'aril/ui/lib';
+import { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';
+import { isFormControl, isFormGroup, isFormArray } from '@angular/forms';
+import { ButtonComponent } from 'aril/ui/button';
+
+class FormComponent {
+    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: "14.0.0", version: "17.1.2", type: FormComponent, isStandalone: true, selector: "aril-form", inputs: { formGroup: "formGroup" }, hostDirectives: [{ directive: i1.FlexGridDirective }, { directive: i1.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: [{
+                    standalone: true,
+                    selector: 'aril-form',
+                    template: ` <ng-content></ng-content> `,
+                    hostDirectives: [
+                        FlexGridDirective,
+                        {
+                            directive: FormErrorMessageDirective,
+                            inputs: ["formErrorMessage: formGroup"]
+                        }
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { formGroup: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class FormSubmitButtonComponent extends ButtonComponent {
+    constructor() {
+        super(...arguments);
+        this.inValidEvent = new EventEmitter();
+    }
+    submit() {
+        this.markAsDirty(this.formGroup.controls);
+        if (this.formGroup.valid)
+            this.clickEvent.emit();
+        else
+            this.inValidEvent.emit();
+    }
+    markAsDirty(controls) {
+        Object.entries(controls).forEach(([key, ctrl]) => {
+            if (isFormControl(ctrl)) {
+                ctrl.markAsDirty();
+            }
+            else if (isFormGroup(ctrl) || isFormArray(ctrl)) {
+                this.markAsDirty(ctrl.controls);
+            }
+        });
+    }
+    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: "14.0.0", version: "17.1.2", type: FormSubmitButtonComponent, isStandalone: true, selector: "aril-form-submit-button", inputs: { formGroup: "formGroup" }, outputs: { 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: 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: [{ standalone: true, selector: 'aril-form-submit-button', imports: [ButtonComponent], 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: { formGroup: [{
+                type: Input,
+                args: [{ required: true }]
+            }], inValidEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { 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.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.html","../../projects/aril/ui/form/aril-ui-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-form',\r\n  template: ` <ng-content></ng-content> `,\r\n  hostDirectives: [\r\n    FlexGridDirective,\r\n    {\r\n      directive: FormErrorMessageDirective,\r\n      inputs: [\"formErrorMessage: formGroup\"]\r\n    }\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormComponent {\r\n  @Input({ required: true }) formGroup!: FormGroup;\r\n}\r\n","/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { FormGroup, isFormArray, isFormControl, isFormGroup } from '@angular/forms';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-form-submit-button',\r\n  templateUrl: './form-submit-button.component.html',\r\n  imports: [ButtonComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormSubmitButtonComponent extends ButtonComponent {\r\n  @Input({ required: true }) formGroup!: FormGroup;\r\n  @Output() inValidEvent: EventEmitter<never> = new EventEmitter<never>();\r\n\r\n  submit() {\r\n    this.markAsDirty(this.formGroup.controls);\r\n    if (this.formGroup.valid) this.clickEvent.emit();\r\n    else this.inValidEvent.emit();\r\n  }\r\n\r\n  markAsDirty(controls: { [key: string]: any }) {\r\n    Object.entries(controls).forEach(([key, ctrl]) => {\r\n      if (isFormControl(ctrl)) {\r\n        ctrl.markAsDirty();\r\n      } else if (isFormGroup(ctrl) || isFormArray(ctrl)) {\r\n        this.markAsDirty(ctrl.controls);\r\n      }\r\n    });\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}