aril 0.0.6 → 0.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-table.mjs","sources":["../../projects/aril/ui/table/src/i18n.ts","../../projects/aril/ui/table/src/table-column.component.ts","../../projects/aril/ui/table/src/table.component.ts","../../projects/aril/ui/table/src/table.component.html","../../projects/aril/ui/table/index.ts","../../projects/aril/ui/table/aril-ui-table.ts"],"sourcesContent":["export const tranlations = {\r\n  \"matchAll\": \"Tümü\",\r\n  \"matchAny\": \"Herhangi biri\",\r\n  \"startsWith\": \"İle başlar\",\r\n  \"contains\": \"İçerir\",\r\n  \"notContains\": \"İçermez\",\r\n  \"notEquals\": \"Eşit değildir\",\r\n  \"endsWith\": \"İle biter\",\r\n  \"equals\": \"Eşittir\",\r\n  \"lt\": \"Eşit değildir\",\r\n  \"lte\": \"Küçük eşittir\",\r\n  \"gt\": \"Büyüktür\",\r\n  \"gte\": \"Büyük eşittir\",\r\n  \"is\": \"Eşittir\",\r\n  \"isNot\": \"Eşit değildir\",\r\n  \"before\": \"Önce\",\r\n  \"after\": \"Sonra\",\r\n  \"clear\": \"Temizle\",\r\n  \"apply\": \"Uygula\",\r\n  \"addRule\": \"Kural Ekle\",\r\n  \"removeRule\": \"Kural Kaldır\",\r\n  \"accept\": \"Kabul\",\r\n  \"reject\": \"Reddet\",\r\n  \"choose\": \"Seç\",\r\n  \"upload\": \"Yükle\",\r\n  \"cancel\": \"İptal\",\r\n  \"dayNames\": [\r\n    \"Pazar\",\r\n    \"Pazartesi\",\r\n    \"Salı\",\r\n    \"Çarşamba\",\r\n    \"Perşembe\",\r\n    \"Cuma\",\r\n    \"Cumartesi\"\r\n  ],\r\n  \"dayNamesShort\": [\r\n    \"Paz\",\r\n    \"Pzt\",\r\n    \"Sal\",\r\n    \"Çar\",\r\n    \"Per\",\r\n    \"Cum\",\r\n    \"Cmt\"\r\n  ],\r\n  \"dayNamesMin\": [\r\n    \"Pz\",\r\n    \"Pt\",\r\n    \"Sa\",\r\n    \"Ça\",\r\n    \"Pe\",\r\n    \"Cu\",\r\n    \"Ct\"\r\n  ],\r\n  \"monthNames\": [\r\n    \"Ocak\",\r\n    \"Şubat\",\r\n    \"Mart\",\r\n    \"Nisan\",\r\n    \"Mayıs\",\r\n    \"Haziran\",\r\n    \"Temmuz\",\r\n    \"Ağustos\",\r\n    \"Eylül\",\r\n    \"Ekim\",\r\n    \"Kasım\",\r\n    \"Aralık\"\r\n  ],\r\n  \"monthNamesShort\": [\r\n    \"Oca\",\r\n    \"Şub\",\r\n    \"Mar\",\r\n    \"Nis\",\r\n    \"May\",\r\n    \"Haz\",\r\n    \"Tem\",\r\n    \"Ağu\",\r\n    \"Eyl\",\r\n    \"Eki\",\r\n    \"Kas\",\r\n    \"Ara\"\r\n  ],\r\n  \"dateFormat\": \"dd.mm.yy\",\r\n  \"firstDayOfWeek\": 1,\r\n  \"today\": \"Bugün\",\r\n  \"weekHeader\": \"Hf\",\r\n  \"weak\": \"Zayıf\",\r\n  \"medium\": \"Orta\",\r\n  \"strong\": \"Güçlü\",\r\n  \"passwordPrompt\": \"Şifre\",\r\n  \"emptyMessage\": \"Kayıt bulunamadı\",\r\n  \"emptyFilterMessage\": \"Eşleşen kayıt bulunamadı\"\r\n}","import { Component, ContentChild, Input, TemplateRef } from \"@angular/core\";\r\n\r\nexport type ValueTypes = 'text' | 'numeric' | 'date' | 'boolean' | 'custom';\r\n\r\nexport interface TableColumns {\r\n  _results: Array<TableColumn>;\r\n}\r\nexport interface TableColumn {\r\n  field: string;\r\n  header: string;\r\n  type: ValueTypes;\r\n  isOperation?: boolean;\r\n  template: TemplateRef<any>;\r\n}\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-table-column',\r\n  template: `\r\n    <ng-content></ng-content>\r\n  `\r\n})\r\nexport class TableColumnComponent {\r\n  @Input({ required: true }) field!: string;\r\n  @Input({ required: true }) header!: string;\r\n  @Input() type: ValueTypes = 'text';\r\n  @Input() isOperation?: boolean;\r\n\r\n  @ContentChild(TemplateRef) template: any;\r\n}","import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Input, Output } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';\r\nimport { TableModule } from 'primeng/table';\r\nimport { MenuItem, PrimeNGConfig } from 'primeng/api';\r\nimport * as FileSaver from 'file-saver';\r\nimport { ButtonComponent } from \"aril/ui/button\";\r\nimport { TextComponent } from \"aril/ui/text\";\r\nimport { ProxyTypes } from 'aril/http';\r\nimport { tranlations } from './i18n';\r\nimport { TableColumnComponent, TableColumns } from './table-column.component';\r\n\r\n/* TODO : \r\n    1. server-side-proxy (ProxyTypes.ServerSide)\r\n      . custom columFilter\r\n      . custom sort\r\n      . pagination operation\r\n*/\r\n\r\ntype SelectionModes = \"single\" | \"multiple\";\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-table',\r\n  templateUrl: './table.component.html',\r\n  imports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TableComponent {\r\n  constructor(private primengConfig: PrimeNGConfig) {\r\n    this.primengConfig.setTranslation(tranlations);\r\n  }\r\n\r\n  @Input({ required: true }) data: any[] = [];\r\n  @Input() checkboxSelection = false;\r\n  @Input() rows = 10;\r\n  @Input() rowsPerPageOptions = [10, 20, 50, 100];\r\n  @Input() paginator = true;\r\n  @Input() loading = false;\r\n  @Input() selectionMode!: SelectionModes;\r\n  @Input() contextMenu!: MenuItem[];\r\n  @Input() proxy: ProxyTypes = ProxyTypes.Native;\r\n\r\n  @Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n  @ContentChildren(TableColumnComponent) columns!: TableColumns;\r\n\r\n  filterText!: string;\r\n  selectedRows: any;\r\n  filteredRows: any;\r\n\r\n  setFilteredRows(rows: any) {\r\n    this.filteredRows = rows;\r\n  }\r\n\r\n  excelExport() {\r\n    import('xlsx').then((xlsx) => {\r\n      const worksheet = xlsx.utils.json_to_sheet(this.selectedRows || this.filteredRows || this.data);\r\n      const workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };\r\n      const excelBuffer: any = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n      this.saveAsExcelFile(excelBuffer, 'thor_excel');\r\n    });\r\n  }\r\n\r\n  saveAsExcelFile(buffer: any, fileName: string): void {\r\n    const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n    const EXCEL_EXTENSION = '.xlsx';\r\n    const data: Blob = new Blob([buffer], {\r\n      type: EXCEL_TYPE\r\n    });\r\n    FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);\r\n  }\r\n}\r\n","<p-table\r\n\t#ref\r\n\t[value]=\"data\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"rows\"\r\n\t[rowHover]=\"true\"\r\n\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t[loading]=\"loading\"\r\n\t[contextMenu]=\"contextMenu\"\r\n\t[(contextMenuSelection)]=\"selectedRows\"\r\n\t[paginator]=\"paginator\"\r\n\t[filterDelay]=\"0\"\r\n\t(onFilter)=\"setFilteredRows($event)\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[(selection)]=\"selectedRows\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedRows)\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} | Sayfa : {currentPage} / {totalPages}\"\r\n\tstyleClass=\"p-datatable-gridlines p-datatable-striped p-datatable-sm\">\r\n\t<ng-template pTemplate=\"caption\">\r\n\t\t<div class=\"flex\">\r\n\t\t\t<aril-button\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\ticon=\"FILE_EXCEL\"\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\tpTooltip=\"XLS\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t\t(clickEvent)=\"excelExport()\"></aril-button>\r\n\t\t\t<aril-button\r\n\t\t\t\tsize=\"sm\"\r\n\t\t\t\ticon=\"TRASH\"\r\n\t\t\t\tcolor=\"danger\"\r\n\t\t\t\tpTooltip=\"Temizle\"\r\n\t\t\t\ttooltipPosition=\"top\"\r\n\t\t\t\t(clickEvent)=\"ref.clear()\"></aril-button>\r\n\t\t\t<span class=\"p-input-icon-left ml-auto\">\r\n\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\t[ngModel]=\"filterText\"\r\n\t\t\t\t\t(ngModelChange)=\"ref.filterGlobal($event, 'contains')\"\r\n\t\t\t\t\tplaceholder=\"Arama\"></aril-text>\r\n\t\t\t</span>\r\n\t\t</div>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t<tr>\r\n\t\t\t@if (checkboxSelection) {\r\n\t\t\t\t<th>\r\n\t\t\t\t\t<p-tableHeaderCheckbox></p-tableHeaderCheckbox>\r\n\t\t\t\t</th>\r\n\t\t\t}\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t@if (column.isOperation) {\r\n\t\t\t\t\t<th>\r\n\t\t\t\t\t\t<div class=\"flex justify-content-center\">Operations</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t<th [pSortableColumn]=\"column.field\">\r\n\t\t\t\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t\t\t\t{{ column.header }}\r\n\t\t\t\t\t\t\t<p-sortIcon [field]=\"column.field\"></p-sortIcon>\r\n\t\t\t\t\t\t\t<p-columnFilter\r\n\t\t\t\t\t\t\t\tdisplay=\"menu\"\r\n\t\t\t\t\t\t\t\tmatchMode=\"contains\"\r\n\t\t\t\t\t\t\t\t[type]=\"column.type\"\r\n\t\t\t\t\t\t\t\t[field]=\"column.field\"\r\n\t\t\t\t\t\t\t\t[showMatchModes]=\"false\"\r\n\t\t\t\t\t\t\t\t[showOperator]=\"true\"\r\n\t\t\t\t\t\t\t\t[showAddButton]=\"true\">\r\n\t\t\t\t\t\t\t</p-columnFilter>\r\n\t\t\t\t\t\t\t<!-- custom filter for (date etc.)-->\r\n\t\t\t\t\t\t\t<!-- <p-columnFilter type=\"text\" [field]=\"col.field\" [matchModeOptions]=\"matchModeOptions\" [matchMode]=\"'custom-equals'\"></p-columnFilter> -->\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"body\" let-item let-columns=\"columns\">\r\n\t\t<tr>\r\n\t\t\t@for (column of columns; track $index) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<ng-template\r\n\t\t\t\t\t\tngFor\r\n\t\t\t\t\t\t[ngForOf]=\"[item]\"\r\n\t\t\t\t\t\t[ngForTemplate]=\"column.template\">\r\n\t\t\t\t\t</ng-template>\r\n\t\t\t\t</td>\r\n\t\t\t}\r\n\t\t</tr>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"summary\">\r\n\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t</ng-template>\r\n\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t<tr>\r\n\t\t\t<td colspan=\"12\">\r\n\t\t\t\t<div class=\"w-full flex\">\r\n\t\t\t\t\t<h3>No Data Found.</h3>\r\n\t\t\t\t</div>\r\n\t\t\t</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-table>\r\n","export * from './src/table.component';\r\nexport * from './src/table-column.component';\r\n\r\n// it can be use ngModule\r\n\r\n// import { NgModule } from '@angular/core';\r\n// import { FormsModule } from '@angular/forms';\r\n// import { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';\r\n// import { TableModule } from 'primeng/table';\r\n// import { ButtonComponent } from \"aril/ui/button\";\r\n// import { TextComponent } from \"aril/ui/text\";\r\n// import { TableComponent } from './src/table.component';\r\n// import { TableColumnComponent } from './src/table-column.component';\r\n\r\n// const components = [TableComponent, TableColumnComponent];\r\n\r\n// @NgModule({\r\n//   imports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],\r\n//   exports: [components],\r\n//   declarations: [components]\r\n// })\r\n// export class ARiLTableModule { }\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-table.mjs","sources":["../../projects/aril/ui/table/src/i18n.ts","../../projects/aril/ui/table/src/table-column.component.ts","../../projects/aril/ui/table/src/table.component.ts","../../projects/aril/ui/table/src/table.component.html","../../projects/aril/ui/table/index.ts","../../projects/aril/ui/table/aril-ui-table.ts"],"sourcesContent":["export const tranlations = {\n\tmatchAll: 'Tümü',\n\tmatchAny: 'Herhangi biri',\n\tstartsWith: 'İle başlar',\n\tcontains: 'İçerir',\n\tnotContains: 'İçermez',\n\tnotEquals: 'Eşit değildir',\n\tendsWith: 'İle biter',\n\tequals: 'Eşittir',\n\tlt: 'Eşit değildir',\n\tlte: 'Küçük eşittir',\n\tgt: 'Büyüktür',\n\tgte: 'Büyük eşittir',\n\tis: 'Eşittir',\n\tisNot: 'Eşit değildir',\n\tbefore: 'Önce',\n\tafter: 'Sonra',\n\tclear: 'Temizle',\n\tapply: 'Uygula',\n\taddRule: 'Kural Ekle',\n\tremoveRule: 'Kural Kaldır',\n\taccept: 'Kabul',\n\treject: 'Reddet',\n\tchoose: 'Seç',\n\tupload: 'Yükle',\n\tcancel: 'İptal',\n\tdayNames: ['Pazar', 'Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],\n\tdayNamesShort: ['Paz', 'Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],\n\tdayNamesMin: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],\n\tmonthNames: [\n\t\t'Ocak',\n\t\t'Şubat',\n\t\t'Mart',\n\t\t'Nisan',\n\t\t'Mayıs',\n\t\t'Haziran',\n\t\t'Temmuz',\n\t\t'Ağustos',\n\t\t'Eylül',\n\t\t'Ekim',\n\t\t'Kasım',\n\t\t'Aralık'\n\t],\n\tmonthNamesShort: ['Oca', 'Şub', 'Mar', 'Nis', 'May', 'Haz', 'Tem', 'Ağu', 'Eyl', 'Eki', 'Kas', 'Ara'],\n\tdateFormat: 'dd.mm.yy',\n\tfirstDayOfWeek: 1,\n\ttoday: 'Bugün',\n\tweekHeader: 'Hf',\n\tweak: 'Zayıf',\n\tmedium: 'Orta',\n\tstrong: 'Güçlü',\n\tpasswordPrompt: 'Şifre',\n\temptyMessage: 'Kayıt bulunamadı',\n\temptyFilterMessage: 'Eşleşen kayıt bulunamadı'\n};\n","import { Component, ContentChild, Input, TemplateRef } from '@angular/core';\n\ntype ValueTypes = 'text' | 'numeric' | 'date' | 'boolean' | 'custom';\n\nexport interface TableColumns {\n\t_results: Array<TableColumn>;\n}\ninterface TableColumn {\n\tfield: string;\n\theader: string;\n\ttype: ValueTypes;\n\tisOperation?: boolean;\n\ttemplate: TemplateRef<any>;\n}\n\n@Component({\n\t// standalone: true,\n\tselector: 'aril-table-column',\n\ttemplate: ` <ng-content></ng-content> `\n})\nexport class TableColumnComponent {\n\t@Input({ required: true }) field!: string;\n\t@Input({ required: true }) header!: string;\n\t@Input({ required: true }) type: ValueTypes = 'text';\n\t@Input() isOperation = false;\n\n\t@ContentChild(TemplateRef) template: any;\n}\n","import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, input, Output } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';\n\nimport { TableModule } from 'primeng/table';\nimport { PrimeNGConfig } from 'primeng/api';\nimport * as FileSaver from 'file-saver';\n\nimport { ButtonComponent } from 'aril/ui/button';\nimport { TextComponent } from 'aril/ui/text';\nimport { ProxyTypes } from 'aril/http';\n\nimport { tranlations } from './i18n';\nimport { TableColumnComponent, TableColumns } from './table-column.component';\n\n/* TODO :\n * server-side-proxy (ProxyTypes.ServerSide)\n * search & colum filter & sort\n * export\n * pagination operation\n * p-datatable-sm th padding:.25rem\n */\nconst pageOptions = [10, 20, 50, 100] as const;\n\n@Component({\n\t// standalone: true,\n\tselector: 'aril-table',\n\ttemplateUrl: './table.component.html',\n\t// imports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],\n\tchangeDetection: ChangeDetectionStrategy.Default\n})\nexport class TableComponent {\n\tconstructor(private primengConfig: PrimeNGConfig) {\n\t\tthis.primengConfig.setTranslation(tranlations);\n\t}\n\n\tdata = input.required<any[]>();\n\tcheckboxSelection = input<boolean>();\n\tpageSize = input<(typeof pageOptions)[number]>(10);\n\tproxy = input<ProxyTypes>(ProxyTypes.Native);\n\n\t@Output() onPageEvent: EventEmitter<any> = new EventEmitter<any>();\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\n\n\t@ContentChildren(TableColumnComponent) columns!: TableColumns;\n\n\tfilterText!: string;\n\tselectedRows: any;\n\tpageOptions = pageOptions;\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-table\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]=\"[10, 20, 50, 100]\"\n\t[filterDelay]=\"0\"\n\tsortMode=\"multiple\"\n\t[(selection)]=\"selectedRows\"\n\t(onPage)=\"onPageEvent.emit($event)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedRows)\"\n\t[showCurrentPageReport]=\"true\"\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kayıt | Sayfa : {currentPage} / {totalPages}\"\n\tstyleClass=\"p-datatable-gridlines p-datatable-striped p-datatable-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-tableHeaderCheckbox></p-tableHeaderCheckbox>\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 [pSortableColumn]=\"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-sortIcon [field]=\"column.field\"></p-sortIcon>\n\t\t\t\t\t\t\t<p-columnFilter\n\t\t\t\t\t\t\t\tdisplay=\"menu\"\n\t\t\t\t\t\t\t\t[type]=\"column.type\"\n\t\t\t\t\t\t\t\t[field]=\"column.field\"\n\t\t\t\t\t\t\t\t[showMatchModes]=\"true\"\n\t\t\t\t\t\t\t\t[showOperator]=\"false\"\n\t\t\t\t\t\t\t\t[showAddButton]=\"true\">\n\t\t\t\t\t\t\t</p-columnFilter>\n\t\t\t\t\t\t\t<!-- custom filter for (date etc.)-->\n\t\t\t\t\t\t\t<!-- <p-columnFilter type=\"text\" [field]=\"col.field\" [matchModeOptions]=\"matchModeOptions\" [matchMode]=\"'custom-equals'\"></p-columnFilter> -->\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-item let-columns=\"columns\">\n\t\t<tr>\n\t\t\t@if (checkboxSelection()) {\n\t\t\t\t<td>\n\t\t\t\t\t<p-tableCheckbox [value]=\"item\"></p-tableCheckbox>\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<ng-template ngFor [ngForOf]=\"[item]\" [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-table>\n","export * from './src/table.component';\nexport * from './src/table-column.component';\n\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';\n\nimport { TableModule } from 'primeng/table';\n\nimport { ButtonComponent } from 'aril/ui/button';\nimport { TextComponent } from 'aril/ui/text';\n\nimport { TableComponent } from './src/table.component';\nimport { TableColumnComponent } from './src/table-column.component';\n\nconst components = [TableComponent, TableColumnComponent];\n\n@NgModule({\n\timports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],\n\texports: [components],\n\tdeclarations: [components]\n})\nexport class ARiLTableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-tagBox.mjs

@@ -20,13 +20,13 @@ class TagBoxComponent extends BaseInputComponent {
     }
     onCustomItemCreating(e) {
         let newValues = [];
-        const items = e.component.option("items");
-        const selectedItems = e.component.option("selectedItems");
-        if (e.text.indexOf(",") != -1)
+        const items = e.component.option('items');
+        const selectedItems = e.component.option('selectedItems');
+        if (e.text.indexOf(',') != -1)
             newValues = e.text.replace(/ /g, '').split(',');
-        else if (e.text.indexOf("|") != -1)
+        else if (e.text.indexOf('|') != -1)
             newValues = e.text.replace(/ /g, '').split('|');
-        else if (e.text.indexOf(" ") != -1)
+        else if (e.text.indexOf(' ') != -1)
             newValues = e.text.split(' ');
         else
             newValues.push(e.text);
@@ -36,16 +36,16 @@ class TagBoxComponent extends BaseInputComponent {
                 items.unshift(value);
             }
         });
-        e.component.option("items", items);
-        e.component.option("value", selectedItems);
-        e.text = "";
+        e.component.option('items', items);
+        e.component.option('value', selectedItems);
+        e.text = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TagBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TagBoxComponent, isStandalone: true, selector: "aril-tag-box", inputs: { placeholder: "placeholder", maxDisplayedTags: "maxDisplayedTags", tabindex: "tabindex", acceptCustomValue: "acceptCustomValue", items: "items" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<dx-tag-box\r\n\t[items]=\"items\"\r\n\t[showSelectionControls]=\"!acceptCustomValue\"\r\n\t[applyValueMode]=\"acceptCustomValue ? 'instantly' : 'useButtons'\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[multiline]=\"false\"\r\n\t[tabIndex]=\"tabindex\"\r\n\t[acceptCustomValue]=\"acceptCustomValue\"\r\n\t[searchEnabled]=\"true\"\r\n\t[maxDisplayedTags]=\"maxDisplayedTags\"\r\n\t[showMultiTagOnly]=\"false\"\r\n\t[showClearButton]=\"true\"\r\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\r\n\t[validationError]=\"\r\n\t\tngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\r\n\t\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</dx-tag-box>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxTagBoxModule }, { kind: "component", type: i3.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TagBoxComponent, isStandalone: true, selector: "aril-tag-box", inputs: { placeholder: "placeholder", maxDisplayedTags: "maxDisplayedTags", tabindex: "tabindex", acceptCustomValue: "acceptCustomValue", items: "items" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<dx-tag-box\n\t[items]=\"items\"\n\t[showSelectionControls]=\"!acceptCustomValue\"\n\t[applyValueMode]=\"acceptCustomValue ? 'instantly' : 'useButtons'\"\n\t[placeholder]=\"placeholder\"\n\t[multiline]=\"false\"\n\t[tabIndex]=\"tabindex\"\n\t[acceptCustomValue]=\"acceptCustomValue\"\n\t[searchEnabled]=\"true\"\n\t[maxDisplayedTags]=\"maxDisplayedTags\"\n\t[showMultiTagOnly]=\"false\"\n\t[showClearButton]=\"true\"\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</dx-tag-box>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxTagBoxModule }, { kind: "component", type: i3.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TagBoxComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-tag-box', imports: [ReactiveFormsModule, DxTagBoxModule, DXInputErrorMessagePipe], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-tag-box\r\n\t[items]=\"items\"\r\n\t[showSelectionControls]=\"!acceptCustomValue\"\r\n\t[applyValueMode]=\"acceptCustomValue ? 'instantly' : 'useButtons'\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[multiline]=\"false\"\r\n\t[tabIndex]=\"tabindex\"\r\n\t[acceptCustomValue]=\"acceptCustomValue\"\r\n\t[searchEnabled]=\"true\"\r\n\t[maxDisplayedTags]=\"maxDisplayedTags\"\r\n\t[showMultiTagOnly]=\"false\"\r\n\t[showClearButton]=\"true\"\r\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\r\n\t[validationError]=\"\r\n\t\tngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\r\n\t\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</dx-tag-box>\r\n" }]
+            args: [{ standalone: true, selector: 'aril-tag-box', imports: [ReactiveFormsModule, DxTagBoxModule, DXInputErrorMessagePipe], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-tag-box\n\t[items]=\"items\"\n\t[showSelectionControls]=\"!acceptCustomValue\"\n\t[applyValueMode]=\"acceptCustomValue ? 'instantly' : 'useButtons'\"\n\t[placeholder]=\"placeholder\"\n\t[multiline]=\"false\"\n\t[tabIndex]=\"tabindex\"\n\t[acceptCustomValue]=\"acceptCustomValue\"\n\t[searchEnabled]=\"true\"\n\t[maxDisplayedTags]=\"maxDisplayedTags\"\n\t[showMultiTagOnly]=\"false\"\n\t[showClearButton]=\"true\"\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</dx-tag-box>\n" }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], maxDisplayedTags: [{

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-tagBox.mjs","sources":["../../projects/aril/ui/tagBox/src/tag-box.component.ts","../../projects/aril/ui/tagBox/src/tag-box.component.html","../../projects/aril/ui/tagBox/aril-ui-tagBox.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { DxTagBoxModule } from \"devextreme-angular/ui/tag-box\";\r\nimport { BaseInputComponent, DXInputErrorMessagePipe, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-tag-box',\r\n  templateUrl: './tag-box.component.html',\r\n  imports: [ReactiveFormsModule, DxTagBoxModule, DXInputErrorMessagePipe],\r\n  providers: [InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TagBoxComponent extends BaseInputComponent {\r\n  @Input() placeholder!: string;\r\n  @Input() maxDisplayedTags = 5;\r\n  @Input() tabindex!: number;\r\n  @Input() acceptCustomValue = true;\r\n  @Input({ required: true }) items: Array<string | number> = [];\r\n\r\n  onCustomItemCreating(e: any) {\r\n    let newValues = [];\r\n\r\n    const items = e.component.option(\"items\");\r\n    const selectedItems = e.component.option(\"selectedItems\");\r\n\r\n    if (e.text.indexOf(\",\") != -1) newValues = e.text.replace(/ /g, '').split(',');\r\n    else if (e.text.indexOf(\"|\") != -1) newValues = e.text.replace(/ /g, '').split('|');\r\n    else if (e.text.indexOf(\" \") != -1) newValues = e.text.split(' ');\r\n    else newValues.push(e.text);\r\n\r\n    newValues.forEach((value: string) => {\r\n      if (selectedItems.indexOf(value) == -1) {\r\n        selectedItems.push(value);\r\n        items.unshift(value);\r\n      }\r\n    });\r\n\r\n    e.component.option(\"items\", items);\r\n    e.component.option(\"value\", selectedItems);\r\n    e.text = \"\";\r\n  }\r\n}\r\n","<dx-tag-box\r\n\t[items]=\"items\"\r\n\t[showSelectionControls]=\"!acceptCustomValue\"\r\n\t[applyValueMode]=\"acceptCustomValue ? 'instantly' : 'useButtons'\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[multiline]=\"false\"\r\n\t[tabIndex]=\"tabindex\"\r\n\t[acceptCustomValue]=\"acceptCustomValue\"\r\n\t[searchEnabled]=\"true\"\r\n\t[maxDisplayedTags]=\"maxDisplayedTags\"\r\n\t[showMultiTagOnly]=\"false\"\r\n\t[showClearButton]=\"true\"\r\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\r\n\t[validationError]=\"\r\n\t\tngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\r\n\t\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</dx-tag-box>\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-tagBox.mjs","sources":["../../projects/aril/ui/tagBox/src/tag-box.component.ts","../../projects/aril/ui/tagBox/src/tag-box.component.html","../../projects/aril/ui/tagBox/aril-ui-tagBox.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { DxTagBoxModule } from 'devextreme-angular/ui/tag-box';\r\n\r\nimport {\r\n\tBaseInputComponent,\r\n\tDXInputErrorMessagePipe,\r\n\tInputErrorMessagePipe,\r\n\tValueAccessorDirective\r\n} from 'aril/ui/lib';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-tag-box',\r\n\ttemplateUrl: './tag-box.component.html',\r\n\timports: [ReactiveFormsModule, DxTagBoxModule, DXInputErrorMessagePipe],\r\n\tproviders: [InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TagBoxComponent extends BaseInputComponent {\r\n\t@Input() placeholder!: string;\r\n\t@Input() maxDisplayedTags = 5;\r\n\t@Input() tabindex!: number;\r\n\t@Input() acceptCustomValue = true;\r\n\t@Input({ required: true }) items: Array<string | number> = [];\r\n\r\n\tonCustomItemCreating(e: any) {\r\n\t\tlet newValues = [];\r\n\r\n\t\tconst items = e.component.option('items');\r\n\t\tconst selectedItems = e.component.option('selectedItems');\r\n\r\n\t\tif (e.text.indexOf(',') != -1) newValues = e.text.replace(/ /g, '').split(',');\r\n\t\telse if (e.text.indexOf('|') != -1) newValues = e.text.replace(/ /g, '').split('|');\r\n\t\telse if (e.text.indexOf(' ') != -1) newValues = e.text.split(' ');\r\n\t\telse newValues.push(e.text);\r\n\r\n\t\tnewValues.forEach((value: string) => {\r\n\t\t\tif (selectedItems.indexOf(value) == -1) {\r\n\t\t\t\tselectedItems.push(value);\r\n\t\t\t\titems.unshift(value);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\te.component.option('items', items);\r\n\t\te.component.option('value', selectedItems);\r\n\t\te.text = '';\r\n\t}\r\n}\r\n","<dx-tag-box\n\t[items]=\"items\"\n\t[showSelectionControls]=\"!acceptCustomValue\"\n\t[applyValueMode]=\"acceptCustomValue ? 'instantly' : 'useButtons'\"\n\t[placeholder]=\"placeholder\"\n\t[multiline]=\"false\"\n\t[tabIndex]=\"tabindex\"\n\t[acceptCustomValue]=\"acceptCustomValue\"\n\t[searchEnabled]=\"true\"\n\t[maxDisplayedTags]=\"maxDisplayedTags\"\n\t[showMultiTagOnly]=\"false\"\n\t[showClearButton]=\"true\"\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</dx-tag-box>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-text.mjs

@@ -34,11 +34,11 @@ class TextComponent extends BaseInputComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TextComponent, isStandalone: true, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: { placeholder: "placeholder", tabindex: "tabindex", icon: ["icon", "icon", iconTransform], iconPosClass: ["iconPos", "iconPosClass", iconPosTransform], size: "size" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<ng-template #input>\r\n\t<input\r\n\t\tpInputText\r\n\t\ttype=\"text\"\r\n\t\t[class]=\"sizeClass\"\r\n\t\t[placeholder]=\"placeholder\"\r\n\t\t[tabindex]=\"tabindex\"\r\n\t\t[pTooltip]=\"\r\n\t\t\tngControl.invalid\r\n\t\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t\t: ''\r\n\t\t\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\r\n</ng-template>\r\n\r\n@if (icon) {\r\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\r\n\t\t<i [class]=\"icon\"></i>\r\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n\t</span>\r\n} @else {\r\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TextComponent, isStandalone: true, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: { placeholder: "placeholder", tabindex: "tabindex", icon: ["icon", "icon", iconTransform], iconPosClass: ["iconPos", "iconPosClass", iconPosTransform], size: "size" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"sizeClass\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[tabindex]=\"tabindex\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (icon) {\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\n\t\t<i [class]=\"icon\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i3.InputText, selector: "[pInputText]" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]', imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #input>\r\n\t<input\r\n\t\tpInputText\r\n\t\ttype=\"text\"\r\n\t\t[class]=\"sizeClass\"\r\n\t\t[placeholder]=\"placeholder\"\r\n\t\t[tabindex]=\"tabindex\"\r\n\t\t[pTooltip]=\"\r\n\t\t\tngControl.invalid\r\n\t\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t\t: ''\r\n\t\t\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\r\n</ng-template>\r\n\r\n@if (icon) {\r\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\r\n\t\t<i [class]=\"icon\"></i>\r\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n\t</span>\r\n} @else {\r\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n}\r\n" }]
+            args: [{ standalone: true, selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]', imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"sizeClass\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[tabindex]=\"tabindex\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (icon) {\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\n\t\t<i [class]=\"icon\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n" }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], tabindex: [{
@@ -48,7 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 args: [{ transform: iconTransform }]
             }], iconPosClass: [{
                 type: Input,
-                args: [{ "alias": "iconPos", transform: iconPosTransform }]
+                args: [{ alias: 'iconPos', transform: iconPosTransform }]
             }], size: [{
                 type: Input
             }] } });

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-text.mjs","sources":["../../projects/aril/ui/text/src/text.component.ts","../../projects/aril/ui/text/src/text.component.html","../../projects/aril/ui/text/aril-ui-text.ts"],"sourcesContent":["\r\n\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport {\r\n  BaseInputComponent, IconPosTypes, InputErrorMessagePipe, PrimeIcon,\r\n  ValueAccessorDirective, iconPosTransform, iconTransform\r\n} from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' | 'md' | 'lg';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n    2. Use computed or effect instead of input setter\r\n*/\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]',\r\n  templateUrl: './text.component.html',\r\n  imports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TextComponent extends BaseInputComponent {\r\n  @Input() placeholder = '';\r\n  @Input() tabindex!: number;\r\n  @Input({ transform: iconTransform }) icon?: PrimeIcon;\r\n  @Input({ \"alias\": \"iconPos\", transform: iconPosTransform }) iconPosClass?: IconPosTypes;\r\n  @Input() set size(value: Size) {\r\n    switch (value) {\r\n      case 'sm':\r\n        this.sizeClass = '.p-inputtext-sm';\r\n        break;\r\n      case 'lg':\r\n        this.sizeClass = '.p-inputtext-lg';\r\n        break;\r\n      default:\r\n        this.sizeClass = '';\r\n        break;\r\n    }\r\n  }\r\n\r\n  sizeClass = '';\r\n}\r\n","<ng-template #input>\r\n\t<input\r\n\t\tpInputText\r\n\t\ttype=\"text\"\r\n\t\t[class]=\"sizeClass\"\r\n\t\t[placeholder]=\"placeholder\"\r\n\t\t[tabindex]=\"tabindex\"\r\n\t\t[pTooltip]=\"\r\n\t\t\tngControl.invalid\r\n\t\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t\t: ''\r\n\t\t\"\r\n\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\r\n</ng-template>\r\n\r\n@if (icon) {\r\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\r\n\t\t<i [class]=\"icon\"></i>\r\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\r\n\t</span>\r\n} @else {\r\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\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-text.mjs","sources":["../../projects/aril/ui/text/src/text.component.ts","../../projects/aril/ui/text/src/text.component.html","../../projects/aril/ui/text/aril-ui-text.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { InputTextModule } from 'primeng/inputtext';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport {\n\tBaseInputComponent,\n\tIconPosTypes,\n\tInputErrorMessagePipe,\n\tPrimeIcon,\n\tValueAccessorDirective,\n\ticonPosTransform,\n\ticonTransform\n} from 'aril/ui/lib';\n\ntype Size = 'sm' | 'md' | 'lg';\n\n/* TODO : \n    1. InputSignal\n    2. Use computed or effect instead of input setter\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]',\n\ttemplateUrl: './text.component.html',\n\timports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TextComponent extends BaseInputComponent {\n\t@Input() placeholder = '';\n\t@Input() tabindex!: number;\n\t@Input({ transform: iconTransform }) icon?: PrimeIcon;\n\t@Input({ alias: 'iconPos', transform: iconPosTransform }) iconPosClass?: IconPosTypes;\n\t@Input() set size(value: Size) {\n\t\tswitch (value) {\n\t\t\tcase 'sm':\n\t\t\t\tthis.sizeClass = '.p-inputtext-sm';\n\t\t\t\tbreak;\n\t\t\tcase 'lg':\n\t\t\t\tthis.sizeClass = '.p-inputtext-lg';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tthis.sizeClass = '';\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\tsizeClass = '';\n}\n","<ng-template #input>\n\t<input\n\t\tpInputText\n\t\ttype=\"text\"\n\t\t[class]=\"sizeClass\"\n\t\t[placeholder]=\"placeholder\"\n\t\t[tabindex]=\"tabindex\"\n\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\" />\n</ng-template>\n\n@if (icon) {\n\t<span [class]=\"iconPosClass ?? 'p-input-icon-left'\">\n\t\t<i [class]=\"icon\"></i>\n\t\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n\t</span>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"input\"></ng-container>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-textArea.mjs

@@ -18,11 +18,11 @@ class TextAreaComponent extends BaseInputComponent {
         this.placeholder = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TextAreaComponent, isStandalone: true, selector: "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", inputs: { rows: "rows", cols: "cols", tabindex: "tabindex", placeholder: "placeholder" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<textarea\r\n\tpInputTextarea\r\n\t[rows]=\"rows\"\r\n\t[cols]=\"cols\"\r\n\t[autoResize]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i3.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TextAreaComponent, isStandalone: true, selector: "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", inputs: { rows: "rows", cols: "cols", tabindex: "tabindex", placeholder: "placeholder" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<textarea\n\tpInputTextarea\n\t[rows]=\"rows\"\n\t[cols]=\"cols\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputTextareaModule }, { kind: "directive", type: i3.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TextAreaComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]', imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<textarea\r\n\tpInputTextarea\r\n\t[rows]=\"rows\"\r\n\t[cols]=\"cols\"\r\n\t[autoResize]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\r\n" }]
+            args: [{ standalone: true, selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]', imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<textarea\n\tpInputTextarea\n\t[rows]=\"rows\"\n\t[cols]=\"cols\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\n" }]
         }], propDecorators: { rows: [{
                 type: Input
             }], cols: [{

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-textArea.mjs","sources":["../../projects/aril/ui/textArea/src/text-area.component.ts","../../projects/aril/ui/textArea/src/text-area.component.html","../../projects/aril/ui/textArea/aril-ui-textArea.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputTextareaModule } from 'primeng/inputtextarea';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]',\r\n  templateUrl: './text-area.component.html',\r\n  imports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TextAreaComponent extends BaseInputComponent {\r\n  @Input() rows?: number;\r\n  @Input() cols?: number;\r\n  @Input() tabindex!: number;\r\n  @Input() placeholder = '';\r\n}\r\n","<textarea\r\n\tpInputTextarea\r\n\t[rows]=\"rows\"\r\n\t[cols]=\"cols\"\r\n\t[autoResize]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;AAEE;AAUI,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AARzD,IAAA,WAAA,GAAA;;QAYW,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAC3B,KAAA;8GALY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uFAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClB9B,ycAeA,EDDY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,ykBAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI7E,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,uFAAuF,EAAA,OAAA,EAExF,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACzE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ycAAA,EAAA,CAAA;8BAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AEtBR;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-textArea.mjs","sources":["../../projects/aril/ui/textArea/src/text-area.component.ts","../../projects/aril/ui/textArea/src/text-area.component.html","../../projects/aril/ui/textArea/aril-ui-textArea.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { InputTextareaModule } from 'primeng/inputtextarea';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO : \n    1. InputSignal\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]',\n\ttemplateUrl: './text-area.component.html',\n\timports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TextAreaComponent extends BaseInputComponent {\n\t@Input() rows?: number;\n\t@Input() cols?: number;\n\t@Input() tabindex!: number;\n\t@Input() placeholder = '';\n}\n","<textarea\n\tpInputTextarea\n\t[rows]=\"rows\"\n\t[cols]=\"cols\"\n\t[autoResize]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAQA;;AAEE;AAUI,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AARzD,IAAA,WAAA,GAAA;;QAYU,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAC1B,KAAA;8GALY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uFAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB9B,mZAWA,EDKW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,ykBAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI5E,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,uFAAuF,EAAA,OAAA,EAExF,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACzE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mZAAA,EAAA,CAAA;8BAGtC,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AExBP;;AAEG;;;;"}

package/fesm2022/aril-ui-tree.mjs

@@ -1,60 +1,44 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import { input, EventEmitter, Component, ChangeDetectionStrategy, Output } from '@angular/core';
 import * as i1 from 'primeng/tree';
 import { TreeModule } from 'primeng/tree';
+import * as i2 from 'primeng/contextmenu';
+import { ContextMenuModule } from 'primeng/contextmenu';
+import { ButtonComponent } from 'aril/ui/button';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class TreeComponent {
     constructor() {
-        this.metaKeySelection = false;
-        this.propagateSelectionUp = false;
-        this.propagateSelectionDown = true;
-        this.filter = false;
-        this.filterMode = 'lenient';
-        this.filterBy = 'label';
-        this.nodeSelect = new EventEmitter();
-        this.nodeUnselect = new EventEmitter();
-        this.nodeExpand = new EventEmitter();
-        this.nodeCollapse = new EventEmitter();
+        this.data = input.required();
+        this.contextMenu = input();
+        this.filterPlaceholder = input('Arama');
+        this.filter = input(true);
+        this.selectionMode = input();
+        this.expandEvent = new EventEmitter();
+        this.selectionEvent = new EventEmitter();
+        this.isExpended = false;
+    }
+    toggleTree() {
+        this.isExpended = !this.isExpended;
+        this.expandRecursive(this.data());
+    }
+    expandRecursive(node) {
+        node.forEach((node) => {
+            if (node.children) {
+                node.expanded = this.isExpended;
+                this.expandRecursive(node.children);
+            }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { items: "items", selectionMode: "selectionMode", contextMenu: "contextMenu", metaKeySelection: "metaKeySelection", propagateSelectionUp: "propagateSelectionUp", propagateSelectionDown: "propagateSelectionDown", loading: "loading", loadingIcon: "loadingIcon", filter: "filter", filterMode: "filterMode", filterBy: "filterBy", filterPlaceholder: "filterPlaceholder" }, outputs: { nodeSelect: "nodeSelect", nodeUnselect: "nodeUnselect", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse" }, ngImport: i0, template: "<p-tree\r\n\t[value]=\"items\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[contextMenu]=\"contextMenu\"\r\n\t[metaKeySelection]=\"metaKeySelection\"\r\n\t[propagateSelectionUp]=\"propagateSelectionUp\"\r\n\t[propagateSelectionDown]=\"propagateSelectionDown\"\r\n\t[loading]=\"loading\"\r\n\t[loadingIcon]=\"loadingIcon\"\r\n\t[filter]=\"filter\"\r\n\t[filterMode]=\"filterMode\"\r\n\t[filterBy]=\"filterBy\"\r\n\t[filterPlaceholder]=\"filterPlaceholder\"\r\n\t(onNodeSelect)=\"nodeSelect.emit($event.node)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event.node)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event.node)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event.node)\">\r\n</p-tree>\r\n", dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, ngImport: i0, template: "<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\">\n</aril-button>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n", dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i2.ContextMenu, selector: "p-contextMenu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }, { 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: TreeComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-tree', imports: [TreeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-tree\r\n\t[value]=\"items\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[contextMenu]=\"contextMenu\"\r\n\t[metaKeySelection]=\"metaKeySelection\"\r\n\t[propagateSelectionUp]=\"propagateSelectionUp\"\r\n\t[propagateSelectionDown]=\"propagateSelectionDown\"\r\n\t[loading]=\"loading\"\r\n\t[loadingIcon]=\"loadingIcon\"\r\n\t[filter]=\"filter\"\r\n\t[filterMode]=\"filterMode\"\r\n\t[filterBy]=\"filterBy\"\r\n\t[filterPlaceholder]=\"filterPlaceholder\"\r\n\t(onNodeSelect)=\"nodeSelect.emit($event.node)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event.node)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event.node)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event.node)\">\r\n</p-tree>\r\n" }]
-        }], propDecorators: { items: [{
-                type: Input,
-                args: [{ required: true }]
-            }], selectionMode: [{
-                type: Input
-            }], contextMenu: [{
-                type: Input
-            }], metaKeySelection: [{
-                type: Input
-            }], propagateSelectionUp: [{
-                type: Input
-            }], propagateSelectionDown: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], loadingIcon: [{
-                type: Input
-            }], filter: [{
-                type: Input
-            }], filterMode: [{
-                type: Input
-            }], filterBy: [{
-                type: Input
-            }], filterPlaceholder: [{
-                type: Input
-            }], nodeSelect: [{
-                type: Output
-            }], nodeUnselect: [{
-                type: Output
-            }], nodeExpand: [{
+            args: [{ standalone: true, selector: 'aril-tree', imports: [TreeModule, ContextMenuModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\">\n</aril-button>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n" }]
+        }], propDecorators: { expandEvent: [{
                 type: Output
-            }], nodeCollapse: [{
+            }], selectionEvent: [{
                 type: Output
             }] } });
 

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-tree.mjs","sources":["../../projects/aril/ui/tree/src/tree.component.ts","../../projects/aril/ui/tree/src/tree.component.html","../../projects/aril/ui/tree/aril-ui-tree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TreeNode } from 'primeng/api';\r\nimport { TreeModule } from 'primeng/tree';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n    2. ContextMenu ?\r\n*/\r\n\r\ntype SelectionModes = \"multiple\" | \"checkbox\" | \"single\";\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-tree',\r\n  templateUrl: './tree.component.html',\r\n  imports: [TreeModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeComponent {\r\n  @Input({ required: true }) items!: TreeNode[];\r\n  @Input() selectionMode!: SelectionModes;\r\n  @Input() contextMenu!: any;\r\n  @Input() metaKeySelection = false;\r\n  @Input() propagateSelectionUp = false;\r\n  @Input() propagateSelectionDown = true;\r\n  @Input() loading!: boolean;\r\n  @Input() loadingIcon!: string;\r\n  @Input() filter = false;\r\n  @Input() filterMode = 'lenient';\r\n  @Input() filterBy = 'label';\r\n  @Input() filterPlaceholder!: string;\r\n\r\n  @Output() nodeSelect: EventEmitter<unknown> = new EventEmitter();\r\n  @Output() nodeUnselect: EventEmitter<unknown> = new EventEmitter();\r\n  @Output() nodeExpand: EventEmitter<unknown> = new EventEmitter();\r\n  @Output() nodeCollapse: EventEmitter<unknown> = new EventEmitter();\r\n}\r\n","<p-tree\r\n\t[value]=\"items\"\r\n\t[selectionMode]=\"selectionMode\"\r\n\t[contextMenu]=\"contextMenu\"\r\n\t[metaKeySelection]=\"metaKeySelection\"\r\n\t[propagateSelectionUp]=\"propagateSelectionUp\"\r\n\t[propagateSelectionDown]=\"propagateSelectionDown\"\r\n\t[loading]=\"loading\"\r\n\t[loadingIcon]=\"loadingIcon\"\r\n\t[filter]=\"filter\"\r\n\t[filterMode]=\"filterMode\"\r\n\t[filterBy]=\"filterBy\"\r\n\t[filterPlaceholder]=\"filterPlaceholder\"\r\n\t(onNodeSelect)=\"nodeSelect.emit($event.node)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event.node)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event.node)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event.node)\">\r\n</p-tree>\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-tree.mjs","sources":["../../projects/aril/ui/tree/src/tree.component.ts","../../projects/aril/ui/tree/src/tree.component.html","../../projects/aril/ui/tree/aril-ui-tree.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChangeDetectionStrategy, Component, EventEmitter, input, Output } from '@angular/core';\n\nimport { TreeModule } from 'primeng/tree';\nimport { MenuItem, TreeNode } from 'primeng/api';\nimport { ContextMenuModule } from 'primeng/contextmenu';\n\nimport { ButtonComponent } from 'aril/ui/button';\n\ntype SelectionModes = 'multiple' | 'checkbox' | 'single';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-tree',\n\ttemplateUrl: './tree.component.html',\n\timports: [TreeModule, ContextMenuModule, ButtonComponent],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class TreeComponent {\n\tdata = input.required<TreeNode[]>();\n\tcontextMenu = input<MenuItem[]>();\n\tfilterPlaceholder = input<string>('Arama');\n\tfilter = input<boolean>(true);\n\tselectionMode = input<SelectionModes>();\n\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\n\n\tisExpended = false;\n\tselectedNodes!: TreeNode | TreeNode[] | null;\n\n\ttoggleTree() {\n\t\tthis.isExpended = !this.isExpended;\n\t\tthis.expandRecursive(this.data());\n\t}\n\n\texpandRecursive(node: TreeNode[]) {\n\t\tnode.forEach((node) => {\n\t\t\tif (node.children) {\n\t\t\t\tnode.expanded = this.isExpended;\n\t\t\t\tthis.expandRecursive(node.children);\n\t\t\t}\n\t\t});\n\t}\n}\n","<aril-button size=\"sm\" color=\"primary\" [icon]=\"isExpended ? 'ANGLE_UP' : 'ANGLE_DOWN'\" (clickEvent)=\"toggleTree()\">\n</aril-button>\n<p-tree\n\t[value]=\"data()\"\n\t[selectionMode]=\"selectionMode()\"\n\t[(selection)]=\"selectedNodes\"\n\t[contextMenu]=\"contextMenuRef\"\n\t[filter]=\"filter()\"\n\tfilterMode=\"lenient\"\n\tfilterBy=\"label\"\n\t[filterPlaceholder]=\"filterPlaceholder()\"\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\">\n</p-tree>\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;MAmBa,aAAa,CAAA;AAP1B,IAAA,WAAA,GAAA;AAQC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,EAAc,CAAC;QACpC,IAAW,CAAA,WAAA,GAAG,KAAK,EAAc,CAAC;AAClC,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAS,OAAO,CAAC,CAAC;AAC3C,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;QAC9B,IAAa,CAAA,aAAA,GAAG,KAAK,EAAkB,CAAC;AAE9B,QAAA,IAAA,CAAA,WAAW,GAA0B,IAAI,YAAY,EAAE,CAAC;AACxD,QAAA,IAAA,CAAA,cAAc,GAAsB,IAAI,YAAY,EAAO,CAAC;QAEtE,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAgBnB,KAAA;IAbA,UAAU,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KAClC;AAED,IAAA,eAAe,CAAC,IAAgB,EAAA;AAC/B,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACrB,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AAClB,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC;AAChC,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACpC;AACF,SAAC,CAAC,CAAC;KACH;8GAzBW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,i0BCnB1B,2lBAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDCW,UAAU,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,eAAA,EAAA,WAAA,EAAA,OAAA,EAAA,YAAA,EAAA,aAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,SAAA,EAAA,aAAA,EAAA,cAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,MAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,aAAA,EAAA,cAAA,EAAA,SAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,yBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,+SAAE,eAAe,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG5C,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,WAAW,EAEZ,OAAA,EAAA,CAAC,UAAU,EAAE,iBAAiB,EAAE,eAAe,CAAC,EACxC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2lBAAA,EAAA,CAAA;8BASrC,WAAW,EAAA,CAAA;sBAApB,MAAM;gBACG,cAAc,EAAA,CAAA;sBAAvB,MAAM;;;AE3BR;;AAEG;;;;"}