aril 0.0.6 → 0.0.8

package/fesm2022/aril-ui-treeTable.mjs

@@ -1,61 +1,57 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { input, EventEmitter, Component, ChangeDetectionStrategy, Output, ContentChildren } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';
 import * as i1 from 'primeng/treetable';
 import { TreeTableModule } from 'primeng/treetable';
+import * as FileSaver from 'file-saver';
+import { ButtonComponent } from 'aril/ui/button';
+import { TextComponent } from 'aril/ui/text';
+import { TableColumnComponent } from 'aril/ui/table';
 import * as i2 from 'primeng/api';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+const pageOptions = [10, 20, 50, 100];
 class TreeTableComponent {
     constructor() {
-        this.rows = 10;
-        this.rowsPerPageOptions = [10, 20, 50, 100];
-        this.scrollable = false;
-        this.loading = false;
-        this.sortMode = "single";
-        this.filterMode = "lenient";
-        this.selectionMode = "single";
-        this.selectEvent = new EventEmitter();
+        this.data = input.required();
+        this.checkboxSelection = input();
+        this.pageSize = input(10);
+        this.scrollable = input(false);
+        this.scrollHeight = input();
+        this.expandEvent = new EventEmitter();
+        this.selectionEvent = new EventEmitter();
+        this.pageOptions = pageOptions;
     }
-    getFilterTargetValue(event) {
-        const inputElement = event.target;
-        return inputElement.value;
+    excelExport() {
+        import('xlsx').then((xlsx) => {
+            const worksheet = xlsx.utils.json_to_sheet(this.data());
+            const workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };
+            const excelBuffer = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });
+            this.saveAsExcelFile(excelBuffer, 'excel_worksheet');
+        });
     }
-    emitSelectedRows() {
-        if (!this.selectedNodes)
-            return;
-        this.selectEvent.emit(this.selectedNodes);
-        this.selectedNodes = null;
+    saveAsExcelFile(buffer, fileName) {
+        const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+        const EXCEL_EXTENSION = '.xlsx';
+        const data = new Blob([buffer], {
+            type: EXCEL_TYPE
+        });
+        FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TreeTableComponent, isStandalone: true, selector: "aril-tree-table", inputs: { items: "items", columns: "columns", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", scrollable: "scrollable", scrollHeight: "scrollHeight", loading: "loading", sortMode: "sortMode", filterMode: "filterMode", selectionMode: "selectionMode" }, outputs: { selectEvent: "selectEvent" }, ngImport: i0, template: "@if (items && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"items\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">T\u00FCm\u00FCn\u00FC se\u00E7</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\"[exportBtn]\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamad\u0131..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n", styles: [":host ::ng-deep .p-icon-wrapper{display:inline-block!important}\n"], dependencies: [{ kind: "ngmodule", type: TreeTableModule }, { kind: "component", type: i1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i1.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TreeTableComponent, isStandalone: true, selector: "aril-tree-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, checkboxSelection: { classPropertyName: "checkboxSelection", publicName: "checkboxSelection", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, queries: [{ propertyName: "columns", predicate: TableColumnComponent }], ngImport: i0, template: "<p-treeTable\n\t#ref\n\t[value]=\"data()\"\n\t[columns]=\"columns._results\"\n\t[rows]=\"pageSize()\"\n\t[rowHover]=\"true\"\n\t[paginator]=\"true\"\n\t[rowsPerPageOptions]=\"pageOptions\"\n\t[filterDelay]=\"0\"\n\tsortMode=\"multiple\"\n\t[scrollable]=\"scrollable()\"\n\t[scrollHeight]=\"scrollHeight()\"\n\t[(selection)]=\"selectedNodes\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\n\t[showCurrentPageReport]=\"true\"\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kay\u0131t | Sayfa : {currentPage} / {totalPages}\"\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-sm\">\n\t<ng-template pTemplate=\"caption\">\n\t\t<div class=\"flex\">\n\t\t\t<aril-button\n\t\t\t\tsize=\"sm\"\n\t\t\t\ticon=\"FILE_EXCEL\"\n\t\t\t\tcolor=\"primary\"\n\t\t\t\tpTooltip=\"XLS\"\n\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t(clickEvent)=\"excelExport()\">\n\t\t\t</aril-button>\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\n\t\t\t\t<aril-text\n\t\t\t\t\ticon=\"SEARCH\"\n\t\t\t\t\ticonPos=\"left\"\n\t\t\t\t\tplaceholder=\"Arama\"\n\t\t\t\t\t[ngModel]=\"filterText\"\n\t\t\t\t\t(ngModelChange)=\"ref.filterGlobal($event, 'contains')\">\n\t\t\t\t</aril-text>\n\t\t\t</span> -->\n\t\t</div>\n\t</ng-template>\n\t<ng-template pTemplate=\"header\" let-columns>\n\t\t<tr>\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<th>\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\n\t\t\t\t</th>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t@if (column.isOperation) {\n\t\t\t\t\t<th>\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">Operations</div>\n\t\t\t\t\t</th>\n\t\t\t\t} @else {\n\t\t\t\t\t<th [ttSortableColumn]=\"column.field\">\n\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center\">\n\t\t\t\t\t\t\t{{ column.header }}\n\t\t\t\t\t\t\t<!-- <p-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\t<ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\n\t\t<tr [ttRow]=\"rowNode\">\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<td>\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\n\t\t\t\t</td>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t<td>\n\t\t\t\t\t@if ($first) {\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </ng-template>\n\t\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\t<ng-template pTemplate=\"summary\">\n\t\t<ng-content select=\"[footer]\"></ng-content>\n\t</ng-template>\n\t<ng-template pTemplate=\"emptymessage\">\n\t\t<tr>\n\t\t\t<td [attr.colspan]=\"columns._results.length\">No Data Found</td>\n\t\t</tr>\n\t</ng-template>\n</p-treeTable>\n", dependencies: [{ kind: "ngmodule", type: TreeTableModule }, { kind: "component", type: i1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "directive", type: i1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-tree-table', imports: [TreeTableModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"items\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">T\u00FCm\u00FCn\u00FC se\u00E7</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\"[exportBtn]\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamad\u0131..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n", styles: [":host ::ng-deep .p-icon-wrapper{display:inline-block!important}\n"] }]
-        }], propDecorators: { items: [{
-                type: Input,
-                args: [{ required: true }]
-            }], columns: [{
-                type: Input,
-                args: [{ required: true }]
-            }], rows: [{
-                type: Input
-            }], rowsPerPageOptions: [{
-                type: Input
-            }], scrollable: [{
-                type: Input
-            }], scrollHeight: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], sortMode: [{
-                type: Input
-            }], filterMode: [{
-                type: Input
-            }], selectionMode: [{
-                type: Input
-            }], selectEvent: [{
+            args: [{ standalone: true, selector: 'aril-tree-table', imports: [TreeTableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-treeTable\n\t#ref\n\t[value]=\"data()\"\n\t[columns]=\"columns._results\"\n\t[rows]=\"pageSize()\"\n\t[rowHover]=\"true\"\n\t[paginator]=\"true\"\n\t[rowsPerPageOptions]=\"pageOptions\"\n\t[filterDelay]=\"0\"\n\tsortMode=\"multiple\"\n\t[scrollable]=\"scrollable()\"\n\t[scrollHeight]=\"scrollHeight()\"\n\t[(selection)]=\"selectedNodes\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\n\t[showCurrentPageReport]=\"true\"\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kay\u0131t | Sayfa : {currentPage} / {totalPages}\"\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-sm\">\n\t<ng-template pTemplate=\"caption\">\n\t\t<div class=\"flex\">\n\t\t\t<aril-button\n\t\t\t\tsize=\"sm\"\n\t\t\t\ticon=\"FILE_EXCEL\"\n\t\t\t\tcolor=\"primary\"\n\t\t\t\tpTooltip=\"XLS\"\n\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t(clickEvent)=\"excelExport()\">\n\t\t\t</aril-button>\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\n\t\t\t\t<aril-text\n\t\t\t\t\ticon=\"SEARCH\"\n\t\t\t\t\ticonPos=\"left\"\n\t\t\t\t\tplaceholder=\"Arama\"\n\t\t\t\t\t[ngModel]=\"filterText\"\n\t\t\t\t\t(ngModelChange)=\"ref.filterGlobal($event, 'contains')\">\n\t\t\t\t</aril-text>\n\t\t\t</span> -->\n\t\t</div>\n\t</ng-template>\n\t<ng-template pTemplate=\"header\" let-columns>\n\t\t<tr>\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<th>\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\n\t\t\t\t</th>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t@if (column.isOperation) {\n\t\t\t\t\t<th>\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">Operations</div>\n\t\t\t\t\t</th>\n\t\t\t\t} @else {\n\t\t\t\t\t<th [ttSortableColumn]=\"column.field\">\n\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center\">\n\t\t\t\t\t\t\t{{ column.header }}\n\t\t\t\t\t\t\t<!-- <p-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\t<ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\n\t\t<tr [ttRow]=\"rowNode\">\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<td>\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\n\t\t\t\t</td>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t<td>\n\t\t\t\t\t@if ($first) {\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </ng-template>\n\t\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\t<ng-template pTemplate=\"summary\">\n\t\t<ng-content select=\"[footer]\"></ng-content>\n\t</ng-template>\n\t<ng-template pTemplate=\"emptymessage\">\n\t\t<tr>\n\t\t\t<td [attr.colspan]=\"columns._results.length\">No Data Found</td>\n\t\t</tr>\n\t</ng-template>\n</p-treeTable>\n" }]
+        }], propDecorators: { expandEvent: [{
+                type: Output
+            }], selectionEvent: [{
                 type: Output
+            }], columns: [{
+                type: ContentChildren,
+                args: [TableColumnComponent]
             }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-treeTable.mjs","sources":["../../projects/aril/ui/treeTable/src/tree-table.component.ts","../../projects/aril/ui/treeTable/src/tree-table.component.html","../../projects/aril/ui/treeTable/aril-ui-treeTable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TreeNode, TreeTableNode } from 'primeng/api';\r\nimport { TreeTableModule } from 'primeng/treetable';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n    2. ContentProjection\r\n    3. ContextMenu ?\r\n*/\r\n\r\ntype SortMode = 'single' | 'multiple';\r\ntype FilterMode = 'lenient' | 'strict';\r\ntype SelectionModes = 'single' | 'multiple' | 'checkbox';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-tree-table',\r\n  templateUrl: './tree-table.component.html',\r\n  styles: [`\r\n    :host ::ng-deep .p-icon-wrapper {\r\n        display: inline-block !important;\r\n    }`\r\n  ],\r\n  imports: [TreeTableModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeTableComponent {\r\n  @Input({ required: true }) items!: TreeNode[];\r\n  @Input({ required: true }) columns!: Array<object>;\r\n  @Input() rows = 10;\r\n  @Input() rowsPerPageOptions = [10, 20, 50, 100];\r\n  @Input() scrollable = false;\r\n  @Input() scrollHeight!: string;\r\n  @Input() loading = false;\r\n  @Input() sortMode: SortMode = \"single\";\r\n  @Input() filterMode: FilterMode = \"lenient\";\r\n  @Input() selectionMode: SelectionModes = \"single\";\r\n\r\n  @Output() selectEvent: EventEmitter<any> = new EventEmitter();\r\n\r\n  selectedNodes!: TreeTableNode<any> | TreeTableNode<any>[] | null;\r\n\r\n  getFilterTargetValue(event: Event) {\r\n    const inputElement = event.target as HTMLInputElement;\r\n    return inputElement.value;\r\n  }\r\n\r\n  emitSelectedRows() {\r\n    if (!this.selectedNodes) return;\r\n\r\n    this.selectEvent.emit(this.selectedNodes);\r\n    this.selectedNodes = null;\r\n  }\r\n}\r\n","@if (items && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"items\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">Tümünü seç</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\"[exportBtn]\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamadı..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-treeTable.mjs","sources":["../../projects/aril/ui/treeTable/src/tree-table.component.ts","../../projects/aril/ui/treeTable/src/tree-table.component.html","../../projects/aril/ui/treeTable/aril-ui-treeTable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, input, Output } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';\nimport { TreeNode, TreeTableNode } from 'primeng/api';\nimport { TreeTableModule } from 'primeng/treetable';\nimport * as FileSaver from 'file-saver';\nimport { ButtonComponent } from 'aril/ui/button';\nimport { TextComponent } from 'aril/ui/text';\nimport { TableColumnComponent, TableColumns } from 'aril/ui/table';\n\nconst pageOptions = [10, 20, 50, 100];\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-tree-table',\n\ttemplateUrl: './tree-table.component.html',\n\timports: [TreeTableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeTableComponent {\n\tdata = input.required<TreeNode[]>();\n\tcheckboxSelection = input<boolean>();\n\tpageSize = input<(typeof pageOptions)[number]>(10);\n\tscrollable = input<boolean>(false);\n\tscrollHeight = input<string>();\n\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\n\n\t@ContentChildren(TableColumnComponent) columns!: TableColumns;\n\n\tfilterText!: string;\n\tpageOptions = pageOptions;\n\tselectedNodes!: TreeTableNode<any> | TreeTableNode<any>[] | null;\n\n\texcelExport() {\n\t\timport('xlsx').then((xlsx) => {\n\t\t\tconst worksheet = xlsx.utils.json_to_sheet(this.data());\n\t\t\tconst workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };\n\t\t\tconst excelBuffer: any = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });\n\t\t\tthis.saveAsExcelFile(excelBuffer, 'excel_worksheet');\n\t\t});\n\t}\n\n\tsaveAsExcelFile(buffer: any, fileName: string): void {\n\t\tconst EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\n\t\tconst EXCEL_EXTENSION = '.xlsx';\n\t\tconst data: Blob = new Blob([buffer], {\n\t\t\ttype: EXCEL_TYPE\n\t\t});\n\t\tFileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);\n\t}\n}\n","<p-treeTable\n\t#ref\n\t[value]=\"data()\"\n\t[columns]=\"columns._results\"\n\t[rows]=\"pageSize()\"\n\t[rowHover]=\"true\"\n\t[paginator]=\"true\"\n\t[rowsPerPageOptions]=\"pageOptions\"\n\t[filterDelay]=\"0\"\n\tsortMode=\"multiple\"\n\t[scrollable]=\"scrollable()\"\n\t[scrollHeight]=\"scrollHeight()\"\n\t[(selection)]=\"selectedNodes\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\n\t[showCurrentPageReport]=\"true\"\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kayıt | Sayfa : {currentPage} / {totalPages}\"\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-sm\">\n\t<ng-template pTemplate=\"caption\">\n\t\t<div class=\"flex\">\n\t\t\t<aril-button\n\t\t\t\tsize=\"sm\"\n\t\t\t\ticon=\"FILE_EXCEL\"\n\t\t\t\tcolor=\"primary\"\n\t\t\t\tpTooltip=\"XLS\"\n\t\t\t\ttooltipPosition=\"top\"\n\t\t\t\t(clickEvent)=\"excelExport()\">\n\t\t\t</aril-button>\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\n\t\t\t\t<aril-text\n\t\t\t\t\ticon=\"SEARCH\"\n\t\t\t\t\ticonPos=\"left\"\n\t\t\t\t\tplaceholder=\"Arama\"\n\t\t\t\t\t[ngModel]=\"filterText\"\n\t\t\t\t\t(ngModelChange)=\"ref.filterGlobal($event, 'contains')\">\n\t\t\t\t</aril-text>\n\t\t\t</span> -->\n\t\t</div>\n\t</ng-template>\n\t<ng-template pTemplate=\"header\" let-columns>\n\t\t<tr>\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<th>\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\n\t\t\t\t</th>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t@if (column.isOperation) {\n\t\t\t\t\t<th>\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">Operations</div>\n\t\t\t\t\t</th>\n\t\t\t\t} @else {\n\t\t\t\t\t<th [ttSortableColumn]=\"column.field\">\n\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center\">\n\t\t\t\t\t\t\t{{ column.header }}\n\t\t\t\t\t\t\t<!-- <p-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</th>\n\t\t\t\t}\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\t<ng-template pTemplate=\"body\" let-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\n\t\t<tr [ttRow]=\"rowNode\">\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<td>\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\n\t\t\t\t</td>\n\t\t\t}\n\t\t\t@for (column of columns; track $index) {\n\t\t\t\t<td>\n\t\t\t\t\t@if ($first) {\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\n\t\t\t\t\t}\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </ng-template>\n\t\t\t\t</td>\n\t\t\t}\n\t\t</tr>\n\t</ng-template>\n\t<ng-template pTemplate=\"summary\">\n\t\t<ng-content select=\"[footer]\"></ng-content>\n\t</ng-template>\n\t<ng-template pTemplate=\"emptymessage\">\n\t\t<tr>\n\t\t\t<td [attr.colspan]=\"columns._results.length\">No Data Found</td>\n\t\t</tr>\n\t</ng-template>\n</p-treeTable>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-value.mjs

@@ -4,29 +4,29 @@ import 'aril/util/primitive-extensions';
 
 class ValueComponent {
     constructor() {
-        this.type = "text";
-        this.color = "#333";
-        this.display = "";
+        this.type = 'text';
+        this.color = '#333';
+        this.display = '';
     }
     ngOnChanges(changes) {
         switch (this.type) {
-            case "text":
+            case 'text':
                 this.display = this.model;
                 break;
-            case "number":
+            case 'number':
                 this.format = this.format || '0.###';
                 this.display = format(this.format, this.model);
                 break;
-            case "decimal":
+            case 'decimal':
                 this.format = this.format || '#.##0,###';
                 this.display = format(this.format, this.model);
                 break;
-            case "date":
+            case 'date':
                 this.format = this.format || 'time';
                 this.display = this.model.longToString(this.format);
                 break;
-            case "password":
-                this.display = this.model.replace(/./g, "*");
+            case 'password':
+                this.display = this.model.replace(/./g, '*');
                 break;
             default:
                 console.error("Invalid type: '" + this.type + "'");
@@ -34,11 +34,11 @@ class ValueComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ValueComponent, isStandalone: true, selector: "aril-value", inputs: { model: "model", type: "type", format: "format", color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if (model == undefined || model == null) {\n\t<span>\n\t\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n\t</span>\n} @else {\n\t<div style=\"display: inline-block\">\n\t\t@if (type == 'bool') {\n\t\t\t<span>\n\t\t\t\t@if (!!model) {\n\t\t\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t\t\t} @else {\n\t\t\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t\t\t}\n\t\t\t</span>\n\t\t} @else {\n\t\t\t@if (display == undefined) {\n\t\t\t\t<span>\n\t\t\t\t\t<i\n\t\t\t\t\t\tclass=\"pi pi-exclamation-circle\"\n\t\t\t\t\t\tstyle=\"color: red\"\n\t\t\t\t\t\tpTooltip=\"Invalid Data\">\n\t\t\t\t\t</i>\n\t\t\t\t</span>\n\t\t\t} @else {\n\t\t\t\t<span [style.color]=\"color\">\n\t\t\t\t\t{{ display }}\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t</div>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ValueComponent, isStandalone: true, selector: "aril-value", inputs: { model: "model", type: "type", format: "format", color: "color" }, usesOnChanges: true, ngImport: i0, template: "@if (model == undefined || model == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type == 'bool') {\n\t\t@if (!!model) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ValueComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-value', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (model == undefined || model == null) {\n\t<span>\n\t\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n\t</span>\n} @else {\n\t<div style=\"display: inline-block\">\n\t\t@if (type == 'bool') {\n\t\t\t<span>\n\t\t\t\t@if (!!model) {\n\t\t\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t\t\t} @else {\n\t\t\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t\t\t}\n\t\t\t</span>\n\t\t} @else {\n\t\t\t@if (display == undefined) {\n\t\t\t\t<span>\n\t\t\t\t\t<i\n\t\t\t\t\t\tclass=\"pi pi-exclamation-circle\"\n\t\t\t\t\t\tstyle=\"color: red\"\n\t\t\t\t\t\tpTooltip=\"Invalid Data\">\n\t\t\t\t\t</i>\n\t\t\t\t</span>\n\t\t\t} @else {\n\t\t\t\t<span [style.color]=\"color\">\n\t\t\t\t\t{{ display }}\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t</div>\n}\n" }]
+            args: [{ standalone: true, selector: 'aril-value', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (model == undefined || model == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type == 'bool') {\n\t\t@if (!!model) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n" }]
         }], propDecorators: { model: [{
                 type: Input,
                 args: [{ required: true }]

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-value.mjs","sources":["../../projects/aril/ui/value/src/value.component.ts","../../projects/aril/ui/value/src/value.component.html","../../projects/aril/ui/value/aril-ui-value.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';\r\nimport \"aril/util/primitive-extensions\";\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n\r\n/* number-format.js */\r\ndeclare const format: Function;\r\n\r\ntype ValueTypes = 'text' | 'number' | 'bool' | 'decimal' | 'date' | 'password';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-value',\r\n  templateUrl: './value.component.html',\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ValueComponent implements OnChanges {\r\n\r\n  @Input({ required: true }) model!: string | number | boolean;\r\n  @Input() type: ValueTypes = \"text\";\r\n  @Input() format!: string;\r\n  @Input() color: string = \"#333\";\r\n\r\n  display = \"\";\r\n\r\n  ngOnChanges(changes: any) {\r\n    switch (this.type) {\r\n      case \"text\":\r\n        this.display = this.model as string;\r\n        break;\r\n      case \"number\":\r\n        this.format = this.format || '0.###';\r\n        this.display = format(this.format, this.model);\r\n        break;\r\n      case \"decimal\":\r\n        this.format = this.format || '#.##0,###';\r\n        this.display = format(this.format, this.model);\r\n        break;\r\n      case \"date\":\r\n        this.format = this.format || 'time';\r\n        this.display = (<number>this.model).longToString(this.format) as string;\r\n        break;\r\n      case \"password\":\r\n        this.display = (<string>this.model).replace(/./g, \"*\");\r\n        break;\r\n      default:\r\n        console.error(\"Invalid type: '\" + this.type + \"'\");\r\n        break;\r\n    }\r\n  }\r\n}\r\n","@if (model == undefined || model == null) {\n\t<span>\n\t\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n\t</span>\n} @else {\n\t<div style=\"display: inline-block\">\n\t\t@if (type == 'bool') {\n\t\t\t<span>\n\t\t\t\t@if (!!model) {\n\t\t\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t\t\t} @else {\n\t\t\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t\t\t}\n\t\t\t</span>\n\t\t} @else {\n\t\t\t@if (display == undefined) {\n\t\t\t\t<span>\n\t\t\t\t\t<i\n\t\t\t\t\t\tclass=\"pi pi-exclamation-circle\"\n\t\t\t\t\t\tstyle=\"color: red\"\n\t\t\t\t\t\tpTooltip=\"Invalid Data\">\n\t\t\t\t\t</i>\n\t\t\t\t</span>\n\t\t\t} @else {\n\t\t\t\t<span [style.color]=\"color\">\n\t\t\t\t\t{{ display }}\n\t\t\t\t</span>\n\t\t\t}\n\t\t}\n\t</div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAkBa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;QASW,IAAI,CAAA,IAAA,GAAe,MAAM,CAAC;QAE1B,IAAK,CAAA,KAAA,GAAW,MAAM,CAAC;QAEhC,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AA2Bd,KAAA;AAzBC,IAAA,WAAW,CAAC,OAAY,EAAA;AACtB,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,MAAM;AACT,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAe,CAAC;gBACpC,MAAM;AACR,YAAA,KAAK,QAAQ;gBACX,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;AACrC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACR,YAAA,KAAK,SAAS;gBACZ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC;AACzC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACR,YAAA,KAAK,MAAM;gBACT,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC;AACpC,gBAAA,IAAI,CAAC,OAAO,GAAY,IAAI,CAAC,KAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAW,CAAC;gBACxE,MAAM;AACR,YAAA,KAAK,UAAU;AACb,gBAAA,IAAI,CAAC,OAAO,GAAY,IAAI,CAAC,KAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;gBACvD,MAAM;AACR,YAAA;gBACE,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;gBACnD,MAAM;SACT;KACF;8GAjCU,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,uKClB3B,2yBA+BA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDba,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEL,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2yBAAA,EAAA,CAAA;8BAIpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;AEvBR;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-value.mjs","sources":["../../projects/aril/ui/value/src/value.component.ts","../../projects/aril/ui/value/src/value.component.html","../../projects/aril/ui/value/aril-ui-value.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges } from '@angular/core';\n\nimport 'aril/util/primitive-extensions';\n\n/* TODO : \n    1. InputSignal\n*/\n\n/* number-format.js */\ndeclare const format: Function;\n\ntype ValueTypes = 'text' | 'number' | 'bool' | 'decimal' | 'date' | 'password';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-value',\n\ttemplateUrl: './value.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ValueComponent implements OnChanges {\n\t@Input({ required: true }) model!: string | number | boolean | undefined;\n\t@Input() type: ValueTypes = 'text';\n\t@Input() format!: string;\n\t@Input() color: string = '#333';\n\n\tdisplay = '';\n\n\tngOnChanges(changes: any) {\n\t\tswitch (this.type) {\n\t\t\tcase 'text':\n\t\t\t\tthis.display = this.model as string;\n\t\t\t\tbreak;\n\t\t\tcase 'number':\n\t\t\t\tthis.format = this.format || '0.###';\n\t\t\t\tthis.display = format(this.format, this.model);\n\t\t\t\tbreak;\n\t\t\tcase 'decimal':\n\t\t\t\tthis.format = this.format || '#.##0,###';\n\t\t\t\tthis.display = format(this.format, this.model);\n\t\t\t\tbreak;\n\t\t\tcase 'date':\n\t\t\t\tthis.format = this.format || 'time';\n\t\t\t\tthis.display = (<number>this.model).longToString(this.format) as string;\n\t\t\t\tbreak;\n\t\t\tcase 'password':\n\t\t\t\tthis.display = (<string>this.model).replace(/./g, '*');\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tconsole.error(\"Invalid type: '\" + this.type + \"'\");\n\t\t\t\tbreak;\n\t\t}\n\t}\n}\n","@if (model == undefined || model == null) {\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\n} @else {\n\t@if (type == 'bool') {\n\t\t@if (!!model) {\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\n\t\t} @else {\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\n\t\t}\n\t} @else {\n\t\t@if (display == undefined) {\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\n\t\t} @else {\n\t\t\t<span [style.color]=\"color\">\n\t\t\t\t{{ display }}\n\t\t\t</span>\n\t\t}\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAmBa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;QAQU,IAAI,CAAA,IAAA,GAAe,MAAM,CAAC;QAE1B,IAAK,CAAA,KAAA,GAAW,MAAM,CAAC;QAEhC,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AA2Bb,KAAA;AAzBA,IAAA,WAAW,CAAC,OAAY,EAAA;AACvB,QAAA,QAAQ,IAAI,CAAC,IAAI;AAChB,YAAA,KAAK,MAAM;AACV,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAe,CAAC;gBACpC,MAAM;AACP,YAAA,KAAK,QAAQ;gBACZ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC;AACrC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACP,YAAA,KAAK,SAAS;gBACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,WAAW,CAAC;AACzC,gBAAA,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,MAAM;AACP,YAAA,KAAK,MAAM;gBACV,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC;AACpC,gBAAA,IAAI,CAAC,OAAO,GAAY,IAAI,CAAC,KAAM,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAW,CAAC;gBACxE,MAAM;AACP,YAAA,KAAK,UAAU;AACd,gBAAA,IAAI,CAAC,OAAO,GAAY,IAAI,CAAC,KAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;gBACvD,MAAM;AACP,YAAA;gBACC,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC;gBACnD,MAAM;SACP;KACD;8GAhCW,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,uKCnB3B,ukBAmBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDAa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEL,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ukBAAA,EAAA,CAAA;8BAGpB,KAAK,EAAA,CAAA;sBAA/B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;;;AEvBP;;AAEG;;;;"}

package/fesm2022/aril-ui.mjs

@@ -1,4 +1,4 @@
-const aril_ui = "ARiL-UI";
+const aril_ui = 'ARiL-UI';
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/aril-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui.mjs","sources":["../../projects/aril/ui/index.ts","../../projects/aril/ui/aril-ui.ts"],"sourcesContent":["export const aril_ui = \"ARiL-UI\";","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,MAAM,OAAO,GAAG;;ACAvB;;AAEG;;;;"}
+{"version":3,"file":"aril-ui.mjs","sources":["../../projects/aril/ui/index.ts","../../projects/aril/ui/aril-ui.ts"],"sourcesContent":["export const aril_ui = 'ARiL-UI';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAO,MAAM,OAAO,GAAG;;ACAvB;;AAEG;;;;"}

package/fesm2022/aril-util-init-event.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-util-init-event.mjs","sources":["../../projects/aril/util/init-event/src/init-event.directive.ts","../../projects/aril/util/init-event/aril-util-init-event.ts"],"sourcesContent":["import { Directive, EventEmitter, OnInit, Output } from '@angular/core';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[arilInit]'\r\n})\r\nexport class InitEventDirective implements OnInit {\r\n\r\n  @Output() arilInit: EventEmitter<never> = new EventEmitter<never>();\r\n\r\n  ngOnInit() {\r\n    this.arilInit.emit();\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,kBAAkB,CAAA;AAJ/B,IAAA,WAAA,GAAA;AAMY,QAAA,IAAA,CAAA,QAAQ,GAAwB,IAAI,YAAY,EAAS,CAAC;AAKrE,KAAA;IAHC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;KACtB;8GANU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,YAAY;AACvB,iBAAA,CAAA;8BAGW,QAAQ,EAAA,CAAA;sBAAjB,MAAM;;;ACRT;;AAEG;;;;"}
+{"version":3,"file":"aril-util-init-event.mjs","sources":["../../projects/aril/util/init-event/src/init-event.directive.ts","../../projects/aril/util/init-event/aril-util-init-event.ts"],"sourcesContent":["import { Directive, EventEmitter, OnInit, Output } from '@angular/core';\n\n@Directive({\n\tstandalone: true,\n\tselector: '[arilInit]'\n})\nexport class InitEventDirective implements OnInit {\n\t@Output() arilInit: EventEmitter<never> = new EventEmitter<never>();\n\n\tngOnInit() {\n\t\tthis.arilInit.emit();\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAMa,kBAAkB,CAAA;AAJ/B,IAAA,WAAA,GAAA;AAKW,QAAA,IAAA,CAAA,QAAQ,GAAwB,IAAI,YAAY,EAAS,CAAC;AAKpE,KAAA;IAHA,QAAQ,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;KACrB;8GALW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,YAAY;AACtB,iBAAA,CAAA;8BAEU,QAAQ,EAAA,CAAA;sBAAjB,MAAM;;;ACPR;;AAEG;;;;"}

package/fesm2022/aril-util-lib.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-util-lib.mjs","sources":["../../projects/aril/util/lib/src/types.ts","../../projects/aril/util/lib/src/interfaces.ts","../../projects/aril/util/lib/aril-util-lib.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/ban-types */\r\n/* eslint-disable @typescript-eslint/no-namespace */\r\n\r\nimport { InputSignal } from \"@angular/core\";\r\nimport { FormControl, FormGroup } from \"@angular/forms\"\r\n\r\nexport namespace Types {\r\n  type MarkComponentProps<Component> = {\r\n    [Key in keyof Component]: Component[Key] extends Function ? never : Key;\r\n  }\r\n  type KeyOfComponentProps<T> = MarkComponentProps<T>[keyof T];\r\n  type ComponentProps<T> = Pick<T, KeyOfComponentProps<T>>;\r\n  export type NgChanges<Component, Props = ComponentProps<Component>> = {\r\n    [Key in keyof Props]: {\r\n      previousValue: Props[Key];\r\n      currentValue: Props[Key];\r\n      firstChange: boolean;\r\n      isFirstChange(): boolean;\r\n    }\r\n  }\r\n\r\n  export type IsArray<T> = T extends (infer U)[] ? U : never;\r\n\r\n  export type ControlsOf<T extends Record<string, any>> = {\r\n    [K in keyof T]: T[K] extends Record<any, any>\r\n    ? T[K] extends any[]\r\n    ? FormControl<T[K] | null>\r\n    : FormGroup<ControlsOf<T[K]>>\r\n    : FormControl<T[K] | null>;\r\n  };\r\n\r\n  type Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\r\n    ? Acc[number]\r\n    : Enumerate<N, [...Acc, Acc['length']]>\r\n\r\n  export type NumberRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>\r\n\r\n  export type ComponentInputs<C> = {\r\n    [K in keyof Pick<\r\n      C,\r\n      {\r\n        [K in keyof C]: C[K] extends InputSignal<any> ? K : never;\r\n      }[keyof C]\r\n    >]: C[K] extends InputSignal<infer _, infer Write> ? Write : never;\r\n  };\r\n}","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/* eslint-disable @typescript-eslint/no-namespace */\r\n\r\nexport namespace Interfaces {\r\n  export interface MapStringString {\r\n    [key: string]: string\r\n  }\r\n  export interface MapStringNumber {\r\n    [key: string]: number\r\n  }\r\n  export interface MapStringBoolean {\r\n    [key: string]: boolean\r\n  }\r\n  export interface MapStringObject<T> {\r\n    [key: string]: T\r\n  }\r\n  export interface MapStringAny {\r\n    [key: string]: any\r\n  }\r\n  export interface MapNumberString {\r\n    [key: number]: string\r\n  }\r\n  export interface MapNumberNumber {\r\n    [key: number]: number\r\n  }\r\n  export interface MapNumberBoolean {\r\n    [key: number]: boolean\r\n  }\r\n  export interface MapNumberObject<T> {\r\n    [key: number]: T\r\n  }\r\n  export interface MapNumberArray<T> {\r\n    [key: number]: Array<T>\r\n  }\r\n  export interface MapNumberAny {\r\n    [key: number]: any\r\n  }\r\n  export interface MapEnums {\r\n    [key: number]: MapStringString\r\n  }\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;;ACHA;AACA;;ACDA;;AAEG"}
+{"version":3,"file":"aril-util-lib.mjs","sources":["../../projects/aril/util/lib/src/types.ts","../../projects/aril/util/lib/src/interfaces.ts","../../projects/aril/util/lib/aril-util-lib.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-namespace */\n\nimport { InputSignal } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\nexport namespace Types {\n\ttype MarkComponentProps<Component> = {\n\t\t[Key in keyof Component]: Component[Key] extends Function ? never : Key;\n\t};\n\ttype KeyOfComponentProps<T> = MarkComponentProps<T>[keyof T];\n\ttype ComponentProps<T> = Pick<T, KeyOfComponentProps<T>>;\n\texport type NgChanges<Component, Props = ComponentProps<Component>> = {\n\t\t[Key in keyof Props]: {\n\t\t\tpreviousValue: Props[Key];\n\t\t\tcurrentValue: Props[Key];\n\t\t\tfirstChange: boolean;\n\t\t\tisFirstChange(): boolean;\n\t\t};\n\t};\n\n\texport type IsArray<T> = T extends (infer U)[] ? U : never;\n\n\texport type ControlsOf<T extends Record<string, any>> = {\n\t\t[K in keyof T]: T[K] extends Record<any, any> ?\n\t\t\tT[K] extends any[] ?\n\t\t\t\tFormControl<T[K] | null>\n\t\t\t:\tFormGroup<ControlsOf<T[K]>>\n\t\t:\tFormControl<T[K] | null>;\n\t};\n\n\ttype Enumerate<N extends number, Acc extends number[] = []> =\n\t\tAcc['length'] extends N ? Acc[number] : Enumerate<N, [...Acc, Acc['length']]>;\n\n\texport type NumberRange<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\n\texport type ComponentInputs<C> = {\n\t\t[K in keyof Pick<\n\t\t\tC,\n\t\t\t{\n\t\t\t\t[K in keyof C]: C[K] extends InputSignal<any> ? K : never;\n\t\t\t}[keyof C]\n\t\t>]: C[K] extends InputSignal<infer _, infer Write> ? Write : never;\n\t};\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-namespace */\n\nexport namespace Interfaces {\n\texport interface MapStringString {\n\t\t[key: string]: string;\n\t}\n\texport interface MapStringNumber {\n\t\t[key: string]: number;\n\t}\n\texport interface MapStringBoolean {\n\t\t[key: string]: boolean;\n\t}\n\texport interface MapStringObject<T> {\n\t\t[key: string]: T;\n\t}\n\texport interface MapStringAny {\n\t\t[key: string]: any;\n\t}\n\texport interface MapNumberString {\n\t\t[key: number]: string;\n\t}\n\texport interface MapNumberNumber {\n\t\t[key: number]: number;\n\t}\n\texport interface MapNumberBoolean {\n\t\t[key: number]: boolean;\n\t}\n\texport interface MapNumberObject<T> {\n\t\t[key: number]: T;\n\t}\n\texport interface MapNumberArray<T> {\n\t\t[key: number]: Array<T>;\n\t}\n\texport interface MapNumberAny {\n\t\t[key: number]: any;\n\t}\n\texport interface MapEnums {\n\t\t[key: number]: MapStringString;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;;ACHA;AACA;;ACDA;;AAEG"}

package/fesm2022/aril-util-primitive-extensions.mjs

@@ -5,49 +5,70 @@ Date.prototype.dateToString = function (format) {
     if (!this || !this.getTime || isNaN(this.getTime()))
         return undefined;
     switch (format) {
-        case "hour":
-            format = "hh:mm";
+        case 'hour':
+            format = 'hh:mm';
             break;
-        case "time":
-            format = "dd/MMMM/yyyy hh:mm";
+        case 'time':
+            format = 'dd/MMMM/yyyy hh:mm';
             break;
-        case "second":
-            format = "dd/MMMM/yyyy hh:mm:ss";
+        case 'second':
+            format = 'dd/MMMM/yyyy hh:mm:ss';
             break;
-        case "minute":
-            format = "dd/MMMM/yyyy hh:mm";
+        case 'minute':
+            format = 'dd/MMMM/yyyy hh:mm';
             break;
-        case "day":
-            format = "dd/MMMM/yyyy";
+        case 'day':
+            format = 'dd/MMMM/yyyy';
             break;
-        case "onlyDay":
-            format = "dd";
+        case 'onlyDay':
+            format = 'dd';
             break;
-        case "month":
-            format = "MMMM/yyyy";
+        case 'month':
+            format = 'MMMM/yyyy';
             break;
-        case "monthInt":
-            format = "MM/yyyy";
+        case 'monthInt':
+            format = 'MM/yyyy';
             break;
-        case "onlyMonth":
-            format = "MMMM";
+        case 'onlyMonth':
+            format = 'MMMM';
             break;
-        case "year":
-            format = "yyyy";
+        case 'year':
+            format = 'yyyy';
             break;
         default:
-            format = format ? format : "dd/MMMM/yyyy";
+            format = format ? format : 'dd/MMMM/yyyy';
             break;
     }
-    const months = ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"];
+    const months = [
+        'Ocak',
+        'Şubat',
+        'Mart',
+        'Nisan',
+        'Mayıs',
+        'Haziran',
+        'Temmuz',
+        'Ağustos',
+        'Eylül',
+        'Ekim',
+        'Kasım',
+        'Aralık'
+    ];
     const year = this.getFullYear().toString();
-    const month = this.getMonth() >= 9 ? (this.getMonth() + 1).toString() : ("0" + (this.getMonth() + 1).toString());
+    const month = this.getMonth() >= 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1).toString();
     const monthText = months[this.getMonth()];
-    const day = this.getDate() > 9 ? this.getDate().toString() : ("0" + this.getDate().toString());
-    const hour = this.getHours() > 9 ? this.getHours().toString() : ("0" + this.getHours().toString());
-    const minute = this.getMinutes() > 9 ? this.getMinutes().toString() : ("0" + this.getMinutes().toString());
-    const second = this.getSeconds() > 9 ? this.getSeconds().toString() : ("0" + this.getSeconds().toString());
-    const dictionary = { "dd": day, "hh": hour, "mm": minute, "ss": second, "yyyy": year, "MMMM": monthText, "MM": month };
+    const day = this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate().toString();
+    const hour = this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours().toString();
+    const minute = this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes().toString();
+    const second = this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds().toString();
+    const dictionary = {
+        dd: day,
+        hh: hour,
+        mm: minute,
+        ss: second,
+        yyyy: year,
+        MMMM: monthText,
+        MM: month
+    };
     let result = format;
     for (const i in dictionary) {
         result = result.replace(i, dictionary[i]);
@@ -58,35 +79,35 @@ Date.prototype.dateToLong = function (zoomLevel) {
     if (!this || !this.getFullYear)
         return undefined;
     const year = this.getFullYear().toString();
-    const month = this.getMonth() >= 9 ? (this.getMonth() + 1).toString() : ("0" + (this.getMonth() + 1).toString());
-    const day = this.getDate() > 9 ? this.getDate().toString() : ("0" + this.getDate().toString());
-    const hour = this.getHours() > 9 ? this.getHours().toString() : ("0" + this.getHours().toString());
-    const minute = this.getMinutes() > 9 ? this.getMinutes().toString() : ("0" + this.getMinutes().toString());
-    const second = this.getSeconds() > 9 ? this.getSeconds().toString() : ("0" + this.getSeconds().toString());
+    const month = this.getMonth() >= 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1).toString();
+    const day = this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate().toString();
+    const hour = this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours().toString();
+    const minute = this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes().toString();
+    const second = this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds().toString();
     let result;
     if (!zoomLevel)
-        zoomLevel = "day";
+        zoomLevel = 'day';
     switch (zoomLevel) {
-        case "time":
+        case 'time':
             result = year + month + day + hour + minute + second;
             break;
-        case "minute":
-            result = year + month + day + hour + minute + "00";
+        case 'minute':
+            result = year + month + day + hour + minute + '00';
             break;
-        case "hour":
-            result = year + month + day + hour + "0000";
+        case 'hour':
+            result = year + month + day + hour + '0000';
             break;
-        case "day":
-            result = year + month + day + "000000";
+        case 'day':
+            result = year + month + day + '000000';
             break;
-        case "month":
-            result = year + month + "01000000";
+        case 'month':
+            result = year + month + '01000000';
             break;
-        case "year":
-            result = year + "0101000000";
+        case 'year':
+            result = year + '0101000000';
             break;
         default:
-            result = year + month + day + "000000";
+            result = year + month + day + '000000';
             break;
     }
     return result;
@@ -95,11 +116,17 @@ Date.prototype.dateToLong = function (zoomLevel) {
 Number.prototype.safeBool = function () {
     return !!this;
 };
-Number.prototype.isNull = function () { return this === null; };
-Number.prototype.isUndefined = function () { return this === undefined; };
-Number.prototype.isNullOrUndefined = function () { return this.isNull() || this.isUndefined(); };
+Number.prototype.isNull = function () {
+    return this === null;
+};
+Number.prototype.isUndefined = function () {
+    return this === undefined;
+};
+Number.prototype.isNullOrUndefined = function () {
+    return this.isNull() || this.isUndefined();
+};
 Number.prototype.longToDate = function () {
-    if (!this || this.toString() == "0")
+    if (!this || this.toString() == '0')
         return undefined;
     const str = this.toString();
     const year = str.substring(0, 4);
@@ -108,10 +135,10 @@ Number.prototype.longToDate = function () {
     const hour = str.substring(8, 10);
     const min = str.substring(10, 12);
     const sn = str.substring(12, 14);
-    return new Date(year + "-" + month + "-" + day + " " + hour + ":" + min + ":" + sn);
+    return new Date(year + '-' + month + '-' + day + ' ' + hour + ':' + min + ':' + sn);
 };
 Number.prototype.longToString = function (format) {
-    if (!this || this.toString() == "0")
+    if (!this || this.toString() == '0')
         return undefined;
     return this.longToDate()?.dateToString(format);
 };
@@ -128,19 +155,19 @@ String.prototype.safeBool = function () {
     return !!this;
 };
 String.prototype.escapeRegExp = function () {
-    return this.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    return this.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 };
 String.prototype.toCamelCase = function () {
     return this.replace(/(?:^\w|[A-Z]|-|\b\w)/g, (character, index) => index === 0 ? character.toLocaleLowerCase() : character.toLocaleUpperCase());
 };
 String.prototype.toPascalCase = function () {
-    return this.replace(/(?:^\w|[A-Z]|-|\b\w)/g, firstCharacter => firstCharacter.toLocaleUpperCase());
+    return this.replace(/(?:^\w|[A-Z]|-|\b\w)/g, (firstCharacter) => firstCharacter.toLocaleUpperCase());
 };
 String.prototype.toCapitalizeFirstLetter = function () {
     return this.charAt(0).toLocaleUpperCase() + this.slice(1);
 };
 String.prototype.stringToBool = function (str) {
-    if (str == "true" || str == "1")
+    if (str == 'true' || str == '1')
         return true;
     else
         return false;