aril 0.0.6 → 0.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-radioButton.mjs","sources":["../../projects/aril/ui/radioButton/src/radio-button.component.ts","../../projects/aril/ui/radioButton/src/radio-button.component.html","../../projects/aril/ui/radioButton/aril-ui-radioButton.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 { RadioButtonModule } from 'primeng/radiobutton';\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    2. Use computed or effect instead of input setter\r\n*/\r\n\r\ntype Aligns = 'horizontal' | 'vertical';\r\ninterface RadioButtonOption {\r\n  key: any;\r\n  label: string;\r\n}\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]',\r\n  templateUrl: './radio-button.component.html',\r\n  imports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class RadioButtonComponent extends BaseInputComponent {\r\n  @Input({ required: true }) options: RadioButtonOption[] = [];\r\n  @Input() tabindex!: number;\r\n  @Input() set align(value: Aligns) {\r\n    this._pAlign = value == \"horizontal\" ? \"flex flex-wrap gap-3\" : \"flex flex-column gap-3\";\r\n    this._cAlign = value == \"horizontal\" ? \"flex align-items-center\" : \"field-checkbox'\";\r\n  }\r\n\r\n  _pAlign = \"flex flex-wrap gap-3\";\r\n  _cAlign = \"flex align-items-center\";\r\n}\r\n","<div [class]=\"_pAlign\">\r\n\t@for (item of options; track item) {\r\n\t\t<div [class]=\"_cAlign\">\r\n\t\t\t<p-radioButton\r\n\t\t\t\t[value]=\"item.key\"\r\n\t\t\t\t[inputId]=\"item.key\"\r\n\t\t\t\t[tabindex]=\"tabindex\"\r\n\t\t\t\t[pTooltip]=\"\r\n\t\t\t\t\tngControl.invalid\r\n\t\t\t\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t\t\t\t: ''\r\n\t\t\t\t\"\r\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\r\n\t\t\t\t[formControl]=\"ngControl.control\"\r\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t\t\t</p-radioButton\r\n\t\t\t>&nbsp;\r\n\t\t\t<span class=\"ml-2\">{{ item.label }}</span>\r\n\t\t</div>\r\n\t}\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;AA2BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AAR5D,IAAA,WAAA,GAAA;;QAS6B,IAAO,CAAA,OAAA,GAAwB,EAAE,CAAC;QAO7D,IAAO,CAAA,OAAA,GAAG,sBAAsB,CAAC;QACjC,IAAO,CAAA,OAAA,GAAG,yBAAyB,CAAC;AACrC,KAAA;IAPC,IAAa,KAAK,CAAC,KAAa,EAAA;AAC9B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AACzF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,GAAG,yBAAyB,GAAG,iBAAiB,CAAC;KACtF;8GANU,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gGAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3BjC,4qBAqBA,EDEY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,yTAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,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;;2FAI3E,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,gGAAgG,EAAA,OAAA,EAEjG,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACvE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4qBAAA,EAAA,CAAA;8BAGpB,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACO,KAAK,EAAA,CAAA;sBAAjB,KAAK;;;AE9BR;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-radioButton.mjs","sources":["../../projects/aril/ui/radioButton/src/radio-button.component.ts","../../projects/aril/ui/radioButton/src/radio-button.component.html","../../projects/aril/ui/radioButton/aril-ui-radioButton.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { RadioButtonModule } from 'primeng/radiobutton';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO : \n    1. InputSignal\n    2. Use computed or effect instead of input setter\n*/\n\ntype Aligns = 'horizontal' | 'vertical';\ninterface RadioButtonOption {\n\tkey: any;\n\tlabel: string;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]',\n\ttemplateUrl: './radio-button.component.html',\n\timports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RadioButtonComponent extends BaseInputComponent {\n\t@Input({ required: true }) options: RadioButtonOption[] = [];\n\t@Input() tabindex!: number;\n\t@Input() set align(value: Aligns) {\n\t\tthis._pAlign = value == 'horizontal' ? 'flex flex-wrap gap-3' : 'flex flex-column gap-3';\n\t\tthis._cAlign = value == 'horizontal' ? 'flex align-items-center' : \"field-checkbox'\";\n\t}\n\n\t_pAlign = 'flex flex-wrap gap-3';\n\t_cAlign = 'flex align-items-center';\n}\n","<div [class]=\"_pAlign\">\n\t@for (item of options; track item) {\n\t\t<div [class]=\"_cAlign\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"tabindex\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t\t\t</p-radioButton\n\t\t\t>&nbsp;\n\t\t\t<span class=\"ml-2\">{{ item.label }}</span>\n\t\t</div>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;AA6BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AAR5D,IAAA,WAAA,GAAA;;QAS4B,IAAO,CAAA,OAAA,GAAwB,EAAE,CAAC;QAO7D,IAAO,CAAA,OAAA,GAAG,sBAAsB,CAAC;QACjC,IAAO,CAAA,OAAA,GAAG,yBAAyB,CAAC;AACpC,KAAA;IAPA,IAAa,KAAK,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AACzF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,GAAG,yBAAyB,GAAG,iBAAiB,CAAC;KACrF;8GANW,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gGAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7BjC,klBAiBA,EDQW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,yTAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,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;;2FAI1E,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,gGAAgG,EAAA,OAAA,EAEjG,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACvE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,klBAAA,EAAA,CAAA;8BAGpB,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACO,KAAK,EAAA,CAAA;sBAAjB,KAAK;;;AEhCP;;AAEG;;;;"}

package/fesm2022/aril-ui-selectBox.mjs

@@ -10,18 +10,18 @@ import { BaseInputComponent, InputErrorMessagePipe, DXInputErrorMessagePipe, Val
 class SelectBoxComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
-        this.itemKey = "key";
-        this.itemText = "text";
+        this.itemKey = 'key';
+        this.itemText = 'text';
         this.items = [];
         /** * @description when grouped = true, option item structure { key:string, items:[] } */
         this.grouped = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SelectBoxComponent, isStandalone: true, selector: "aril-select-box[formControl], aril-select-box[formControlName]", inputs: { itemKey: "itemKey", itemText: "itemText", tabindex: "tabindex", items: "items", grouped: "grouped", placeholder: "placeholder", searchExpr: "searchExpr" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<dx-select-box\r\n\t[items]=\"items\"\r\n\t[valueExpr]=\"itemKey\"\r\n\t[displayExpr]=\"itemText\"\r\n\t[searchEnabled]=\"true\"\r\n\t[searchExpr]=\"searchExpr\"\r\n\t[tabIndex]=\"tabindex\"\r\n\t[grouped]=\"grouped\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showClearButton]=\"true\"\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-select-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: DxSelectBoxModule }, { kind: "component", type: i3.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "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: SelectBoxComponent, isStandalone: true, selector: "aril-select-box[formControl], aril-select-box[formControlName]", inputs: { itemKey: "itemKey", itemText: "itemText", tabindex: "tabindex", items: "items", grouped: "grouped", placeholder: "placeholder", searchExpr: "searchExpr" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<dx-select-box\n\t[items]=\"items\"\n\t[valueExpr]=\"itemKey\"\n\t[displayExpr]=\"itemText\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr\"\n\t[tabIndex]=\"tabindex\"\n\t[grouped]=\"grouped\"\n\t[placeholder]=\"placeholder\"\n\t[showClearButton]=\"true\"\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-select-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: DxSelectBoxModule }, { kind: "component", type: i3.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "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: SelectBoxComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-select-box[formControl], aril-select-box[formControlName]', imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-select-box\r\n\t[items]=\"items\"\r\n\t[valueExpr]=\"itemKey\"\r\n\t[displayExpr]=\"itemText\"\r\n\t[searchEnabled]=\"true\"\r\n\t[searchExpr]=\"searchExpr\"\r\n\t[tabIndex]=\"tabindex\"\r\n\t[grouped]=\"grouped\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showClearButton]=\"true\"\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-select-box>\r\n" }]
+            args: [{ standalone: true, selector: 'aril-select-box[formControl], aril-select-box[formControlName]', imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dx-select-box\n\t[items]=\"items\"\n\t[valueExpr]=\"itemKey\"\n\t[displayExpr]=\"itemText\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr\"\n\t[tabIndex]=\"tabindex\"\n\t[grouped]=\"grouped\"\n\t[placeholder]=\"placeholder\"\n\t[showClearButton]=\"true\"\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-select-box>\n" }]
         }], propDecorators: { itemKey: [{
                 type: Input
             }], itemText: [{

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-selectBox.mjs","sources":["../../projects/aril/ui/selectBox/src/select-box.component.ts","../../projects/aril/ui/selectBox/src/select-box.component.html","../../projects/aril/ui/selectBox/aril-ui-selectBox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { DxSelectBoxModule } from \"devextreme-angular/ui/select-box\";\r\nimport { Interfaces } from \"aril/util/lib\";\r\nimport { BaseInputComponent, ValueAccessorDirective, DXInputErrorMessagePipe, InputErrorMessagePipe } from \"aril/ui/lib\";\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n\r\ntype SelectBoxItem = Interfaces.MapStringString | Interfaces.MapStringNumber | Interfaces.MapNumberString | Interfaces.MapNumberNumber;\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-select-box[formControl], aril-select-box[formControlName]',\r\n  templateUrl: './select-box.component.html',\r\n  imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe],\r\n  providers: [InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SelectBoxComponent extends BaseInputComponent {\r\n  @Input() itemKey = \"key\";\r\n  @Input() itemText = \"text\";\r\n  @Input() tabindex!: number;\r\n  @Input({ required: true }) items: Array<SelectBoxItem> = [];\r\n\r\n  /** * @description when grouped = true, option item structure { key:string, items:[] } */\r\n  @Input() grouped = false;\r\n  @Input() placeholder!: string;\r\n  @Input() searchExpr!: Array<string>;\r\n}\r\n","<dx-select-box\r\n\t[items]=\"items\"\r\n\t[valueExpr]=\"itemKey\"\r\n\t[displayExpr]=\"itemText\"\r\n\t[searchEnabled]=\"true\"\r\n\t[searchExpr]=\"searchExpr\"\r\n\t[tabIndex]=\"tabindex\"\r\n\t[grouped]=\"grouped\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showClearButton]=\"true\"\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-select-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-selectBox.mjs","sources":["../../projects/aril/ui/selectBox/src/select-box.component.ts","../../projects/aril/ui/selectBox/src/select-box.component.html","../../projects/aril/ui/selectBox/aril-ui-selectBox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';\n\nimport { Interfaces } from 'aril/util/lib';\nimport {\n\tBaseInputComponent,\n\tValueAccessorDirective,\n\tDXInputErrorMessagePipe,\n\tInputErrorMessagePipe\n} from 'aril/ui/lib';\n\n/* TODO : \n    1. InputSignal\n*/\n\ntype SelectBoxItem =\n\t| Interfaces.MapStringString\n\t| Interfaces.MapStringNumber\n\t| Interfaces.MapNumberString\n\t| Interfaces.MapNumberNumber;\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-select-box[formControl], aril-select-box[formControlName]',\n\ttemplateUrl: './select-box.component.html',\n\timports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe],\n\tproviders: [InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SelectBoxComponent extends BaseInputComponent {\n\t@Input() itemKey = 'key';\n\t@Input() itemText = 'text';\n\t@Input() tabindex!: number;\n\t@Input({ required: true }) items: Array<SelectBoxItem> = [];\n\n\t/** * @description when grouped = true, option item structure { key:string, items:[] } */\n\t@Input() grouped = false;\n\t@Input() placeholder!: string;\n\t@Input() searchExpr!: Array<string>;\n}\n","<dx-select-box\n\t[items]=\"items\"\n\t[valueExpr]=\"itemKey\"\n\t[displayExpr]=\"itemText\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr\"\n\t[tabIndex]=\"tabindex\"\n\t[grouped]=\"grouped\"\n\t[placeholder]=\"placeholder\"\n\t[showClearButton]=\"true\"\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-select-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-switch.mjs

@@ -12,13 +12,13 @@ import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } fro
 /* TODO :
     1. InputSignal
 */
-class InputSwitchComponent extends BaseInputComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputSwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InputSwitchComponent, isStandalone: true, selector: "aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]", inputs: { tabindex: "tabindex" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputSwitch\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)\">\r\n</p-inputSwitch>\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: InputSwitchModule }, { kind: "component", type: i3.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+class SwitchComponent extends BaseInputComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SwitchComponent, isStandalone: true, selector: "aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]", inputs: { tabindex: "tabindex" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputSwitch\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)\">\n</p-inputSwitch>\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: InputSwitchModule }, { kind: "component", type: i3.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputSwitchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SwitchComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]', imports: [ReactiveFormsModule, InputSwitchModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-inputSwitch\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)\">\r\n</p-inputSwitch>\r\n" }]
+            args: [{ standalone: true, selector: 'aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]', imports: [ReactiveFormsModule, InputSwitchModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-inputSwitch\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)\">\n</p-inputSwitch>\n" }]
         }], propDecorators: { tabindex: [{
                 type: Input
             }] } });
@@ -27,5 +27,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { InputSwitchComponent };
+export { SwitchComponent };
 //# sourceMappingURL=aril-ui-switch.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-switch.mjs","sources":["../../projects/aril/ui/switch/src/switch.component.ts","../../projects/aril/ui/switch/src/switch.component.html","../../projects/aril/ui/switch/aril-ui-switch.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { InputSwitchModule } from 'primeng/inputswitch';\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-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]',\r\n  templateUrl: './switch.component.html',\r\n  imports: [ReactiveFormsModule, InputSwitchModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputSwitchComponent extends BaseInputComponent {\r\n  @Input() tabindex!: number;\r\n}\r\n","<p-inputSwitch\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)\">\r\n</p-inputSwitch>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;AAEE;AAUI,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;8GAA/C,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8EAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBjC,2VAWA,EDGY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,yTAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,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;;2FAI3E,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,8EAA8E,EAAA,OAAA,EAE/E,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACvE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2VAAA,EAAA,CAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;AEnBR;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-switch.mjs","sources":["../../projects/aril/ui/switch/src/switch.component.ts","../../projects/aril/ui/switch/src/switch.component.html","../../projects/aril/ui/switch/aril-ui-switch.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { TooltipModule } from 'primeng/tooltip';\nimport { InputSwitchModule } from 'primeng/inputswitch';\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-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]',\n\ttemplateUrl: './switch.component.html',\n\timports: [ReactiveFormsModule, InputSwitchModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SwitchComponent extends BaseInputComponent {\n\t@Input() tabindex!: number;\n}\n","<p-inputSwitch\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)\">\n</p-inputSwitch>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAQA;;AAEE;AAUI,MAAO,eAAgB,SAAQ,kBAAkB,CAAA;8GAA1C,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8EAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB5B,6SAOA,EDSW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,yTAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,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;;2FAI1E,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,8EAA8E,EAAA,OAAA,EAE/E,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACvE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6SAAA,EAAA,CAAA;8BAGtC,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;AErBP;;AAEG;;;;"}

package/fesm2022/aril-ui-table.mjs

@@ -1,126 +1,89 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, Component, Input, ContentChild, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren } from '@angular/core';
-import * as i3 from '@angular/forms';
+import { TemplateRef, Component, Input, ContentChild, input, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren, NgModule } from '@angular/core';
+import * as i5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
+import * as i6 from '@angular/common';
 import { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';
 import * as i2 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as FileSaver from 'file-saver';
+import * as i3 from 'aril/ui/button';
 import { ButtonComponent } from 'aril/ui/button';
+import * as i4 from 'aril/ui/text';
 import { TextComponent } from 'aril/ui/text';
+import * as FileSaver from 'file-saver';
 import { ProxyTypes } from 'aril/http';
 import * as i1 from 'primeng/api';
 
 const tranlations = {
-    "matchAll": "Tümü",
-    "matchAny": "Herhangi biri",
-    "startsWith": "İle başlar",
-    "contains": "İçerir",
-    "notContains": "İçermez",
-    "notEquals": "Eşit değildir",
-    "endsWith": "İle biter",
-    "equals": "Eşittir",
-    "lt": "Eşit değildir",
-    "lte": "Küçük eşittir",
-    "gt": "Büyüktür",
-    "gte": "Büyük eşittir",
-    "is": "Eşittir",
-    "isNot": "Eşit değildir",
-    "before": "Önce",
-    "after": "Sonra",
-    "clear": "Temizle",
-    "apply": "Uygula",
-    "addRule": "Kural Ekle",
-    "removeRule": "Kural Kaldır",
-    "accept": "Kabul",
-    "reject": "Reddet",
-    "choose": "Seç",
-    "upload": "Yükle",
-    "cancel": "İptal",
-    "dayNames": [
-        "Pazar",
-        "Pazartesi",
-        "Salı",
-        "Çarşamba",
-        "Perşembe",
-        "Cuma",
-        "Cumartesi"
-    ],
-    "dayNamesShort": [
-        "Paz",
-        "Pzt",
-        "Sal",
-        "Çar",
-        "Per",
-        "Cum",
-        "Cmt"
-    ],
-    "dayNamesMin": [
-        "Pz",
-        "Pt",
-        "Sa",
-        "Ça",
-        "Pe",
-        "Cu",
-        "Ct"
+    matchAll: 'Tümü',
+    matchAny: 'Herhangi biri',
+    startsWith: 'İle başlar',
+    contains: 'İçerir',
+    notContains: 'İçermez',
+    notEquals: 'Eşit değildir',
+    endsWith: 'İle biter',
+    equals: 'Eşittir',
+    lt: 'Eşit değildir',
+    lte: 'Küçük eşittir',
+    gt: 'Büyüktür',
+    gte: 'Büyük eşittir',
+    is: 'Eşittir',
+    isNot: 'Eşit değildir',
+    before: 'Önce',
+    after: 'Sonra',
+    clear: 'Temizle',
+    apply: 'Uygula',
+    addRule: 'Kural Ekle',
+    removeRule: 'Kural Kaldır',
+    accept: 'Kabul',
+    reject: 'Reddet',
+    choose: 'Seç',
+    upload: 'Yükle',
+    cancel: 'İptal',
+    dayNames: ['Pazar', 'Pazartesi', 'Salı', 'Çarşamba', 'Perşembe', 'Cuma', 'Cumartesi'],
+    dayNamesShort: ['Paz', 'Pzt', 'Sal', 'Çar', 'Per', 'Cum', 'Cmt'],
+    dayNamesMin: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
+    monthNames: [
+        'Ocak',
+        'Şubat',
+        'Mart',
+        'Nisan',
+        'Mayıs',
+        'Haziran',
+        'Temmuz',
+        'Ağustos',
+        'Eylül',
+        'Ekim',
+        'Kasım',
+        'Aralık'
     ],
-    "monthNames": [
-        "Ocak",
-        "Şubat",
-        "Mart",
-        "Nisan",
-        "Mayıs",
-        "Haziran",
-        "Temmuz",
-        "Ağustos",
-        "Eylül",
-        "Ekim",
-        "Kasım",
-        "Aralık"
-    ],
-    "monthNamesShort": [
-        "Oca",
-        "Şub",
-        "Mar",
-        "Nis",
-        "May",
-        "Haz",
-        "Tem",
-        "Ağu",
-        "Eyl",
-        "Eki",
-        "Kas",
-        "Ara"
-    ],
-    "dateFormat": "dd.mm.yy",
-    "firstDayOfWeek": 1,
-    "today": "Bugün",
-    "weekHeader": "Hf",
-    "weak": "Zayıf",
-    "medium": "Orta",
-    "strong": "Güçlü",
-    "passwordPrompt": "Şifre",
-    "emptyMessage": "Kayıt bulunamadı",
-    "emptyFilterMessage": "Eşleşen kayıt bulunamadı"
+    monthNamesShort: ['Oca', 'Şub', 'Mar', 'Nis', 'May', 'Haz', 'Tem', 'Ağu', 'Eyl', 'Eki', 'Kas', 'Ara'],
+    dateFormat: 'dd.mm.yy',
+    firstDayOfWeek: 1,
+    today: 'Bugün',
+    weekHeader: 'Hf',
+    weak: 'Zayıf',
+    medium: 'Orta',
+    strong: 'Güçlü',
+    passwordPrompt: 'Şifre',
+    emptyMessage: 'Kayıt bulunamadı',
+    emptyFilterMessage: 'Eşleşen kayıt bulunamadı'
 };
 
 class TableColumnComponent {
     constructor() {
         this.type = 'text';
+        this.isOperation = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TableColumnComponent, isStandalone: true, selector: "aril-table-column", inputs: { field: "field", header: "header", type: "type", isOperation: "isOperation" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: `
-    <ng-content></ng-content>
-  `, isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: TableColumnComponent, selector: "aril-table-column", inputs: { field: "field", header: "header", type: "type", isOperation: "isOperation" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TableColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    standalone: true,
+                    // standalone: true,
                     selector: 'aril-table-column',
-                    template: `
-    <ng-content></ng-content>
-  `
+                    template: ` <ng-content></ng-content> `
                 }]
         }], propDecorators: { field: [{
                 type: Input,
@@ -129,7 +92,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: Input,
                 args: [{ required: true }]
             }], type: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], isOperation: [{
                 type: Input
             }], template: [{
@@ -137,28 +101,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 args: [TemplateRef]
             }] } });
 
+/* TODO :
+ * server-side-proxy (ProxyTypes.ServerSide)
+ * search & colum filter & sort
+ * export
+ * pagination operation
+ * p-datatable-sm th padding:.25rem
+ */
+const pageOptions = [10, 20, 50, 100];
 class TableComponent {
     constructor(primengConfig) {
         this.primengConfig = primengConfig;
-        this.data = [];
-        this.checkboxSelection = false;
-        this.rows = 10;
-        this.rowsPerPageOptions = [10, 20, 50, 100];
-        this.paginator = true;
-        this.loading = false;
-        this.proxy = ProxyTypes.Native;
+        this.data = input.required();
+        this.checkboxSelection = input();
+        this.pageSize = input(10);
+        this.proxy = input(ProxyTypes.Native);
+        this.onPageEvent = new EventEmitter();
         this.selectionEvent = new EventEmitter();
+        this.pageOptions = pageOptions;
         this.primengConfig.setTranslation(tranlations);
     }
-    setFilteredRows(rows) {
-        this.filteredRows = rows;
-    }
     excelExport() {
         import('xlsx').then((xlsx) => {
-            const worksheet = xlsx.utils.json_to_sheet(this.selectedRows || this.filteredRows || this.data);
+            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, 'thor_excel');
+            this.saveAsExcelFile(excelBuffer, 'excel_worksheet');
         });
     }
     saveAsExcelFile(buffer, fileName) {
@@ -170,30 +138,13 @@ class TableComponent {
         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: TableComponent, deps: [{ token: i1.PrimeNGConfig }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TableComponent, isStandalone: true, selector: "aril-table", inputs: { data: "data", checkboxSelection: "checkboxSelection", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", paginator: "paginator", loading: "loading", selectionMode: "selectionMode", contextMenu: "contextMenu", proxy: "proxy" }, outputs: { selectionEvent: "selectionEvent" }, queries: [{ propertyName: "columns", predicate: TableColumnComponent }], ngImport: i0, template: "<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", dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }, { kind: "component", type: TextComponent, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: ["placeholder", "tabindex", "icon", "iconPos", "size"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TableComponent, selector: "aril-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 }, proxy: { classPropertyName: "proxy", publicName: "proxy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onPageEvent: "onPageEvent", selectionEvent: "selectionEvent" }, queries: [{ propertyName: "columns", predicate: TableColumnComponent }], ngImport: i0, template: "<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\u0131t | 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", dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "component", type: i2.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2.ColumnFilter, selector: "p-columnFilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "useGrouping", "showButtons"] }, { kind: "component", type: i3.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }, { kind: "component", type: i4.TextComponent, selector: "aril-text[ngModel], aril-text[formControl], aril-text[formControlName]", inputs: ["placeholder", "tabindex", "icon", "iconPos", "size"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-table', imports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<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" }]
-        }], ctorParameters: () => [{ type: i1.PrimeNGConfig }], propDecorators: { data: [{
-                type: Input,
-                args: [{ required: true }]
-            }], checkboxSelection: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }], rowsPerPageOptions: [{
-                type: Input
-            }], paginator: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], selectionMode: [{
-                type: Input
-            }], contextMenu: [{
-                type: Input
-            }], proxy: [{
-                type: Input
+            args: [{ selector: 'aril-table', changeDetection: ChangeDetectionStrategy.Default, template: "<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\u0131t | 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" }]
+        }], ctorParameters: () => [{ type: i1.PrimeNGConfig }], propDecorators: { onPageEvent: [{
+                type: Output
             }], selectionEvent: [{
                 type: Output
             }], columns: [{
@@ -201,26 +152,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 args: [TableColumnComponent]
             }] } });
 
-// it can be use ngModule
-// import { NgModule } from '@angular/core';
-// import { FormsModule } from '@angular/forms';
-// import { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';
-// import { TableModule } from 'primeng/table';
-// import { ButtonComponent } from "aril/ui/button";
-// import { TextComponent } from "aril/ui/text";
-// import { TableComponent } from './src/table.component';
-// import { TableColumnComponent } from './src/table-column.component';
-// const components = [TableComponent, TableColumnComponent];
-// @NgModule({
-//   imports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],
-//   exports: [components],
-//   declarations: [components]
-// })
-// export class ARiLTableModule { }
+const components = [TableComponent, TableColumnComponent];
+class ARiLTableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, declarations: [TableComponent, TableColumnComponent], imports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet], exports: [TableComponent, TableColumnComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, imports: [TableModule, ButtonComponent, TextComponent, FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ARiLTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],
+                    exports: [components],
+                    declarations: [components]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TableColumnComponent, TableComponent };
+export { ARiLTableModule, TableColumnComponent, TableComponent };
 //# sourceMappingURL=aril-ui-table.mjs.map