aril 0.0.2 → 0.0.4

package/fesm2022/aril-ui-tagBox.mjs

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'devextreme-angular/ui/tag-box';
+import { DxTagBoxModule } from 'devextreme-angular/ui/tag-box';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, DXInputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* TODO :
+    1. InputSignal
+*/
+class TagBoxComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.maxDisplayedTags = 5;
+        this.acceptCustomValue = true;
+        this.items = [];
+    }
+    onCustomItemCreating(e) {
+        let newValues = [];
+        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)
+            newValues = e.text.replace(/ /g, '').split('|');
+        else if (e.text.indexOf(" ") != -1)
+            newValues = e.text.split(' ');
+        else
+            newValues.push(e.text);
+        newValues.forEach((value) => {
+            if (selectedItems.indexOf(value) == -1) {
+                selectedItems.push(value);
+                items.unshift(value);
+            }
+        });
+        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", formCtrl: "formCtrl" }, 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]=\"formCtrl.valid || formCtrl.pristine\"\r\n\t[validationError]=\"formCtrl.errors | dxInputErrorMessage: formCtrl\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"formCtrl\"\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 }); }
+}
+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], 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]=\"formCtrl.valid || formCtrl.pristine\"\r\n\t[validationError]=\"formCtrl.errors | dxInputErrorMessage: formCtrl\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"formCtrl\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</dx-tag-box>\r\n" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], maxDisplayedTags: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], acceptCustomValue: [{
+                type: Input
+            }], items: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formCtrl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TagBoxComponent };
+//# sourceMappingURL=aril-ui-tagBox.mjs.map

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

@@ -0,0 +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 { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { DxTagBoxModule } from \"devextreme-angular/ui/tag-box\";\r\nimport { BaseInputComponent, DXInputErrorMessagePipe, 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  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  @Input({ required: true }) formCtrl!: FormControl;\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]=\"formCtrl.valid || formCtrl.pristine\"\r\n\t[validationError]=\"formCtrl.errors | dxInputErrorMessage: formCtrl\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"formCtrl\"\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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"}

package/fesm2022/aril-ui-text.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, iconTransform, iconPosTransform, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+
+/* TODO :
+    1. InputSignal
+    2. Use computed or effect instead of input setter
+*/
+class TextComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.placeholder = '';
+        this.sizeClass = '';
+    }
+    set size(value) {
+        switch (value) {
+            case 'sm':
+                this.sizeClass = '.p-inputtext-sm';
+                break;
+            case 'lg':
+                this.sizeClass = '.p-inputtext-lg';
+                break;
+            default:
+                this.sizeClass = '';
+                break;
+        }
+    }
+    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 }); }
+}
+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" }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], icon: [{
+                type: Input,
+                args: [{ transform: iconTransform }]
+            }], iconPosClass: [{
+                type: Input,
+                args: [{ "alias": "iconPos", transform: iconPosTransform }]
+            }], size: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextComponent };
+//# sourceMappingURL=aril-ui-text.mjs.map

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

@@ -0,0 +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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"}

package/fesm2022/aril-ui-textArea.mjs

@@ -0,0 +1,37 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i3 from 'primeng/inputtextarea';
+import { InputTextareaModule } from 'primeng/inputtextarea';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+
+/* TODO :
+    1. InputSignal
+*/
+class TextAreaComponent extends BaseInputComponent {
+    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 }); }
+}
+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" }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextAreaComponent };
+//# sourceMappingURL=aril-ui-textArea.mjs.map

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

@@ -0,0 +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?: string;\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;8GAA5C,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;;;;"}

package/fesm2022/aril-ui-tree.mjs

@@ -0,0 +1,65 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import * as i1 from 'primeng/tree';
+import { TreeModule } from 'primeng/tree';
+
+/* 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();
+    }
+    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: { value: "value", 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]=\"value\"\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)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event)\">\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 }); }
+}
+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]=\"value\"\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)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event)\">\r\n</p-tree>\r\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], 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: [{
+                type: Output
+            }], nodeCollapse: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TreeComponent };
+//# sourceMappingURL=aril-ui-tree.mjs.map

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

@@ -0,0 +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*/\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() value!: 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]=\"value\"\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)\"\r\n\t(onNodeUnselect)=\"nodeUnselect.emit($event)\"\r\n\t(onNodeExpand)=\"nodeExpand.emit($event)\"\r\n\t(onNodeCollapse)=\"nodeCollapse.emit($event)\">\r\n</p-tree>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAAA;MAmBa,aAAa,CAAA;AAP1B,IAAA,WAAA,GAAA;QAWW,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;QACzB,IAAoB,CAAA,oBAAA,GAAG,KAAK,CAAC;QAC7B,IAAsB,CAAA,sBAAA,GAAG,IAAI,CAAC;QAG9B,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QACf,IAAU,CAAA,UAAA,GAAG,SAAS,CAAC;QACvB,IAAQ,CAAA,QAAA,GAAG,OAAO,CAAC;AAGlB,QAAA,IAAA,CAAA,UAAU,GAA0B,IAAI,YAAY,EAAE,CAAC;AACvD,QAAA,IAAA,CAAA,YAAY,GAA0B,IAAI,YAAY,EAAE,CAAC;AACzD,QAAA,IAAA,CAAA,UAAU,GAA0B,IAAI,YAAY,EAAE,CAAC;AACvD,QAAA,IAAA,CAAA,YAAY,GAA0B,IAAI,YAAY,EAAE,CAAC;AACpE,KAAA;8GAlBY,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnB1B,mqBAkBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFY,UAAU,EAAA,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGT,aAAa,EAAA,UAAA,EAAA,CAAA;kBAPzB,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,WAAW,EAEZ,OAAA,EAAA,CAAC,UAAU,CAAC,EAAA,eAAA,EACJ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mqBAAA,EAAA,CAAA;8BAGtC,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,oBAAoB,EAAA,CAAA;sBAA5B,KAAK;gBACG,sBAAsB,EAAA,CAAA;sBAA9B,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBAEI,UAAU,EAAA,CAAA;sBAAnB,MAAM;gBACG,YAAY,EAAA,CAAA;sBAArB,MAAM;gBACG,UAAU,EAAA,CAAA;sBAAnB,MAAM;gBACG,YAAY,EAAA,CAAA;sBAArB,MAAM;;;AEpCT;;AAEG;;;;"}

package/fesm2022/aril-ui-treeTable.mjs

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+import * as i1 from 'primeng/treetable';
+import { TreeTableModule } from 'primeng/treetable';
+import * as i2 from 'primeng/api';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class TreeTableComponent {
+    constructor() {
+        this.rows = 10;
+        this.rowsPerPageOptions = [10, 20, 50, 100];
+        this.scrollable = false;
+        this.loading = false;
+        this.sortMode = "single";
+        this.filterMode = "lenient";
+        this.selectionMode = "single";
+        this.selectEvent = new EventEmitter();
+    }
+    getFilterTargetValue(event) {
+        const inputElement = event.target;
+        return inputElement.value;
+    }
+    emitSelectedRows() {
+        if (!this.selectedNodes)
+            return;
+        this.selectEvent.emit(this.selectedNodes);
+        this.selectedNodes = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TreeTableComponent, isStandalone: true, selector: "aril-tree-table", inputs: { data: "data", columns: "columns", rows: "rows", rowsPerPageOptions: "rowsPerPageOptions", scrollable: "scrollable", scrollHeight: "scrollHeight", loading: "loading", sortMode: "sortMode", filterMode: "filterMode", selectionMode: "selectionMode" }, outputs: { selectEvent: "selectEvent" }, ngImport: i0, template: "@if (data && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"data\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">T\u00FCm\u00FCn\u00FC se\u00E7</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\".export-btn\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamad\u0131..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n", styles: [":host ::ng-deep .p-icon-wrapper{display:inline-block!important}\n"], dependencies: [{ kind: "ngmodule", type: TreeTableModule }, { kind: "component", type: i1.TreeTable, selector: "p-treeTable", inputs: ["columns", "style", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "component", type: i1.TTSortIcon, selector: "p-treeTableSortIcon", inputs: ["field", "ariaLabelDesc", "ariaLabelAsc"] }, { kind: "directive", type: i1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-tree-table', imports: [TreeTableModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (data && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"data\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">T\u00FCm\u00FCn\u00FC se\u00E7</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\".export-btn\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamad\u0131..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n", styles: [":host ::ng-deep .p-icon-wrapper{display:inline-block!important}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input,
+                args: [{ required: true }]
+            }], columns: [{
+                type: Input,
+                args: [{ required: true }]
+            }], rows: [{
+                type: Input
+            }], rowsPerPageOptions: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], scrollHeight: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], sortMode: [{
+                type: Input
+            }], filterMode: [{
+                type: Input
+            }], selectionMode: [{
+                type: Input
+            }], selectEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TreeTableComponent };
+//# sourceMappingURL=aril-ui-treeTable.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-treeTable.mjs","sources":["../../projects/aril/ui/treeTable/src/tree-table.component.ts","../../projects/aril/ui/treeTable/src/tree-table.component.html","../../projects/aril/ui/treeTable/aril-ui-treeTable.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\r\nimport { TreeNode, TreeTableNode } from 'primeng/api';\r\nimport { TreeTableModule } from 'primeng/treetable';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n\r\ntype SortMode = 'single' | 'multiple';\r\ntype FilterMode = 'lenient' | 'strict';\r\ntype SelectionModes = 'single' | 'multiple' | 'checkbox';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-tree-table',\r\n  templateUrl: './tree-table.component.html',\r\n  styles: [`\r\n    :host ::ng-deep .p-icon-wrapper {\r\n        display: inline-block !important;\r\n    }`\r\n  ],\r\n  imports: [TreeTableModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeTableComponent {\r\n  @Input({ required: true }) data!: TreeNode[];\r\n  @Input({ required: true }) columns!: Array<object>;\r\n  @Input() rows = 10;\r\n  @Input() rowsPerPageOptions = [10, 20, 50, 100];\r\n  @Input() scrollable = false;\r\n  @Input() scrollHeight!: string;\r\n  @Input() loading = false;\r\n  @Input() sortMode: SortMode = \"single\";\r\n  @Input() filterMode: FilterMode = \"lenient\";\r\n  @Input() selectionMode: SelectionModes = \"single\";\r\n\r\n  @Output() selectEvent: EventEmitter<any> = new EventEmitter();\r\n\r\n  selectedNodes!: TreeTableNode<any> | TreeTableNode<any>[] | null;\r\n\r\n  getFilterTargetValue(event: Event) {\r\n    const inputElement = event.target as HTMLInputElement;\r\n    return inputElement.value;\r\n  }\r\n\r\n  emitSelectedRows() {\r\n    if (!this.selectedNodes) return;\r\n\r\n    this.selectEvent.emit(this.selectedNodes);\r\n    this.selectedNodes = null;\r\n  }\r\n}\r\n","@if (data && columns) {\r\n\t<p-treeTable\r\n\t\t#ref\r\n\t\t[value]=\"data\"\r\n\t\t[columns]=\"columns\"\r\n\t\t[rows]=\"rows\"\r\n\t\t[paginator]=\"true\"\r\n\t\t[rowsPerPageOptions]=\"rowsPerPageOptions\"\r\n\t\t[scrollable]=\"scrollable\"\r\n\t\t[scrollHeight]=\"scrollHeight\"\r\n\t\t[sortMode]=\"sortMode\"\r\n\t\t[filterMode]=\"filterMode\"\r\n\t\t[loading]=\"loading\"\r\n\t\t[selectionMode]=\"selectionMode\"\r\n\t\t[(selection)]=\"selectedNodes\"\r\n\t\tstyleClass=\"p-treetable-sm\">\r\n\t\t<ng-template pTemplate=\"caption\">\r\n\t\t\t<div class=\"flex justify-content-between align-items-center\">\r\n\t\t\t\t<div class=\"flex\">\r\n\t\t\t\t\t<p-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\r\n\t\t\t\t\t<span class=\"ml-2\">Tümünü seç</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"p-input-icon-left\">\r\n\t\t\t\t\t<i class=\"pi pi-search\"></i>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tpInputText\r\n\t\t\t\t\t\tplaceholder=\"Arama\"\r\n\t\t\t\t\t\t(input)=\"\r\n\t\t\t\t\t\t\tref.filterGlobal(getFilterTargetValue($event), 'contains')\r\n\t\t\t\t\t\t\" />\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"header\" let-columns>\r\n\t\t\t<tr>\r\n\t\t\t\t@for (col of columns; track col) {\r\n\t\t\t\t\t<th [ttSortableColumn]=\"col.field\">\r\n\t\t\t\t\t\t<span>{{ col.header }}</span>\r\n\t\t\t\t\t\t<p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n\t\t\t\t\t</th>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template\r\n\t\t\tpTemplate=\"body\"\r\n\t\t\tlet-rowNode\r\n\t\t\tlet-rowData=\"rowData\"\r\n\t\t\tlet-columns=\"columns\">\r\n\t\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t\t@for (col of columns; track col; let first = $first) {\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t@if (first) {\r\n\t\t\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\t{{ rowData[col.field] }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t}\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"summary\">\r\n\t\t\t<div class=\"flex justify-content-end\">\r\n\t\t\t\t<div [attr.role]=\"'none'\" (click)=\"emitSelectedRows()\">\r\n\t\t\t\t\t<ng-content select=\".export-btn\"></ng-content>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"emptymessage\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td [attr.colspan]=\"columns.length\">Veri bulunamadı..</td>\r\n\t\t\t</tr>\r\n\t\t</ng-template>\r\n\t</p-treeTable>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-value.mjs

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

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

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

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

@@ -3,21 +3,21 @@ import { EventEmitter, Directive, Output } from '@angular/core';
 
 class InitEventDirective {
     constructor() {
-        this.arilUtilInit = new EventEmitter();
+        this.arilInit = new EventEmitter();
     }
     ngOnInit() {
-        this.arilUtilInit.emit();
+        this.arilInit.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InitEventDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: InitEventDirective, isStandalone: true, selector: "[arilUtilInit]", outputs: { arilUtilInit: "arilUtilInit" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InitEventDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.2", type: InitEventDirective, isStandalone: true, selector: "[arilInit]", outputs: { arilInit: "arilInit" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: InitEventDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InitEventDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    selector: '[arilUtilInit]'
+                    selector: '[arilInit]'
                 }]
-        }], propDecorators: { arilUtilInit: [{
+        }], propDecorators: { arilInit: [{
                 type: Output
             }] } });
 

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

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

package/fesm2022/aril-util-lib.mjs

@@ -1,3 +1,11 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/ban-types */
+/* eslint-disable @typescript-eslint/no-namespace */
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-namespace */
+
 /**
  * Generated bundle index. Do not edit.
  */

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

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

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

@@ -139,6 +139,12 @@ String.prototype.toPascalCase = function () {
 String.prototype.toCapitalizeFirstLetter = function () {
     return this.charAt(0).toLocaleUpperCase() + this.slice(1);
 };
+String.prototype.stringToBool = function (str) {
+    if (str == "true" || str == "1")
+        return true;
+    else
+        return false;
+};
 
 /**
  * Generated bundle index. Do not edit.