aril 0.0.49 → 0.0.51

package/fesm2022/aril-ui-tagBox.mjs

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { input, Component } 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, InputErrorMessagePipe, DXInputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class TagBoxComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.placeholder = input('');
+        this.valueExpr = input.required();
+        this.displayExpr = input.required();
+        this.maxDisplayedTags = input(5);
+        this.tabindex = input(0);
+        this.acceptCustomValue = input(true);
+        this.items = input.required();
+    }
+    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: "17.1.0", version: "17.1.2", type: TagBoxComponent, isStandalone: true, selector: "aril-tag-box", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, valueExpr: { classPropertyName: "valueExpr", publicName: "valueExpr", isSignal: true, isRequired: true, transformFunction: null }, displayExpr: { classPropertyName: "displayExpr", publicName: "displayExpr", isSignal: true, isRequired: true, transformFunction: null }, maxDisplayedTags: { classPropertyName: "maxDisplayedTags", publicName: "maxDisplayedTags", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, acceptCustomValue: { classPropertyName: "acceptCustomValue", publicName: "acceptCustomValue", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null } }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<dx-tag-box\r\n\t[items]=\"items()\"\r\n\t[valueExpr]=\"valueExpr()\"\r\n\t[displayExpr]=\"displayExpr()\"\r\n\t[showSelectionControls]=\"!acceptCustomValue()\"\r\n\t[applyValueMode]=\"acceptCustomValue() ? 'instantly' : 'useButtons'\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiline]=\"false\"\r\n\t[tabIndex]=\"tabindex()\"\r\n\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t[searchEnabled]=\"true\"\r\n\t[maxDisplayedTags]=\"maxDisplayedTags()\"\r\n\t[showMultiTagOnly]=\"false\"\r\n\t[showClearButton]=\"true\"\r\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</dx-tag-box>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxTagBoxModule }, { kind: "component", type: i3.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TagBoxComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-tag-box', imports: [ReactiveFormsModule, DxTagBoxModule, DXInputErrorMessagePipe], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<dx-tag-box\r\n\t[items]=\"items()\"\r\n\t[valueExpr]=\"valueExpr()\"\r\n\t[displayExpr]=\"displayExpr()\"\r\n\t[showSelectionControls]=\"!acceptCustomValue()\"\r\n\t[applyValueMode]=\"acceptCustomValue() ? 'instantly' : 'useButtons'\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiline]=\"false\"\r\n\t[tabIndex]=\"tabindex()\"\r\n\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t[searchEnabled]=\"true\"\r\n\t[maxDisplayedTags]=\"maxDisplayedTags()\"\r\n\t[showMultiTagOnly]=\"false\"\r\n\t[showClearButton]=\"true\"\r\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</dx-tag-box>\r\n" }]
+        }] });
+
+/**
+ * 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\nimport { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { DxTagBoxModule } from 'devextreme-angular/ui/tag-box';\r\n\r\nimport {\r\n\tBaseInputComponent,\r\n\tDXInputErrorMessagePipe,\r\n\tInputErrorMessagePipe,\r\n\tValueAccessorDirective\r\n} from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-tag-box',\r\n\ttemplateUrl: './tag-box.component.html',\r\n\timports: [ReactiveFormsModule, DxTagBoxModule, DXInputErrorMessagePipe],\r\n\tproviders: [InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class TagBoxComponent extends BaseInputComponent {\r\n\tplaceholder = input<string>('');\r\n\tvalueExpr = input.required<string>();\r\n\tdisplayExpr = input.required<string>();\r\n\tmaxDisplayedTags = input(5);\r\n\ttabindex = input<number>(0);\r\n\tacceptCustomValue = input(true);\r\n\titems = input.required<Array<string | number>>();\r\n\r\n\tonCustomItemCreating(e: any) {\r\n\t\tlet newValues = [];\r\n\r\n\t\tconst items = e.component.option('items');\r\n\t\tconst selectedItems = e.component.option('selectedItems');\r\n\r\n\t\tif (e.text.indexOf(',') != -1) newValues = e.text.replace(/ /g, '').split(',');\r\n\t\telse if (e.text.indexOf('|') != -1) newValues = e.text.replace(/ /g, '').split('|');\r\n\t\telse if (e.text.indexOf(' ') != -1) newValues = e.text.split(' ');\r\n\t\telse newValues.push(e.text);\r\n\r\n\t\tnewValues.forEach((value: string) => {\r\n\t\t\tif (selectedItems.indexOf(value) == -1) {\r\n\t\t\t\tselectedItems.push(value);\r\n\t\t\t\titems.unshift(value);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\te.component.option('items', items);\r\n\t\te.component.option('value', selectedItems);\r\n\t\te.text = '';\r\n\t}\r\n}\r\n","<dx-tag-box\r\n\t[items]=\"items()\"\r\n\t[valueExpr]=\"valueExpr()\"\r\n\t[displayExpr]=\"displayExpr()\"\r\n\t[showSelectionControls]=\"!acceptCustomValue()\"\r\n\t[applyValueMode]=\"acceptCustomValue() ? 'instantly' : 'useButtons'\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiline]=\"false\"\r\n\t[tabIndex]=\"tabindex()\"\r\n\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t[searchEnabled]=\"true\"\r\n\t[maxDisplayedTags]=\"maxDisplayedTags()\"\r\n\t[showMultiTagOnly]=\"false\"\r\n\t[showClearButton]=\"true\"\r\n\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\tvalidationMessagePosition=\"top\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</dx-tag-box>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-text.mjs

@@ -0,0 +1,47 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+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';
+
+class TextComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.placeholder = input('');
+        this.tabindex = input();
+        this.icon = input();
+        this.iconPos = input('left');
+        this.size = input('sm');
+        this._icon = computed(() => iconTransform(this.icon()));
+        this._iconPosClass = computed(() => iconPosTransform(this.iconPos()));
+        this._sizeClass = computed(() => {
+            switch (this.size()) {
+                case 'sm':
+                    return 'p-inputtext-sm';
+                case 'md':
+                    return '';
+                case 'lg':
+                    return 'p-inputtext-lg';
+            }
+        });
+    }
+    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: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, iconPos: { classPropertyName: "iconPos", publicName: "iconPos", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, 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]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\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()\">\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]", inputs: ["variant"] }, { 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"] }] }); }
+}
+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], 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]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\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()\">\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" }]
+        }] });
+
+/**
+ * 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":["import { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, computed, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport {\r\n\tBaseInputComponent,\r\n\tIconPosTypes,\r\n\tInputErrorMessagePipe,\r\n\tPrimeIcon,\r\n\tValueAccessorDirective,\r\n\ticonPosTransform,\r\n\ticonTransform\r\n} from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' | 'md' | 'lg';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-text[ngModel], aril-text[formControl], aril-text[formControlName]',\r\n\ttemplateUrl: './text.component.html',\r\n\timports: [ReactiveFormsModule, InputTextModule, TooltipModule, InputErrorMessagePipe, NgTemplateOutlet],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class TextComponent extends BaseInputComponent {\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n\ticon = input<PrimeIcon>();\r\n\ticonPos = input<IconPosTypes>('left');\r\n\tsize = input<Size>('sm');\r\n\r\n\t_icon = computed(() => iconTransform(this.icon()!));\r\n\t_iconPosClass = computed(() => iconPosTransform(this.iconPos()!));\r\n\r\n\t_sizeClass = computed(() => {\r\n\t\tswitch (this.size()) {\r\n\t\t\tcase 'sm':\r\n\t\t\t\treturn 'p-inputtext-sm';\r\n\t\t\tcase 'md':\r\n\t\t\t\treturn '';\r\n\t\t\tcase 'lg':\r\n\t\t\t\treturn 'p-inputtext-lg';\r\n\t\t}\r\n\t});\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]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\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()\">\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,33 @@
+import * as i0 from '@angular/core';
+import { input, Component } 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';
+
+class TextAreaComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.rows = input();
+        this.cols = input();
+        this.tabindex = input();
+        this.placeholder = input('');
+    }
+    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: "17.1.0", version: "17.1.2", type: TextAreaComponent, isStandalone: true, selector: "aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, 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]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\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", "variant"], 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" }] }); }
+}
+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], 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]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"></textarea>\r\n" }]
+        }] });
+
+/**
+ * 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 { Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { InputTextareaModule } from 'primeng/inputtextarea';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-text-area[ngModel], aril-text-area[formControl], aril-text-area[formControlName]',\r\n\ttemplateUrl: './text-area.component.html',\r\n\timports: [ReactiveFormsModule, InputTextareaModule, TooltipModule, InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class TextAreaComponent extends BaseInputComponent {\r\n\trows = input<number>();\r\n\tcols = input<number>();\r\n\ttabindex = input<number>();\r\n\tplaceholder = input<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]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\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":";;;;;;;;;;;AAeM,MAAO,iBAAkB,SAAQ,kBAAkB,CAAA;AAPzD,IAAA,WAAA,GAAA;;QAQC,IAAI,CAAA,IAAA,GAAG,KAAK,EAAU,CAAC;QACvB,IAAI,CAAA,IAAA,GAAG,KAAK,EAAU,CAAC;QACvB,IAAQ,CAAA,QAAA,GAAG,KAAK,EAAU,CAAC;AAC3B,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAChC,KAAA;8GALY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uFAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECf9B,ibAWA,EDCW,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,EAAA,SAAA,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,CAAA,CAAA,EAAA;;2FAG5E,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,uFAAuF,EAExF,OAAA,EAAA,CAAC,mBAAmB,EAAE,mBAAmB,EAAE,aAAa,EAAE,qBAAqB,CAAC,EACzE,cAAA,EAAA,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,ibAAA,EAAA,CAAA;;;AEbzC;;AAEG;;;;"}

package/fesm2022/aril-ui-toggle-button.mjs

@@ -0,0 +1,32 @@
+import { NgClass, NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, EventEmitter, Component, Output } from '@angular/core';
+import * as i1 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+
+class ToggleButtonComponent {
+    constructor() {
+        this.buttonLabels = input.required();
+        this.selectionChange = new EventEmitter();
+        this.selectedIndex = 0;
+    }
+    toggleButton(index) {
+        this.selectedIndex = index;
+        this.selectionChange.emit(this.selectedIndex);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ToggleButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ToggleButtonComponent, isStandalone: true, selector: "aril-toggle-button", inputs: { buttonLabels: { classPropertyName: "buttonLabels", publicName: "buttonLabels", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: "<div class=\"toggle-button-container\">\r\n  <div>\r\n    @for(label of buttonLabels();track label; let i = $index){\r\n      <button\r\n        pButton\r\n        (click)=\"toggleButton(i)\"\r\n        [ngClass]=\"{'p-button-success': selectedIndex === i, 'p-button-secondary p-button-outlined': selectedIndex !== i}\"\r\n        [ngStyle]=\"{'border-color': selectedIndex !== i ? '#E6E8EB' : null}\"\r\n      >\r\n    {{label}}</button>\r\n    }\r\n  </div>\r\n</div>", styles: [".toggle-button-container{width:100%;display:flex;justify-content:center}button{margin:0!important;border-radius:0!important}button:first-child{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}button:last-child{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ToggleButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-toggle-button', imports: [ButtonModule, NgClass, NgStyle], template: "<div class=\"toggle-button-container\">\r\n  <div>\r\n    @for(label of buttonLabels();track label; let i = $index){\r\n      <button\r\n        pButton\r\n        (click)=\"toggleButton(i)\"\r\n        [ngClass]=\"{'p-button-success': selectedIndex === i, 'p-button-secondary p-button-outlined': selectedIndex !== i}\"\r\n        [ngStyle]=\"{'border-color': selectedIndex !== i ? '#E6E8EB' : null}\"\r\n      >\r\n    {{label}}</button>\r\n    }\r\n  </div>\r\n</div>", styles: [".toggle-button-container{width:100%;display:flex;justify-content:center}button{margin:0!important;border-radius:0!important}button:first-child{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}button:last-child{border-top-right-radius:4px!important;border-bottom-right-radius:4px!important}\n"] }]
+        }], propDecorators: { selectionChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ToggleButtonComponent };
+//# sourceMappingURL=aril-ui-toggle-button.mjs.map

package/fesm2022/aril-ui-toggle-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-toggle-button.mjs","sources":["../../projects/aril/ui/toggle-button/src/toggle-button.component.ts","../../projects/aril/ui/toggle-button/src/toggle-button.component.html","../../projects/aril/ui/toggle-button/aril-ui-toggle-button.ts"],"sourcesContent":["import { NgClass, NgStyle } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, input } from '@angular/core';\r\nimport { ButtonModule } from 'primeng/button';\r\n\r\n@Component({  \r\n  standalone: true,\r\n  selector: 'aril-toggle-button',\r\n  templateUrl: './toggle-button.component.html',\r\n  styleUrls: ['./toggle-button.component.scss'],\r\n  imports: [ButtonModule, NgClass,NgStyle]\r\n})\r\nexport class ToggleButtonComponent {\r\n   buttonLabels = input.required<string[]>();\r\n  @Output() selectionChange: EventEmitter<number> = new EventEmitter<number>();\r\n\r\n  selectedIndex = 0;\r\n\r\n  toggleButton(index: number) {\r\n    this.selectedIndex = index;\r\n    this.selectionChange.emit(this.selectedIndex);\r\n  }\r\n}","<div class=\"toggle-button-container\">\r\n  <div>\r\n    @for(label of buttonLabels();track label; let i = $index){\r\n      <button\r\n        pButton\r\n        (click)=\"toggleButton(i)\"\r\n        [ngClass]=\"{'p-button-success': selectedIndex === i, 'p-button-secondary p-button-outlined': selectedIndex !== i}\"\r\n        [ngStyle]=\"{'border-color': selectedIndex !== i ? '#E6E8EB' : null}\"\r\n      >\r\n    {{label}}</button>\r\n    }\r\n  </div>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAQG,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAY,CAAC;AACjC,QAAA,IAAA,CAAA,eAAe,GAAyB,IAAI,YAAY,EAAU,CAAC;QAE7E,IAAa,CAAA,aAAA,GAAG,CAAC,CAAC;AAMnB,KAAA;AAJC,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC/C;8GATU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,uRCXlC,udAYM,EAAA,MAAA,EAAA,CAAA,iUAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDHM,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,oFAAC,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAE5B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,oBAAoB,EAGrB,OAAA,EAAA,CAAC,YAAY,EAAE,OAAO,EAAC,OAAO,CAAC,EAAA,QAAA,EAAA,udAAA,EAAA,MAAA,EAAA,CAAA,iUAAA,CAAA,EAAA,CAAA;8BAI9B,eAAe,EAAA,CAAA;sBAAxB,MAAM;;;AEbT;;AAEG;;;;"}

package/fesm2022/aril-ui-tree.mjs

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { input, EventEmitter, effect, Component, ChangeDetectionStrategy, Output } from '@angular/core';
+import * as i2 from 'primeng/contextmenu';
+import { ContextMenuModule } from 'primeng/contextmenu';
+import * as i1 from 'primeng/tree';
+import { TreeModule } from 'primeng/tree';
+import { ButtonComponent } from 'aril/ui/button';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class TreeComponent {
+    constructor() {
+        this.data = input.required();
+        this.contextMenu = input();
+        this.filterPlaceholder = input('Arama');
+        this.filter = input(true);
+        this.selectionMode = input();
+        this.selectedNode = input(null);
+        this.expandEvent = new EventEmitter();
+        this.selectionEvent = new EventEmitter();
+        effect(() => {
+            this.selectionNodes = this.selectedNode();
+        });
+    }
+    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: "17.1.0", version: "17.1.2", type: TreeComponent, isStandalone: true, selector: "aril-tree", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, contextMenu: { classPropertyName: "contextMenu", publicName: "contextMenu", isSignal: true, isRequired: false, transformFunction: null }, filterPlaceholder: { classPropertyName: "filterPlaceholder", publicName: "filterPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, selectedNode: { classPropertyName: "selectedNode", publicName: "selectedNode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, ngImport: i0, template: "<!-- <div class=\"mb-3\">\r\n\t<aril-button [label]=\"isExpended ? 'Daralt' : 'Geni\u015Flet'\" size=\"sm\" [color]=\"isExpended ? 'primary' :'warning'\" (clickEvent)=\"toggleTree()\"></aril-button>\r\n</div> -->\r\n<p-tree\r\n\t[value]=\"data()\"\r\n\t[selectionMode]=\"selectionMode()\"\r\n\t[(selection)]=\"selectionNodes\"\r\n\t[contextMenu]=\"contextMenuRef\"\r\n\t[filter]=\"filter()\"\r\n\tfilterMode=\"lenient\"\r\n\tfilterBy=\"label\"\r\n\t[filterPlaceholder]=\"filterPlaceholder()\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectionNodes)\">\r\n</p-tree>\r\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\r\n", dependencies: [{ kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "layout", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterBy", "filterMode", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: i2.ContextMenu, selector: "p-contextMenu", inputs: ["model", "triggerEvent", "target", "global", "style", "styleClass", "appendTo", "autoZIndex", "baseZIndex", "id", "ariaLabel", "ariaLabelledBy", "pressDelay"], outputs: ["onShow", "onHide"] }], 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, ContextMenuModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <div class=\"mb-3\">\r\n\t<aril-button [label]=\"isExpended ? 'Daralt' : 'Geni\u015Flet'\" size=\"sm\" [color]=\"isExpended ? 'primary' :'warning'\" (clickEvent)=\"toggleTree()\"></aril-button>\r\n</div> -->\r\n<p-tree\r\n\t[value]=\"data()\"\r\n\t[selectionMode]=\"selectionMode()\"\r\n\t[(selection)]=\"selectionNodes\"\r\n\t[contextMenu]=\"contextMenuRef\"\r\n\t[filter]=\"filter()\"\r\n\tfilterMode=\"lenient\"\r\n\tfilterBy=\"label\"\r\n\t[filterPlaceholder]=\"filterPlaceholder()\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectionNodes)\">\r\n</p-tree>\r\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { expandEvent: [{
+                type: Output
+            }], selectionEvent: [{
+                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\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, effect, input } from '@angular/core';\r\n\r\nimport { MenuItem, TreeNode } from 'primeng/api';\r\nimport { ContextMenuModule } from 'primeng/contextmenu';\r\nimport { TreeModule } from 'primeng/tree';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\ntype SelectionModes = 'multiple' | 'checkbox' | 'single';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-tree',\r\n\ttemplateUrl: './tree.component.html',\r\n\timports: [TreeModule, ContextMenuModule, ButtonComponent],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeComponent {\r\n\tconstructor() {\r\n\t\teffect(() => {\r\n\t\t\tthis.selectionNodes = this.selectedNode();\r\n\t\t});\r\n\t}\r\n\r\n\tdata = input.required<TreeNode[]>();\r\n\tcontextMenu = input<MenuItem[]>();\r\n\tfilterPlaceholder = input<string>('Arama');\r\n\tfilter = input<boolean>(true);\r\n\tselectionMode = input<SelectionModes>();\r\n\tselectedNode = input<TreeNode | TreeNode[] | null>(null);\r\n\r\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n\tselectionNodes!: TreeNode | TreeNode[] | null;\r\n\r\n\t// isExpended = false;\r\n\t// toggleTree() {\r\n\t// \tthis.isExpended = !this.isExpended;\r\n\t// \tthis.expandRecursive(this.data());\r\n\t// }\r\n\r\n\t// expandRecursive(node: TreeNode[]) {\r\n\t// \tnode.forEach((node) => {\r\n\t// \t\tif (node.children) {\r\n\t// \t\t\tnode.expanded = this.isExpended;\r\n\t// \t\t\tthis.expandRecursive(node.children);\r\n\t// \t\t}\r\n\t// \t});\r\n\t// }\r\n}\r\n","<!-- <div class=\"mb-3\">\r\n\t<aril-button [label]=\"isExpended ? 'Daralt' : 'Genişlet'\" size=\"sm\" [color]=\"isExpended ? 'primary' :'warning'\" (clickEvent)=\"toggleTree()\"></aril-button>\r\n</div> -->\r\n<p-tree\r\n\t[value]=\"data()\"\r\n\t[selectionMode]=\"selectionMode()\"\r\n\t[(selection)]=\"selectionNodes\"\r\n\t[contextMenu]=\"contextMenuRef\"\r\n\t[filter]=\"filter()\"\r\n\tfilterMode=\"lenient\"\r\n\tfilterBy=\"label\"\r\n\t[filterPlaceholder]=\"filterPlaceholder()\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectionNodes)\">\r\n</p-tree>\r\n<p-contextMenu #contextMenuRef [model]=\"contextMenu()\"></p-contextMenu>\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-treeTable.mjs

@@ -0,0 +1,62 @@
+import { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, EventEmitter, Component, ChangeDetectionStrategy, Output, ContentChildren } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i1 from 'primeng/treetable';
+import { TreeTableModule } from 'primeng/treetable';
+import * as FileSaver from 'file-saver';
+import { ButtonComponent } from 'aril/ui/button';
+import { TableColumnComponent } from 'aril/ui/table';
+import { TextComponent } from 'aril/ui/text';
+import * as i2 from 'primeng/api';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const pageOptions = [10, 20, 50, 100];
+class TreeTableComponent {
+    constructor() {
+        this.data = input.required();
+        this.checkboxSelection = input();
+        this.pageSize = input(10);
+        this.scrollable = input(false);
+        this.scrollHeight = input();
+        this.expandEvent = new EventEmitter();
+        this.selectionEvent = new EventEmitter();
+        this.pageOptions = pageOptions;
+    }
+    excelExport() {
+        import('xlsx').then((xlsx) => {
+            const worksheet = xlsx.utils.json_to_sheet(this.data());
+            const workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };
+            const excelBuffer = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });
+            this.saveAsExcelFile(excelBuffer, 'excel_worksheet');
+        });
+    }
+    saveAsExcelFile(buffer, fileName) {
+        const EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';
+        const EXCEL_EXTENSION = '.xlsx';
+        const data = new Blob([buffer], {
+            type: EXCEL_TYPE
+        });
+        FileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: TreeTableComponent, isStandalone: true, selector: "aril-tree-table", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, checkboxSelection: { classPropertyName: "checkboxSelection", publicName: "checkboxSelection", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandEvent: "expandEvent", selectionEvent: "selectionEvent" }, queries: [{ propertyName: "columns", predicate: TableColumnComponent }], ngImport: i0, template: "<p-treeTable\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"true\"\r\n\t[rowsPerPageOptions]=\"pageOptions\"\r\n\t[filterDelay]=\"0\"\r\n\tsortMode=\"multiple\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[(selection)]=\"selectedNodes\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kay\u0131t | Sayfa : {currentPage} / {totalPages}\"\r\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-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()\">\r\n\t\t\t</aril-button>\r\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\ticonPos=\"left\"\r\n\t\t\t\t\tplaceholder=\"Arama\"\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</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-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\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 [ttSortableColumn]=\"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-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\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-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t</td>\r\n\t\t\t}\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@if ($first) {\r\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </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 [attr.colspan]=\"columns._results.length\">No Data Found</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-treeTable>\r\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", "selectionKeys"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i1.TreeTableToggler, selector: "p-treeTableToggler", inputs: ["rowNode"] }, { kind: "directive", type: i1.TTSortableColumn, selector: "[ttSortableColumn]", inputs: ["ttSortableColumn", "ttSortableColumnDisabled"] }, { kind: "directive", type: i1.TTRow, selector: "[ttRow]", inputs: ["ttRow"] }, { kind: "component", type: i1.TTCheckbox, selector: "p-treeTableCheckbox", inputs: ["disabled", "value"] }, { kind: "component", type: i1.TTHeaderCheckbox, selector: "p-treeTableHeaderCheckbox" }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: TreeTableComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-tree-table', imports: [TreeTableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-treeTable\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"true\"\r\n\t[rowsPerPageOptions]=\"pageOptions\"\r\n\t[filterDelay]=\"0\"\r\n\tsortMode=\"multiple\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[(selection)]=\"selectedNodes\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kay\u0131t | Sayfa : {currentPage} / {totalPages}\"\r\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-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()\">\r\n\t\t\t</aril-button>\r\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\ticonPos=\"left\"\r\n\t\t\t\t\tplaceholder=\"Arama\"\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</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-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\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 [ttSortableColumn]=\"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-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\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-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t</td>\r\n\t\t\t}\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@if ($first) {\r\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </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 [attr.colspan]=\"columns._results.length\">No Data Found</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-treeTable>\r\n" }]
+        }], propDecorators: { expandEvent: [{
+                type: Output
+            }], selectionEvent: [{
+                type: Output
+            }], columns: [{
+                type: ContentChildren,
+                args: [TableColumnComponent]
+            }] } });
+
+/**
+ * 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\nimport { NgFor, NgForOf, NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Output, input } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { TreeNode, TreeTableNode } from 'primeng/api';\r\nimport { TreeTableModule } from 'primeng/treetable';\r\n\r\nimport * as FileSaver from 'file-saver';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { TableColumnComponent, TableColumns } from 'aril/ui/table';\r\nimport { TextComponent } from 'aril/ui/text';\r\n\r\nconst pageOptions = [10, 20, 50, 100];\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-tree-table',\r\n\ttemplateUrl: './tree-table.component.html',\r\n\timports: [TreeTableModule, ButtonComponent, TextComponent, FormsModule, NgFor, NgForOf, NgTemplateOutlet],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class TreeTableComponent {\r\n\tdata = input.required<TreeNode[]>();\r\n\tcheckboxSelection = input<boolean>();\r\n\tpageSize = input<(typeof pageOptions)[number]>(10);\r\n\tscrollable = input<boolean>(false);\r\n\tscrollHeight = input<string>();\r\n\r\n\t@Output() expandEvent: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() selectionEvent: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n\t@ContentChildren(TableColumnComponent) columns!: TableColumns;\r\n\r\n\tfilterText!: string;\r\n\tpageOptions = pageOptions;\r\n\tselectedNodes!: TreeTableNode<any> | TreeTableNode<any>[] | null;\r\n\r\n\texcelExport() {\r\n\t\timport('xlsx').then((xlsx) => {\r\n\t\t\tconst worksheet = xlsx.utils.json_to_sheet(this.data());\r\n\t\t\tconst workbook = { Sheets: { data: worksheet }, SheetNames: ['data'] };\r\n\t\t\tconst excelBuffer: any = xlsx.write(workbook, { bookType: 'xlsx', type: 'array' });\r\n\t\t\tthis.saveAsExcelFile(excelBuffer, 'excel_worksheet');\r\n\t\t});\r\n\t}\r\n\r\n\tsaveAsExcelFile(buffer: any, fileName: string): void {\r\n\t\tconst EXCEL_TYPE = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n\t\tconst EXCEL_EXTENSION = '.xlsx';\r\n\t\tconst data: Blob = new Blob([buffer], {\r\n\t\t\ttype: EXCEL_TYPE\r\n\t\t});\r\n\t\tFileSaver.saveAs(data, fileName + '_export_' + new Date().getTime() + EXCEL_EXTENSION);\r\n\t}\r\n}\r\n","<p-treeTable\r\n\t#ref\r\n\t[value]=\"data()\"\r\n\t[columns]=\"columns._results\"\r\n\t[rows]=\"pageSize()\"\r\n\t[rowHover]=\"true\"\r\n\t[paginator]=\"true\"\r\n\t[rowsPerPageOptions]=\"pageOptions\"\r\n\t[filterDelay]=\"0\"\r\n\tsortMode=\"multiple\"\r\n\t[scrollable]=\"scrollable()\"\r\n\t[scrollHeight]=\"scrollHeight()\"\r\n\t[(selection)]=\"selectedNodes\"\r\n\t(onNodeExpand)=\"expandEvent.emit($event.node)\"\r\n\t(selectionChange)=\"selectionEvent.emit(selectedNodes)\"\r\n\t[showCurrentPageReport]=\"true\"\r\n\tcurrentPageReportTemplate=\"Toplam : {totalRecords} kayıt | Sayfa : {currentPage} / {totalPages}\"\r\n\tstyleClass=\"p-treetable-gridlines p-treetable-striped p-treetable-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()\">\r\n\t\t\t</aril-button>\r\n\t\t\t<!-- <span class=\"p-input-icon-left ml-auto\">\r\n\t\t\t\t<aril-text\r\n\t\t\t\t\ticon=\"SEARCH\"\r\n\t\t\t\t\ticonPos=\"left\"\r\n\t\t\t\t\tplaceholder=\"Arama\"\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</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-treeTableHeaderCheckbox></p-treeTableHeaderCheckbox>\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 [ttSortableColumn]=\"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-treeTableSortIcon [field]=\"column.field\"></p-treeTableSortIcon> -->\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-rowNode let-rowData=\"rowData\" let-columns=\"columns\">\r\n\t\t<tr [ttRow]=\"rowNode\">\r\n\t\t\t@if (checkboxSelection()) {\r\n\t\t\t\t<td>\r\n\t\t\t\t\t<p-treeTableCheckbox [value]=\"rowNode\"></p-treeTableCheckbox>\r\n\t\t\t\t</td>\r\n\t\t\t}\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@if ($first) {\r\n\t\t\t\t\t\t<p-treeTableToggler [rowNode]=\"rowNode\"></p-treeTableToggler>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<ng-template ngFor [ngForOf]=\"[rowNode.node]\" [ngForTemplate]=\"column.template\"> </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 [attr.colspan]=\"columns._results.length\">No Data Found</td>\r\n\t\t</tr>\r\n\t</ng-template>\r\n</p-treeTable>\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,42 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import 'aril/util/primitive-extensions';
+
+class ValueComponent {
+    constructor() {
+        this.model = input.required();
+        this.type = input('text');
+        this.format = input();
+        this.color = input('#333');
+        this.display = computed(() => {
+            switch (this.type()) {
+                case 'text':
+                    return this.model();
+                case 'number':
+                    return format(this.format() ?? '0.###', this.model());
+                case 'decimal':
+                    return format(this.format() ?? '#.##0,###', this.model());
+                case 'date':
+                    return this.model().longToString(this.format() ?? 'time');
+                case 'password':
+                    return this.model().replace(/./g, '*');
+                default:
+                    console.error("Invalid type: '" + this.type() + "'");
+                    return '';
+            }
+        });
+    }
+    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: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (model() == undefined || model() == null) {\r\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\r\n} @else {\r\n\t@if (type() == 'bool') {\r\n\t\t@if (!!model()) {\r\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\r\n\t\t} @else {\r\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\r\n\t\t}\r\n\t} @else {\r\n\t\t@if (display() == undefined) {\r\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\r\n\t\t} @else {\r\n\t\t\t<span [style.color]=\"color\">\r\n\t\t\t\t{{ display() }}\r\n\t\t\t</span>\r\n\t\t}\r\n\t}\r\n}\r\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) {\r\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\r\n} @else {\r\n\t@if (type() == 'bool') {\r\n\t\t@if (!!model()) {\r\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\r\n\t\t} @else {\r\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\r\n\t\t}\r\n\t} @else {\r\n\t\t@if (display() == undefined) {\r\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\r\n\t\t} @else {\r\n\t\t\t<span [style.color]=\"color\">\r\n\t\t\t\t{{ display() }}\r\n\t\t\t</span>\r\n\t\t}\r\n\t}\r\n}\r\n" }]
+        }] });
+
+/**
+ * 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, computed, input } from '@angular/core';\r\n\r\nimport 'aril/util/primitive-extensions';\r\n\r\n/* number-format.js */\r\ndeclare const format: Function;\r\n\r\ntype ValueTypes = 'text' | 'number' | 'bool' | 'decimal' | 'date' | 'password';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-value',\r\n\ttemplateUrl: './value.component.html',\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ValueComponent {\r\n\tmodel = input.required<string | number | boolean | undefined>();\r\n\ttype = input<ValueTypes>('text');\r\n\tformat = input<string>();\r\n\tcolor = input<string>('#333');\r\n\r\n\tdisplay = computed(() => {\r\n\t\tswitch (this.type()) {\r\n\t\t\tcase 'text':\r\n\t\t\t\treturn this.model();\r\n\t\t\tcase 'number':\r\n\t\t\t\treturn format(this.format() ?? '0.###', this.model());\r\n\t\t\tcase 'decimal':\r\n\t\t\t\treturn format(this.format() ?? '#.##0,###', this.model());\r\n\t\t\tcase 'date':\r\n\t\t\t\treturn (<number>this.model()).longToString(this.format() ?? 'time');\r\n\t\t\tcase 'password':\r\n\t\t\t\treturn (<string>this.model()).replace(/./g, '*');\r\n\t\t\tdefault:\r\n\t\t\t\tconsole.error(\"Invalid type: '\" + this.type() + \"'\");\r\n\t\t\t\treturn '';\r\n\t\t}\r\n\t});\r\n}\r\n","@if (model() == undefined || model() == null) {\r\n\t<i class=\"pi pi-minus\" style=\"color: red\" pTooltip=\"No item to show\"></i>\r\n} @else {\r\n\t@if (type() == 'bool') {\r\n\t\t@if (!!model()) {\r\n\t\t\t<i class=\"pi pi-check\" style=\"color: green\"></i>\r\n\t\t} @else {\r\n\t\t\t<i class=\"pi pi-times\" style=\"color: crimson\"></i>\r\n\t\t}\r\n\t} @else {\r\n\t\t@if (display() == undefined) {\r\n\t\t\t<i class=\"pi pi-exclamation-circle\" style=\"color: red\" pTooltip=\"Invalid Data\"> </i>\r\n\t\t} @else {\r\n\t\t\t<span [style.color]=\"color\">\r\n\t\t\t\t{{ display() }}\r\n\t\t\t</span>\r\n\t\t}\r\n\t}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAea,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;AAOC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAyC,CAAC;AAChE,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAa,MAAM,CAAC,CAAC;QACjC,IAAM,CAAA,MAAA,GAAG,KAAK,EAAU,CAAC;AACzB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAE9B,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACvB,YAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AAClB,gBAAA,KAAK,MAAM;AACV,oBAAA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;AACrB,gBAAA,KAAK,QAAQ;AACZ,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AACvD,gBAAA,KAAK,SAAS;AACb,oBAAA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3D,gBAAA,KAAK,MAAM;AACV,oBAAA,OAAgB,IAAI,CAAC,KAAK,EAAG,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,MAAM,CAAC,CAAC;AACrE,gBAAA,KAAK,UAAU;oBACd,OAAgB,IAAI,CAAC,KAAK,EAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAClD,gBAAA;AACC,oBAAA,OAAO,CAAC,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC;AACrD,oBAAA,OAAO,EAAE,CAAC;aACX;AACF,SAAC,CAAC,CAAC;AACH,KAAA;8GAvBY,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,ijBCf3B,ynBAmBA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDJa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,YAAY,EAEL,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ynBAAA,EAAA,CAAA;;;AEbhD;;AAEG;;;;"}

package/fesm2022/aril-ui.mjs

@@ -0,0 +1,8 @@
+const aril_ui = 'ARiL-UI';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { aril_ui };
+//# sourceMappingURL=aril-ui.mjs.map

package/fesm2022/aril-ui.mjs.map

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

package/fesm2022/aril-util-block.mjs

@@ -0,0 +1,71 @@
+import * as i0 from '@angular/core';
+import { input, signal, effect, Directive } from '@angular/core';
+
+class Block {
+    constructor(element) {
+        this.element = element;
+        this.arilBlock = input.required();
+        this.blockOptions = input({});
+        this.target = signal(this.element.nativeElement);
+        effect(() => {
+            if (this.target()) {
+                if (this.arilBlock()) {
+                    this.blockUI.block();
+                }
+                else {
+                    this.blockUI.release();
+                }
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.target.set(this.getTarget(this.element));
+        this.blockUI = new KTBlockUI(this.target(), this.blockOptions());
+    }
+    getTarget(element) {
+        let nativeElement = element.nativeElement;
+        while (nativeElement && !nativeElement.clientWidth)
+            nativeElement = nativeElement.children[0];
+        return nativeElement;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: Block, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.1.2", type: Block, isStandalone: true, selector: "[arilBlock]", inputs: { arilBlock: { classPropertyName: "arilBlock", publicName: "arilBlock", isSignal: true, isRequired: true, transformFunction: null }, blockOptions: { classPropertyName: "blockOptions", publicName: "blockOptions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: Block, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[arilBlock]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+class BlockPage {
+    constructor() {
+        this.arilBlockPage = input.required();
+        this.blockOptions = input({});
+        const blockUI = new KTBlockUI(document.body, this.blockOptions());
+        effect(() => {
+            if (this.arilBlockPage()) {
+                blockUI.block();
+            }
+            else {
+                blockUI.release();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BlockPage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "17.1.2", type: BlockPage, isStandalone: true, selector: "[arilBlockPage]", inputs: { arilBlockPage: { classPropertyName: "arilBlockPage", publicName: "arilBlockPage", isSignal: true, isRequired: true, transformFunction: null }, blockOptions: { classPropertyName: "blockOptions", publicName: "blockOptions", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BlockPage, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[arilBlockPage]'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Block, BlockPage };
+//# sourceMappingURL=aril-util-block.mjs.map