aril 1.1.73 → 1.1.75

package/fesm2022/aril-ui-collapse-reorder-list.mjs

@@ -0,0 +1,60 @@
+import { moveItemInArray, CdkDrag, CdkDropList, CdkDragHandle } from '@angular/cdk/drag-drop';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, EventEmitter, TemplateRef, Component, Optional, ContentChild, Output } from '@angular/core';
+import { DialogService } from 'primeng/dynamicdialog';
+import { ButtonComponent } from 'aril/ui/button';
+import * as i1 from '@angular/forms';
+
+class CollapseReorderListComponent {
+    constructor(controlContainer) {
+        this.controlContainer = controlContainer;
+        this.title = input.required();
+        this.addFieldButtonLabel = input.required();
+        this.reorderField = input();
+        this.collapsed = input(false);
+        this.addField = new EventEmitter();
+        this.isCollapsed = this.collapsed();
+    }
+    get formArray() {
+        return this.controlContainer.control;
+    }
+    drop(event) {
+        moveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);
+        if (this.reorderField())
+            this.setFieldOrder();
+    }
+    setFieldOrder() {
+        this.formArray.controls.forEach((item, index) => {
+            item.get(this.reorderField())?.setValue(index + 1);
+        });
+    }
+    removeField(formGroup) {
+        const index = this.formArray.controls.indexOf(formGroup);
+        if (index > -1) {
+            this.formArray.removeAt(index);
+            if (this.reorderField())
+                this.setFieldOrder();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CollapseReorderListComponent, deps: [{ token: i1.ControlContainer, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: CollapseReorderListComponent, isStandalone: true, selector: "aril-collapse-reorder-list[formArrayName]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, addFieldButtonLabel: { classPropertyName: "addFieldButtonLabel", publicName: "addFieldButtonLabel", isSignal: true, isRequired: true, transformFunction: null }, reorderField: { classPropertyName: "reorderField", publicName: "reorderField", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { addField: "addField" }, providers: [DialogService], queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CollapseReorderListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-collapse-reorder-list[formArrayName]', imports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet], providers: [DialogService], template: "<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n", styles: [":host{width:100%}.cdk-drag-preview{border:none;font-size:1rem!important}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.collapse-reorder-list.cdk-drop-list-dragging .collapse-reorder-list-item:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}.header-bg{background:#e2e8f0}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ControlContainer, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { itemTemplate: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }], addField: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CollapseReorderListComponent };
+//# sourceMappingURL=aril-ui-collapse-reorder-list.mjs.map

package/fesm2022/aril-ui-collapse-reorder-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-collapse-reorder-list.mjs","sources":["../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.ts","../../projects/aril/ui/collapse-reorder-list/src/collapse-reorder-list.component.html","../../projects/aril/ui/collapse-reorder-list/aril-ui-collapse-reorder-list.ts"],"sourcesContent":["import { CdkDrag, CdkDragDrop, CdkDragHandle, CdkDropList, moveItemInArray } from '@angular/cdk/drag-drop';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { Component, ContentChild, EventEmitter, Optional, Output, TemplateRef, input } from '@angular/core';\r\nimport { ControlContainer, FormArray, FormGroup } from '@angular/forms';\r\n\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-collapse-reorder-list[formArrayName]',\r\n\ttemplateUrl: './collapse-reorder-list.component.html',\r\n\tstyleUrls: ['./collapse-reorder-list.component.scss'],\r\n\timports: [CdkDrag, CdkDropList, CdkDragHandle, ButtonComponent, NgTemplateOutlet],\r\n\tproviders: [DialogService]\r\n})\r\nexport class CollapseReorderListComponent {\r\n\t@ContentChild(TemplateRef) itemTemplate!: TemplateRef<any>;\r\n\r\n\ttitle = input.required<string>();\r\n\taddFieldButtonLabel = input.required<string>();\r\n\treorderField = input<string>();\r\n\tcollapsed = input<boolean>(false);\r\n\r\n\t@Output() addField = new EventEmitter<void>();\r\n\r\n\tisCollapsed = this.collapsed();\r\n\r\n\tconstructor(@Optional() private readonly controlContainer: ControlContainer) {}\r\n\r\n\tget formArray() {\r\n\t\treturn this.controlContainer.control as FormArray<FormGroup>;\r\n\t}\r\n\r\n\tdrop(event: CdkDragDrop<string[]>) {\r\n\t\tmoveItemInArray(this.formArray.controls, event.previousIndex, event.currentIndex);\r\n\r\n\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t}\r\n\r\n\tprivate setFieldOrder() {\r\n\t\tthis.formArray.controls.forEach((item, index) => {\r\n\t\t\titem.get(this.reorderField() as string)?.setValue(index + 1);\r\n\t\t});\r\n\t}\r\n\r\n\tremoveField(formGroup: FormGroup) {\r\n\t\tconst index = this.formArray.controls.indexOf(formGroup);\r\n\t\tif (index > -1) {\r\n\t\t\tthis.formArray.removeAt(index);\r\n\r\n\t\t\tif (this.reorderField()) this.setFieldOrder();\r\n\t\t}\r\n\t}\r\n}\r\n","<div class=\"collapse-reorder-list\">\r\n\t<div class=\"collapse-reorder-list-item mb-2\">\r\n\t\t<div class=\"flex align-items-center justify-content-between p-2 header-bg font-medium border-round-lg\">\r\n\t\t\t<div class=\"flex align-items-center gap-2\">\r\n\t\t\t\t<i\r\n\t\t\t\t\tclass=\"pi cursor-pointer p-2\"\r\n\t\t\t\t\t[class.pi-angle-down]=\"!isCollapsed\"\r\n\t\t\t\t\t[class.pi-angle-right]=\"isCollapsed\"\r\n\t\t\t\t\t(click)=\"isCollapsed = !isCollapsed\"></i>\r\n\r\n\t\t\t\t<div>{{ title() }}</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t@if (!isCollapsed) {\r\n\t\t\t<div class=\"flex flex-column mt-2\">\r\n\t\t\t\t<div cdkDropList class=\"collapse-reorder-list\" (cdkDropListDropped)=\"drop($event)\">\r\n\t\t\t\t\t@for (fg of formArray.controls; track fg) {\r\n\t\t\t\t\t\t<form cdkDrag class=\"collapse-reorder-list-item mb-2\">\r\n\t\t\t\t\t\t\t<div class=\"flex align-items-start px-2 surface-50 border-round-lg\">\r\n\t\t\t\t\t\t\t\t<i class=\"pi pi-bars cursor-move p-2 mt-2\" cdkDragHandle></i>\r\n\r\n\t\t\t\t\t\t\t\t<ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: fg }\" />\r\n\r\n\t\t\t\t\t\t\t\t<div class=\"flex gap-1 mt-2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"pi pi-trash cursor-pointer p-2 text-red-500\" (click)=\"removeField(fg)\"></i>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</form>\r\n\t\t\t\t\t}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tclass=\"w-max mb-2\"\r\n\t\t\t\t\t[label]=\"addFieldButtonLabel()\"\r\n\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t[outlined]=\"true\"\r\n\t\t\t\t\t(clickEvent)=\"addField.emit()\" />\r\n\t\t\t</div>\r\n\t\t}\r\n\t</div>\r\n</div>\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-dxEditor.mjs

@@ -0,0 +1,33 @@
+import { NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i1 from 'devextreme-angular';
+import { DxHtmlEditorModule } from 'devextreme-angular';
+import { BaseInputComponent } from 'aril/ui/lib';
+import * as i2 from 'devextreme-angular/ui/nested';
+
+class DxEditorComponent extends BaseInputComponent {
+    constructor() {
+        super(...arguments);
+        this.height = input('400px');
+        this.isMultiline = input(true);
+        this.valueContent = input.required();
+        this.disabled = input(false);
+        this.isShowToolBar = input(true);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DxEditorComponent, isStandalone: true, selector: "aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, isMultiline: { classPropertyName: "isMultiline", publicName: "isMultiline", isSignal: true, isRequired: false, transformFunction: null }, valueContent: { classPropertyName: "valueContent", publicName: "valueContent", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isShowToolBar: { classPropertyName: "isShowToolBar", publicName: "isShowToolBar", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n", dependencies: [{ kind: "ngmodule", type: DxHtmlEditorModule }, { kind: "component", type: i1.DxHtmlEditorComponent, selector: "dx-html-editor", inputs: ["accessKey", "activeStateEnabled", "allowSoftLineBreak", "customizeModules", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "imageUpload", "isDirty", "isValid", "mediaResizing", "mentions", "name", "placeholder", "readOnly", "rtlEnabled", "stylingMode", "tabIndex", "tableContextMenu", "tableResizing", "toolbar", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueType", "variables", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onFocusIn", "onFocusOut", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "allowSoftLineBreakChange", "customizeModulesChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "imageUploadChange", "isDirtyChange", "isValidChange", "mediaResizingChange", "mentionsChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "tableContextMenuChange", "tableResizingChange", "toolbarChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueTypeChange", "variablesChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxoMediaResizingComponent, selector: "dxo-media-resizing", inputs: ["allowedTargets", "enabled"] }, { kind: "component", type: i2.DxiItemComponent, selector: "dxi-item", inputs: ["disabled", "html", "icon", "template", "text", "title", "titleTemplate", "visible", "onClick", "stylingMode", "type", "baseSize", "box", "ratio", "shrink", "elementAttr", "hint", "beginGroup", "closeMenuOnClick", "items", "selectable", "selected", "colSpan", "cssClass", "dataField", "editorOptions", "editorType", "helpText", "isRequired", "itemType", "label", "name", "validationRules", "visibleIndex", "alignItemLabels", "caption", "colCount", "colCountByScreen", "tabPanelOptions", "tabs", "badge", "tabTemplate", "buttonOptions", "horizontalAlignment", "verticalAlignment", "locateInMenu", "location", "menuItemTemplate", "options", "showText", "widget", "height", "width", "imageAlt", "imageSrc", "acceptedValues", "formatName", "formatValues", "key", "showChevron", "linkAttr", "url", "heightRatio", "widthRatio", "expanded", "hasItems", "id", "parentId"] }, { kind: "component", type: i2.DxoToolbarComponent, selector: "dxo-toolbar", inputs: ["disabled", "items", "visible", "fileSelectionItems", "container", "multiline"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxEditorComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]', imports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DxEditorComponent };
+//# sourceMappingURL=aril-ui-dxEditor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-dxEditor.mjs","sources":["../../projects/aril/ui/dxEditor/src/dx-editor.component.ts","../../projects/aril/ui/dxEditor/src/dx-editor.component.html","../../projects/aril/ui/dxEditor/aril-ui-dxEditor.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { DxHtmlEditorModule } from 'devextreme-angular';\r\nimport { BaseInputComponent } from 'aril/ui/lib';\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-editor[ngModel],aril-dx-editor[formControl], aril-dx-editor[formControlName]',\r\n\ttemplateUrl: './dx-editor.component.html',\r\n\timports: [NgStyle, DxHtmlEditorModule, ReactiveFormsModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxEditorComponent  extends BaseInputComponent {\r\n\theight=input<string>('400px');\r\n\tisMultiline= input<boolean>(true);\r\n\tvalueContent = input.required<string>();\r\n\tdisabled = input<boolean>(false);\r\n\tisShowToolBar= input<boolean>(true);\r\n}\r\n","\r\n<dx-html-editor  [height]=\"height()\" [value]=\"valueContent()\" [formControl]=\"ngControl.control\" [disabled]=\"disabled()\">\r\n    <dxo-toolbar [multiline]=\"isMultiline()\">\r\n\t\t@if(isShowToolBar()){\r\n\t\t\t<dxi-item name=\"undo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"redo\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"size\"\r\n\t\t\t\t[acceptedValues]=\"['8pt', '10pt', '12pt', '14pt', '18pt', '24pt', '36pt']\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font size' } }\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"font\"\r\n\t\t\t\t[acceptedValues]=\"[\r\n\t\t\t\t\t'Arial',\r\n\t\t\t\t\t'Courier New',\r\n\t\t\t\t\t'Georgia',\r\n\t\t\t\t\t'Impact',\r\n\t\t\t\t\t'Lucida Console',\r\n\t\t\t\t\t'Tahoma',\r\n\t\t\t\t\t'Times New Roman',\r\n\t\t\t\t\t'Verdana'\r\n\t\t\t\t]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Font family' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bold\"></dxi-item>\r\n\t\t\t<dxi-item name=\"italic\"></dxi-item>\r\n\t\t\t<dxi-item name=\"strike\"></dxi-item>\r\n\t\t\t<dxi-item name=\"underline\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignCenter\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"alignJustify\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"orderedList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"bulletList\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item\r\n\t\t\t\tname=\"header\"\r\n\t\t\t\t[acceptedValues]=\"[false, 1, 2, 3, 4, 5]\"\r\n\t\t\t\t[options]=\"{ inputAttr: { 'aria-label': 'Header' } }\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"color\"></dxi-item>\r\n\t\t\t<dxi-item name=\"background\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"link\"></dxi-item>\r\n\t\t\t<dxi-item name=\"image\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"clear\"></dxi-item>\r\n\t\t\t<dxi-item name=\"codeBlock\"></dxi-item>\r\n\t\t\t<dxi-item name=\"blockquote\"></dxi-item>\r\n\t\t\t<dxi-item name=\"separator\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteTable\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowAbove\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertRowBelow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteRow\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnLeft\"></dxi-item>\r\n\t\t\t<dxi-item name=\"insertColumnRight\"></dxi-item>\r\n\t\t\t<dxi-item name=\"deleteColumn\"></dxi-item>\r\n\t\t}\r\n\t\t<dxo-media-resizing [enabled]=\"true\"> </dxo-media-resizing>\r\n\r\n    </dxo-toolbar>\r\n</dx-html-editor>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;AAYM,MAAO,iBAAmB,SAAQ,kBAAkB,CAAA;AAP1D,IAAA,WAAA,GAAA;;AAQC,QAAA,IAAA,CAAA,MAAM,GAAC,KAAK,CAAS,OAAO,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,WAAW,GAAE,KAAK,CAAU,IAAI,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;AACxC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACjC,QAAA,IAAA,CAAA,aAAa,GAAE,KAAK,CAAU,IAAI,CAAC,CAAC;AACpC,KAAA;8GANY,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,ECZ9B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sFAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,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,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,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,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+2FAmEA,ED1DoB,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,8rFAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9C,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,sFAAsF,EAEvF,OAAA,EAAA,CAAC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,EAC1C,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+2FAAA,EAAA,CAAA;;;AEVhD;;AAEG;;;;"}

package/fesm2022/aril-ui-dxField.mjs

@@ -0,0 +1,26 @@
+import { NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+
+class DxFieldComponent {
+    constructor() {
+        this.label = input();
+        this.color = input('#333');
+        this.labelWidth = input(30);
+        this.valueWidth = input(70);
+        this.markAsRequired = input(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DxFieldComponent, isStandalone: true, selector: "aril-dx-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n", dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DxFieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-dx-field', imports: [NgStyle], changeDetection: ChangeDetectionStrategy.OnPush, template: "\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DxFieldComponent };
+//# sourceMappingURL=aril-ui-dxField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-dxField.mjs","sources":["../../projects/aril/ui/dxField/src/dx-field.component.ts","../../projects/aril/ui/dxField/src/dx-field.component.html","../../projects/aril/ui/dxField/aril-ui-dxField.ts"],"sourcesContent":["import { NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-dx-field',\r\n\ttemplateUrl: './dx-field.component.html',\r\n\timports: [NgStyle],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DxFieldComponent {\r\n\tlabel = input<string>();\r\n\tcolor = input<string>('#333');\r\n\tlabelWidth = input<number>(30);\r\n\tvalueWidth = input<number>(70);\r\n\tmarkAsRequired = input<boolean>(false);\r\n}\r\n","\r\n\t<div class=\"dx-field\">\r\n\t\t<div class=\"dx-field-label\" [ngStyle]=\"{ width: labelWidth() + '%' }\">\r\n\t\t\t<div class=\"mb-1\">\r\n\t\t\t\t\t{{ label() }}\r\n\t\t\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t\t\t*\r\n\t\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"dx-field-value\" [ngStyle]=\"{ width: valueWidth() + '%' }\">\r\n\t\t\t<ng-content></ng-content>\r\n\t\t</div>\r\n\t</div>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAUa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQC,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU,CAAC;AACxB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC,CAAC;AACvC,KAAA;8GANY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAhB,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV7B,saAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDRW,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGL,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,eAAe,EAEhB,OAAA,EAAA,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,saAAA,EAAA,CAAA;;;AERhD;;AAEG;;;;"}

package/fesm2022/aril-ui-editor.mjs

@@ -0,0 +1,203 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, effect, Component, Input } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import * as i3 from 'ngx-monaco-editor-v2';
+import { MonacoEditorModule } from 'ngx-monaco-editor-v2';
+import * as i1 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+
+/**
+ * Monaco Editor desteklenen dil tipleri
+ */
+var MonacoLanguageType;
+(function (MonacoLanguageType) {
+    MonacoLanguageType["JSON"] = "json";
+    MonacoLanguageType["JAVASCRIPT"] = "javascript";
+    MonacoLanguageType["PYTHON"] = "python";
+    MonacoLanguageType["TYPESCRIPT"] = "typescript";
+    MonacoLanguageType["LUA"] = "lua";
+    MonacoLanguageType["XML"] = "xml";
+    MonacoLanguageType["HTML"] = "html";
+    MonacoLanguageType["JAVA"] = "java";
+    MonacoLanguageType["SQL"] = "sql";
+    MonacoLanguageType["TEXT_PLAIN"] = "text/plain";
+})(MonacoLanguageType || (MonacoLanguageType = {}));
+/**
+ * Monaco Editor tema tipleri
+ */
+var MonacoThemeType;
+(function (MonacoThemeType) {
+    MonacoThemeType["VS"] = "vs";
+    MonacoThemeType["VS_DARK"] = "vs-dark";
+    MonacoThemeType["HC_BLACK"] = "hc-black";
+})(MonacoThemeType || (MonacoThemeType = {}));
+
+/* eslint-disable @angular-eslint/component-selector */
+class ArilEditorComponent extends BaseInputComponent {
+    constructor() {
+        super();
+        this.language = MonacoLanguageType.JSON;
+        this.theme = MonacoThemeType.VS_DARK;
+        this.showLanguageSelector = false;
+        this.height = '200px';
+        this.readOnly = input(false);
+        this.automaticLayout = input(true);
+        this.borderRadius = input(true);
+        this.editorOptions = {};
+        effect(() => {
+            if (typeof this.readOnly() === 'boolean') {
+                this.editorInstance?.updateOptions({ readOnly: this.readOnly() });
+            }
+        });
+    }
+    get languageLabel() {
+        return this.language.toUpperCase();
+    }
+    ngOnInit() {
+        this.initializeEditor();
+    }
+    ngOnDestroy() {
+        if (this.editorInstance) {
+            this.editorInstance.dispose();
+        }
+    }
+    initializeEditor() {
+        this.editorOptions = {
+            theme: this.theme,
+            language: this.language,
+            automaticLayout: this.automaticLayout(),
+            minimap: {
+                enabled: true
+            },
+            scrollBeyondLastLine: false,
+            lineNumbers: 'on',
+            tabSize: 2,
+            renderLineHighlight: 'all',
+            wordWrap: 'on',
+            formatOnType: true,
+            formatOnPaste: true,
+            readOnly: this.readOnly()
+        };
+    }
+    onEditorInit(editor) {
+        this.editorInstance = editor;
+        if (editor) {
+            // Editör temasını ayarla
+            monaco.editor.setTheme(this.theme);
+            // Dile göre doğrulama ayarları
+            this.setupLanguageValidation();
+        }
+    }
+    setupLanguageValidation() {
+        if (!this.editorInstance)
+            return;
+        try {
+            // Her dil için uygun validasyon ayarı
+            switch (this.language) {
+                case MonacoLanguageType.JAVASCRIPT:
+                case MonacoLanguageType.TYPESCRIPT:
+                    this.setupJSValidation();
+                    break;
+                case MonacoLanguageType.JSON:
+                    this.setupJSONValidation();
+                    break;
+                case MonacoLanguageType.HTML:
+                case MonacoLanguageType.XML:
+                    this.setupHTMLValidation();
+                    break;
+                // Python, Lua ve Java için özel validasyon gerekli
+                // Bu diller için Monaco'nun built-in validasyonu yok
+            }
+        }
+        catch (e) {
+            console.error('Language validation setup error:', e);
+        }
+    }
+    setupJSValidation() {
+        if (!this.editorInstance)
+            return;
+        try {
+            if (monaco && monaco.languages && monaco.languages.typescript) {
+                const compilerOptions = {
+                    target: monaco.languages.typescript.ScriptTarget.ES2020,
+                    allowNonTsExtensions: true,
+                    module: monaco.languages.typescript.ModuleKind.CommonJS,
+                    noSemanticValidation: false,
+                    noSyntaxValidation: false
+                };
+                if (this.language === MonacoLanguageType.JAVASCRIPT) {
+                    monaco.languages.typescript.javascriptDefaults.setCompilerOptions(compilerOptions);
+                    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
+                        noSemanticValidation: false,
+                        noSyntaxValidation: false
+                    });
+                }
+                else {
+                    monaco.languages.typescript.typescriptDefaults.setCompilerOptions(compilerOptions);
+                    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+                        noSemanticValidation: false,
+                        noSyntaxValidation: false
+                    });
+                }
+            }
+        }
+        catch (e) {
+            console.error('JS/TS validation setup error:', e);
+        }
+    }
+    setupJSONValidation() {
+        if (!this.editorInstance)
+            return;
+        try {
+            if (monaco.languages && monaco.languages.json) {
+                monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
+                    validate: true,
+                    allowComments: true,
+                    schemas: []
+                });
+            }
+        }
+        catch (e) {
+            console.error('JSON validation setup error:', e);
+        }
+    }
+    setupHTMLValidation() {
+        if (!this.editorInstance)
+            return;
+        try {
+            if (monaco.languages && monaco.languages.html) {
+                monaco.languages.html.htmlDefaults.setDiagnosticsOptions({
+                    validate: true
+                });
+            }
+        }
+        catch (e) {
+            console.error('HTML validation setup error:', e);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: ArilEditorComponent, isStandalone: true, selector: "aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]", inputs: { language: { classPropertyName: "language", publicName: "language", isSignal: false, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: false, isRequired: false, transformFunction: null }, showLanguageSelector: { classPropertyName: "showLanguageSelector", publicName: "showLanguageSelector", isSignal: false, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: false, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, automaticLayout: { classPropertyName: "automaticLayout", publicName: "automaticLayout", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div \r\n  [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n  [tooltipOptions]=\"tooltipOptions\"\r\n  [style.height]=\"height\"\r\n  [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n  [class.border-radius]=\"borderRadius()\"\r\n  class=\"aril-editor-container\">\r\n  <ngx-monaco-editor\r\n    [style.height]=\"height\"\r\n    [options]=\"editorOptions\"\r\n    [formControl]=\"ngControl.control\"\r\n    (onInit)=\"onEditorInit($event)\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  >\r\n  </ngx-monaco-editor>\r\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MonacoEditorModule }, { kind: "component", type: i3.EditorComponent, selector: "ngx-monaco-editor", inputs: ["options", "model"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }, { 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]', standalone: true, imports: [CommonModule, FormsModule, ReactiveFormsModule, MonacoEditorModule, InputErrorMessagePipe, TooltipModule], hostDirectives: [ValueAccessorDirective], template: "<div \r\n  [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n  [tooltipOptions]=\"tooltipOptions\"\r\n  [style.height]=\"height\"\r\n  [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n  [class.border-radius]=\"borderRadius()\"\r\n  class=\"aril-editor-container\">\r\n  <ngx-monaco-editor\r\n    [style.height]=\"height\"\r\n    [options]=\"editorOptions\"\r\n    [formControl]=\"ngControl.control\"\r\n    (onInit)=\"onEditorInit($event)\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  >\r\n  </ngx-monaco-editor>\r\n</div>", styles: [".aril-editor-container{width:100%;padding:0}:host ::ng-deep .border-radius .monaco-editor,:host ::ng-deep .border-radius .overflow-guard{border-radius:var(--border-radius)}.p-invalid{border:1px solid var(--red-500);border-bottom:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { language: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], showLanguageSelector: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ArilEditorComponent, MonacoLanguageType, MonacoThemeType };
+//# sourceMappingURL=aril-ui-editor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-editor.mjs","sources":["../../projects/aril/ui/editor/src/types.ts","../../projects/aril/ui/editor/src/aril-editor.component.ts","../../projects/aril/ui/editor/src/aril-editor.component.html","../../projects/aril/ui/editor/aril-ui-editor.ts"],"sourcesContent":["/**\r\n * Monaco Editor desteklenen dil tipleri\r\n */\r\nexport enum MonacoLanguageType {\r\n\tJSON = 'json',\r\n\tJAVASCRIPT = 'javascript',\r\n\tPYTHON = 'python',\r\n\tTYPESCRIPT = 'typescript',\r\n\tLUA = 'lua',\r\n\tXML = 'xml',\r\n\tHTML = 'html',\r\n\tJAVA = 'java',\r\n\tSQL = 'sql',\r\n\tTEXT_PLAIN = 'text/plain'\r\n}\r\n\r\n/**\r\n * Monaco Editor tema tipleri\r\n */\r\nexport enum MonacoThemeType {\r\n\tVS = 'vs',\r\n\tVS_DARK = 'vs-dark',\r\n\tHC_BLACK = 'hc-black'\r\n}\r\n","/* eslint-disable @angular-eslint/component-selector */\r\nimport { CommonModule } from '@angular/common';\r\nimport { Component, Input, OnDestroy, OnInit, effect, input } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { MonacoEditorModule } from 'ngx-monaco-editor-v2';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\nimport { MonacoLanguageType, MonacoThemeType } from './types';\r\n\r\ndeclare const monaco: any;\r\n\r\n@Component({\r\n\tselector: 'aril-editor[ngModel], aril-editor[formControl], aril-editor[formControlName]',\r\n\tstandalone: true,\r\n\timports: [CommonModule, FormsModule, ReactiveFormsModule, MonacoEditorModule, InputErrorMessagePipe, TooltipModule],\r\n\ttemplateUrl: './aril-editor.component.html',\r\n\tstyleUrls: ['./aril-editor.component.scss'],\r\n\t// encapsulation: ViewEncapsulation.None,\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class ArilEditorComponent extends BaseInputComponent implements OnInit, OnDestroy {\r\n\t@Input() language: MonacoLanguageType = MonacoLanguageType.JSON;\r\n\t@Input() theme: MonacoThemeType = MonacoThemeType.VS_DARK;\r\n\t@Input() showLanguageSelector = false;\r\n\t@Input() height = '200px';\r\n\treadOnly = input<boolean>(false);\r\n\tautomaticLayout = input<boolean>(true);\r\n\tborderRadius  = input<boolean>(true);\r\n\r\n\teditorOptions: any = {};\r\n\teditorInstance: any;\r\n\r\n\tconstructor() {\r\n\t\tsuper();\r\n\t\teffect(() => {\r\n\t\t\tif (typeof this.readOnly() === 'boolean') {\r\n\t\t\t\tthis.editorInstance?.updateOptions({ readOnly: this.readOnly() });\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tget languageLabel(): string {\r\n\t\treturn this.language.toUpperCase();\r\n\t}\r\n\r\n\tngOnInit(): void {\r\n\t\tthis.initializeEditor();\r\n\t}\r\n\r\n\tngOnDestroy(): void {\r\n\t\tif (this.editorInstance) {\r\n\t\t\tthis.editorInstance.dispose();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate initializeEditor(): void {\r\n\t\tthis.editorOptions = {\r\n\t\t\ttheme: this.theme,\r\n\t\t\tlanguage: this.language,\r\n\t\t\tautomaticLayout: this.automaticLayout(),\r\n\t\t\tminimap: {\r\n\t\t\t\tenabled: true\r\n\t\t\t},\r\n\t\t\tscrollBeyondLastLine: false,\r\n\t\t\tlineNumbers: 'on',\r\n\t\t\ttabSize: 2,\r\n\t\t\trenderLineHighlight: 'all',\r\n\t\t\twordWrap: 'on',\r\n\t\t\tformatOnType: true,\r\n\t\t\tformatOnPaste: true,\r\n\t\t\treadOnly: this.readOnly()\r\n\t\t};\r\n\t}\r\n\r\n\tonEditorInit(editor: any): void {\r\n\t\tthis.editorInstance = editor;\r\n\r\n\t\tif (editor) {\r\n\t\t\t// Editör temasını ayarla\r\n\t\t\tmonaco.editor.setTheme(this.theme);\r\n\t\t\t// Dile göre doğrulama ayarları\r\n\t\t\tthis.setupLanguageValidation();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupLanguageValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\t// Her dil için uygun validasyon ayarı\r\n\t\t\tswitch (this.language) {\r\n\t\t\t\tcase MonacoLanguageType.JAVASCRIPT:\r\n\t\t\t\tcase MonacoLanguageType.TYPESCRIPT:\r\n\t\t\t\t\tthis.setupJSValidation();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase MonacoLanguageType.JSON:\r\n\t\t\t\t\tthis.setupJSONValidation();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase MonacoLanguageType.HTML:\r\n\t\t\t\tcase MonacoLanguageType.XML:\r\n\t\t\t\t\tthis.setupHTMLValidation();\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t// Python, Lua ve Java için özel validasyon gerekli\r\n\t\t\t\t// Bu diller için Monaco'nun built-in validasyonu yok\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('Language validation setup error:', e);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupJSValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\tif (monaco && monaco.languages && monaco.languages.typescript) {\r\n\t\t\t\tconst compilerOptions = {\r\n\t\t\t\t\ttarget: monaco.languages.typescript.ScriptTarget.ES2020,\r\n\t\t\t\t\tallowNonTsExtensions: true,\r\n\t\t\t\t\tmodule: monaco.languages.typescript.ModuleKind.CommonJS,\r\n\t\t\t\t\tnoSemanticValidation: false,\r\n\t\t\t\t\tnoSyntaxValidation: false\r\n\t\t\t\t};\r\n\r\n\t\t\t\tif (this.language === MonacoLanguageType.JAVASCRIPT) {\r\n\t\t\t\t\tmonaco.languages.typescript.javascriptDefaults.setCompilerOptions(compilerOptions);\r\n\t\t\t\t\tmonaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\t\tnoSemanticValidation: false,\r\n\t\t\t\t\t\tnoSyntaxValidation: false\r\n\t\t\t\t\t});\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmonaco.languages.typescript.typescriptDefaults.setCompilerOptions(compilerOptions);\r\n\t\t\t\t\tmonaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\t\tnoSemanticValidation: false,\r\n\t\t\t\t\t\tnoSyntaxValidation: false\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('JS/TS validation setup error:', e);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupJSONValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\tif (monaco.languages && monaco.languages.json) {\r\n\t\t\t\tmonaco.languages.json.jsonDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\tvalidate: true,\r\n\t\t\t\t\tallowComments: true,\r\n\t\t\t\t\tschemas: []\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('JSON validation setup error:', e);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate setupHTMLValidation(): void {\r\n\t\tif (!this.editorInstance) return;\r\n\r\n\t\ttry {\r\n\t\t\tif (monaco.languages && monaco.languages.html) {\r\n\t\t\t\tmonaco.languages.html.htmlDefaults.setDiagnosticsOptions({\r\n\t\t\t\t\tvalidate: true\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t} catch (e) {\r\n\t\t\tconsole.error('HTML validation setup error:', e);\r\n\t\t}\r\n\t}\r\n}\r\n","<div \r\n  [pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\r\n  [tooltipOptions]=\"tooltipOptions\"\r\n  [style.height]=\"height\"\r\n  [class.p-invalid]=\"ngControl.invalid && (ngControl.dirty || ngControl.touched)\"\r\n  [class.border-radius]=\"borderRadius()\"\r\n  class=\"aril-editor-container\">\r\n  <ngx-monaco-editor\r\n    [style.height]=\"height\"\r\n    [options]=\"editorOptions\"\r\n    [formControl]=\"ngControl.control\"\r\n    (onInit)=\"onEditorInit($event)\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  >\r\n  </ngx-monaco-editor>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-field.mjs

@@ -0,0 +1,52 @@
+import { NgIf, NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, effect, Component, ChangeDetectionStrategy, HostBinding } from '@angular/core';
+import * as i1 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
+import { DxFieldComponent } from 'aril/ui/dxField';
+
+class FieldComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.label = input();
+        this.color = input('#333');
+        this.labelWidth = input(30);
+        this.valueWidth = input(70);
+        this.labelPos = input('top');
+        this.markAsRequired = input(false);
+        this.cols = input.required({});
+        this.infoData = input('');
+        this.infoDataOverlayPanel = input();
+        this.hostClass = '';
+        this.padding = '.5rem';
+        effect(() => {
+            if (this.cols()) {
+                this.hostClass = Object.entries(this.cols()).reduce((acc, [key, value]) => {
+                    if (key === 'default')
+                        return `${acc} col-${value}`;
+                    return `${acc} ${key}:col-${value}`;
+                }, '');
+                this.cdr.markForCheck();
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FieldComponent, isStandalone: true, selector: "aril-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, labelWidth: { classPropertyName: "labelWidth", publicName: "labelWidth", isSignal: true, isRequired: false, transformFunction: null }, valueWidth: { classPropertyName: "valueWidth", publicName: "valueWidth", isSignal: true, isRequired: false, transformFunction: null }, labelPos: { classPropertyName: "labelPos", publicName: "labelPos", isSignal: true, isRequired: false, transformFunction: null }, markAsRequired: { classPropertyName: "markAsRequired", publicName: "markAsRequired", isSignal: true, isRequired: false, transformFunction: null }, cols: { classPropertyName: "cols", publicName: "cols", isSignal: true, isRequired: true, transformFunction: null }, infoData: { classPropertyName: "infoData", publicName: "infoData", isSignal: true, isRequired: false, transformFunction: null }, infoDataOverlayPanel: { classPropertyName: "infoDataOverlayPanel", publicName: "infoDataOverlayPanel", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClass", "style.padding": "this.padding" } }, ngImport: i0, template: "<ng-template #content>\r\n\t@if (label() && labelPos() === 'top') {\r\n\t\t<div class=\"mb-1\">\r\n\t\t\t{{ label() }}\r\n\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t*\r\n\t\t\t}\r\n\t\t\t@if (infoData()) {\r\n\t\t\t\t<i class=\"pi pi-info-circle cursor-pointer ml-1\" [pTooltip]=\"infoData()\"></i>\r\n\t\t\t}\r\n\t\t\t@if (infoDataOverlayPanel(); as infoDataOverlayPanel) {\r\n\t\t\t\t<i class=\"pi pi-info-circle cursor-pointer ml-1\" (click)=\"infoDataOverlayPanel.toggle($event)\"></i>\r\n\t\t\t}\r\n\t\t</div>\r\n\t}\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n\r\n<aril-dx-field\r\n\t*ngIf=\"labelPos() === 'left'; else content\"\r\n\t[label]=\"label()\"\r\n\t[color]=\"color()\"\r\n\t[labelWidth]=\"labelWidth()\"\r\n\t[valueWidth]=\"valueWidth()\"\r\n\t[markAsRequired]=\"markAsRequired()\">\r\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</aril-dx-field>\r\n", dependencies: [{ kind: "component", type: DxFieldComponent, selector: "aril-dx-field", inputs: ["label", "color", "labelWidth", "valueWidth", "markAsRequired"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FieldComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'aril-field', imports: [DxFieldComponent, NgIf, NgTemplateOutlet, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #content>\r\n\t@if (label() && labelPos() === 'top') {\r\n\t\t<div class=\"mb-1\">\r\n\t\t\t{{ label() }}\r\n\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t*\r\n\t\t\t}\r\n\t\t\t@if (infoData()) {\r\n\t\t\t\t<i class=\"pi pi-info-circle cursor-pointer ml-1\" [pTooltip]=\"infoData()\"></i>\r\n\t\t\t}\r\n\t\t\t@if (infoDataOverlayPanel(); as infoDataOverlayPanel) {\r\n\t\t\t\t<i class=\"pi pi-info-circle cursor-pointer ml-1\" (click)=\"infoDataOverlayPanel.toggle($event)\"></i>\r\n\t\t\t}\r\n\t\t</div>\r\n\t}\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n\r\n<aril-dx-field\r\n\t*ngIf=\"labelPos() === 'left'; else content\"\r\n\t[label]=\"label()\"\r\n\t[color]=\"color()\"\r\n\t[labelWidth]=\"labelWidth()\"\r\n\t[valueWidth]=\"valueWidth()\"\r\n\t[markAsRequired]=\"markAsRequired()\">\r\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</aril-dx-field>\r\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], padding: [{
+                type: HostBinding,
+                args: ['style.padding']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FieldComponent };
+//# sourceMappingURL=aril-ui-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-field.mjs","sources":["../../projects/aril/ui/field/src/field.component.ts","../../projects/aril/ui/field/src/field.component.html","../../projects/aril/ui/field/aril-ui-field.ts"],"sourcesContent":["import { NgIf, NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, HostBinding, effect, input } from '@angular/core';\r\n\r\nimport { OverlayPanel } from 'primeng/overlaypanel';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { DxFieldComponent } from 'aril/ui/dxField';\r\nimport { Types } from 'aril/util/lib';\r\n\r\ntype LabelPositions = 'top' | 'left';\r\n\r\ninterface ColumnSizeTypes {\r\n\txl?: Types.NumberRange<1, 13>;\r\n\tlg?: Types.NumberRange<1, 13>;\r\n\tmd?: Types.NumberRange<1, 13>;\r\n\tsm?: Types.NumberRange<1, 13>;\r\n\tdefault?: Types.NumberRange<1, 13>;\r\n}\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-field',\r\n\ttemplateUrl: './field.component.html',\r\n\timports: [DxFieldComponent, NgIf, NgTemplateOutlet, TooltipModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FieldComponent {\r\n\tconstructor(private readonly cdr: ChangeDetectorRef) {\r\n\t\teffect(() => {\r\n\t\t\tif (this.cols()) {\r\n\t\t\t\tthis.hostClass = Object.entries(this.cols()).reduce((acc, [key, value]) => {\r\n\t\t\t\t\tif (key === 'default') return `${acc} col-${value}`;\r\n\t\t\t\t\treturn `${acc} ${key}:col-${value}`;\r\n\t\t\t\t}, '');\r\n\r\n\t\t\t\tthis.cdr.markForCheck();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tlabel = input<string>();\r\n\tcolor = input<string>('#333');\r\n\tlabelWidth = input<number>(30);\r\n\tvalueWidth = input<number>(70);\r\n\tlabelPos = input<LabelPositions>('top');\r\n\tmarkAsRequired = input<boolean>(false);\r\n\tcols = input.required<ColumnSizeTypes>({});\r\n\tinfoData = input<string>('');\r\n\tinfoDataOverlayPanel = input<OverlayPanel>();\r\n\r\n\t@HostBinding('class') hostClass = '';\r\n\t@HostBinding('style.padding') padding = '.5rem';\r\n}\r\n","<ng-template #content>\r\n\t@if (label() && labelPos() === 'top') {\r\n\t\t<div class=\"mb-1\">\r\n\t\t\t{{ label() }}\r\n\t\t\t@if (markAsRequired()) {\r\n\t\t\t\t*\r\n\t\t\t}\r\n\t\t\t@if (infoData()) {\r\n\t\t\t\t<i class=\"pi pi-info-circle cursor-pointer ml-1\" [pTooltip]=\"infoData()\"></i>\r\n\t\t\t}\r\n\t\t\t@if (infoDataOverlayPanel(); as infoDataOverlayPanel) {\r\n\t\t\t\t<i class=\"pi pi-info-circle cursor-pointer ml-1\" (click)=\"infoDataOverlayPanel.toggle($event)\"></i>\r\n\t\t\t}\r\n\t\t</div>\r\n\t}\r\n\t<ng-content></ng-content>\r\n</ng-template>\r\n\r\n<aril-dx-field\r\n\t*ngIf=\"labelPos() === 'left'; else content\"\r\n\t[label]=\"label()\"\r\n\t[color]=\"color()\"\r\n\t[labelWidth]=\"labelWidth()\"\r\n\t[valueWidth]=\"valueWidth()\"\r\n\t[markAsRequired]=\"markAsRequired()\">\r\n\t<ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n</aril-dx-field>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}