npm - aril - Versions diffs - 2.0.1 → 2.0.2 - Mend

aril 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (341) hide show

package/fesm2022/aril-ui-chip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aril-ui-chip.mjs","sources":["../../projects/aril/ui/chip/src/chip.component.ts","../../projects/aril/ui/chip/src/chip.component.html","../../projects/aril/ui/chip/aril-ui-chip.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n\tAfterViewChecked,\r\n\tComponent,\r\n\tDestroyRef,\r\n\tElementRef,\r\n\tNgZone,\r\n\tViewChild,\r\n\tcomputed,\r\n\tinject,\r\n\tinput,\r\n\tsignal\r\n} from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ChipsAddEvent, ChipsModule } from 'primeng/chips';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' \| 'md' \| 'lg';\r\ntype DataType = 'string' \| 'number';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]',\r\n\ttemplateUrl: './chip.component.html',\r\n\timports: [\r\n\t\tReactiveFormsModule,\r\n\t\tChipsModule,\r\n\t\tTooltipModule,\r\n\t\tInputTextModule,\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t\tInputErrorMessagePipe\r\n\t],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tproviders: [InputErrorMessagePipe]\r\n})\r\nexport class ChipComponent extends BaseInputComponent implements AfterViewChecked {\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n\tsize = input<Size>('md');\r\n\teditable = input<boolean>(false);\r\n\taddOnBlur = input<boolean>(false);\r\n\taddOnTab = input<boolean>(false);\r\n\tdataType = input<DataType>('string');\r\n\r\n\t@ViewChild('editInput') editInput: ElementRef \| null = null;\r\n\teditingIndex = signal<number>(-1);\r\n\teditValue = signal<string>('');\r\n\r\n\tseparator = /[,\\n\\r]/;\r\n\tprivate focusSet = false;\r\n\tdestroyRef = inject(DestroyRef);\r\n\r\n\tconstructor(private ngZone: NgZone) {\r\n\t\tsuper();\r\n\t}\r\n\r\n\tngAfterViewChecked(): void {\r\n\t\t// Focus the input element after view is checked and element is available\r\n\t\tif (this.editingIndex() !== -1 && this.editInput && !this.focusSet) {\r\n\t\t\tthis.focusSet = true;\r\n\t\t\t// Use NgZone.runOutsideAngular to avoid triggering change detection\r\n\t\t\tthis.ngZone.runOutsideAngular(() => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tconst inputEl = this.editInput?.nativeElement;\r\n\t\t\t\t\tinputEl.focus();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t}\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\tstartEditing(index: number, value: string): void {\r\n\t\tif (!this.editable()) return;\r\n\t\tthis.editingIndex.set(index);\r\n\t\tthis.editValue.set(value);\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tsaveChanges(): void {\r\n\t\tif (this.editingIndex() === -1) return;\r\n\t\tconst currentValues = [...(this.ngControl.control.value \|\| [])];\r\n\t\tlet newValue: string \| number = this.editValue().trim();\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst numValue = Number(newValue);\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tthis.resetEditing();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tnewValue = numValue;\r\n\t\t}\r\n\r\n\t\tcurrentValues[this.editingIndex()] = newValue;\r\n\t\tthis.ngControl.control.setValue(currentValues);\r\n\t\tthis.resetEditing();\r\n\t}\r\n\r\n\tonEditKeydown(event: KeyboardEvent): void {\r\n\t\tif (event.key === 'Enter') {\r\n\t\t\tthis.saveChanges();\r\n\t\t} else if (event.key === 'Escape') {\r\n\t\t\tthis.resetEditing();\r\n\t\t}\r\n\t\t// Prevent event propagation for all keydown events to avoid interference\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\tresetEditing(): void {\r\n\t\tthis.editingIndex.set(-1);\r\n\t\tthis.editValue.set('');\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tonAdd(event: ChipsAddEvent) {\r\n\t\tconst currentValues = [...(this.ngControl.value \|\| [])];\r\n\t\tconst newValue = event.value;\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst trimmed = typeof newValue === 'string' ? newValue.trim() : newValue;\r\n\t\t\tconst numValue = Number(trimmed);\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tconst filteredValues = currentValues.filter((v) => v !== newValue);\r\n\t\t\t\tthis.ngControl.control.setValue(filteredValues);\r\n\t\t\t} else {\r\n\t\t\t\tconst numericValues = currentValues.map((v) => (typeof v === 'string' ? Number(v.trim()) : v));\r\n\t\t\t\tthis.ngControl.control.setValue(numericValues);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst trimmedValues = currentValues.map((v) => (typeof v === 'string' ? v.trim() : v));\r\n\t\t\tthis.ngControl.control.setValue(trimmedValues);\r\n\t\t}\r\n\t}\r\n}\r\n","<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value \| inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"aril-ui-chip.mjs","sources":["../../projects/aril/ui/chip/src/chip.component.ts","../../projects/aril/ui/chip/src/chip.component.html","../../projects/aril/ui/chip/aril-ui-chip.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n\tAfterViewChecked,\r\n\tComponent,\r\n\tDestroyRef,\r\n\tElementRef,\r\n\tNgZone,\r\n\tViewChild,\r\n\tcomputed,\r\n\tinject,\r\n\tinput,\r\n\tsignal\r\n} from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ChipsAddEvent, ChipsModule } from 'primeng/chips';\r\nimport { InputTextModule } from 'primeng/inputtext';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\ntype Size = 'sm' \| 'md' \| 'lg';\r\ntype DataType = 'string' \| 'number';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-chip[ngModel], aril-chip[formControl], aril-chip[formControlName]',\r\n\ttemplateUrl: './chip.component.html',\r\n\timports: [\r\n\t\tReactiveFormsModule,\r\n\t\tChipsModule,\r\n\t\tTooltipModule,\r\n\t\tInputTextModule,\r\n\t\tCommonModule,\r\n\t\tFormsModule,\r\n\t\tInputErrorMessagePipe\r\n\t],\r\n\thostDirectives: [ValueAccessorDirective],\r\n\tproviders: [InputErrorMessagePipe]\r\n})\r\nexport class ChipComponent extends BaseInputComponent implements AfterViewChecked {\r\n\tplaceholder = input<string>('');\r\n\ttabindex = input<number>();\r\n\tsize = input<Size>('md');\r\n\teditable = input<boolean>(false);\r\n\taddOnBlur = input<boolean>(false);\r\n\taddOnTab = input<boolean>(false);\r\n\tdataType = input<DataType>('string');\r\n\r\n\t@ViewChild('editInput') editInput: ElementRef \| null = null;\r\n\teditingIndex = signal<number>(-1);\r\n\teditValue = signal<string>('');\r\n\r\n\tseparator = /[,\\n\\r]/;\r\n\tprivate focusSet = false;\r\n\tdestroyRef = inject(DestroyRef);\r\n\r\n\tconstructor(private ngZone: NgZone) {\r\n\t\tsuper();\r\n\t}\r\n\r\n\tngAfterViewChecked(): void {\r\n\t\t// Focus the input element after view is checked and element is available\r\n\t\tif (this.editingIndex() !== -1 && this.editInput && !this.focusSet) {\r\n\t\t\tthis.focusSet = true;\r\n\t\t\t// Use NgZone.runOutsideAngular to avoid triggering change detection\r\n\t\t\tthis.ngZone.runOutsideAngular(() => {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tconst inputEl = this.editInput?.nativeElement;\r\n\t\t\t\t\tinputEl.focus();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\t\t}\r\n\t}\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\tstartEditing(index: number, value: string): void {\r\n\t\tif (!this.editable()) return;\r\n\t\tthis.editingIndex.set(index);\r\n\t\tthis.editValue.set(value);\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tsaveChanges(): void {\r\n\t\tif (this.editingIndex() === -1) return;\r\n\t\tconst currentValues = [...(this.ngControl.control.value \|\| [])];\r\n\t\tlet newValue: string \| number = this.editValue().trim();\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst numValue = Number(newValue);\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tthis.resetEditing();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tnewValue = numValue;\r\n\t\t}\r\n\r\n\t\tcurrentValues[this.editingIndex()] = newValue;\r\n\t\tthis.ngControl.control.setValue(currentValues);\r\n\t\tthis.resetEditing();\r\n\t}\r\n\r\n\tonEditKeydown(event: KeyboardEvent): void {\r\n\t\tif (event.key === 'Enter') {\r\n\t\t\tthis.saveChanges();\r\n\t\t} else if (event.key === 'Escape') {\r\n\t\t\tthis.resetEditing();\r\n\t\t}\r\n\t\t// Prevent event propagation for all keydown events to avoid interference\r\n\t\tevent.stopPropagation();\r\n\t}\r\n\r\n\tresetEditing(): void {\r\n\t\tthis.editingIndex.set(-1);\r\n\t\tthis.editValue.set('');\r\n\t\tthis.focusSet = false;\r\n\t}\r\n\r\n\tonAdd(event: ChipsAddEvent) {\r\n\t\tconst currentValues = [...(this.ngControl.value \|\| [])];\r\n\t\tconst newValue = event.value;\r\n\r\n\t\tif (this.dataType() === 'number') {\r\n\t\t\tconst trimmed = typeof newValue === 'string' ? newValue.trim() : newValue;\r\n\t\t\tconst numValue = Number(trimmed);\r\n\r\n\t\t\tif (isNaN(numValue)) {\r\n\t\t\t\tconst filteredValues = currentValues.filter((v) => v !== newValue);\r\n\t\t\t\tthis.ngControl.control.setValue(filteredValues);\r\n\t\t\t} else {\r\n\t\t\t\tconst numericValues = currentValues.map((v) => (typeof v === 'string' ? Number(v.trim()) : v));\r\n\t\t\t\tthis.ngControl.control.setValue(numericValues);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tconst trimmedValues = currentValues.map((v) => (typeof v === 'string' ? v.trim() : v));\r\n\t\t\tthis.ngControl.control.setValue(trimmedValues);\r\n\t\t}\r\n\t}\r\n}\r\n","<p-chips\r\n\t[class]=\"_sizeClass()\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[addOnBlur]=\"addOnBlur()\"\r\n\t[addOnTab]=\"addOnTab()\"\r\n\t[separator]=\"separator\"\r\n\t[allowDuplicate]=\"false\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value \| inputErrorMessage: ngControl) : ''\"\r\n\ttooltipPosition=\"top\"\r\n\ttooltipStyleClass=\"tooltipErrorMessage\"\r\n\t(onAdd)=\"onAdd($event)\">\r\n\t<ng-template let-item pTemplate=\"item\">\r\n\t\t<ng-container ngIf=\"editable() && editingIndex() === ngControl.control.value.indexOf(item); else displayChip\">\r\n\t\t\t<input\r\n\t\t\t\tpInputText\r\n\t\t\t\t[ngClass]=\"_sizeClass()\"\r\n\t\t\t\t[ngModel]=\"editValue()\"\r\n\t\t\t\t(ngModelChange)=\"editValue.set($event)\"\r\n\t\t\t\t(keydown)=\"onEditKeydown($event)\"\r\n\t\t\t\t(click)=\"$event.stopPropagation()\"\r\n\t\t\t\t(blur)=\"resetEditing()\"\r\n\t\t\t\t#editInput\r\n\t\t\t\tclass=\"m-0 p-1\" />\r\n\t\t</ng-container>\r\n\t\t<ng-template #displayChip>\r\n\t\t\t<div (dblclick)=\"startEditing(ngControl.control.value.indexOf(item), item)\">\r\n\t\t\t\t{{ item }}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</ng-template>\r\n</p-chips>","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 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 { input, EventEmitter, TemplateRef, Output, ContentChild, Optional, Component } from '@angular/core';
 import { DialogService } from 'primeng/dynamicdialog';
 import { ButtonComponent } from 'aril/ui/button';
 import * as i1 from '@angular/forms';
@@ -37,10 +37,10 @@ class CollapseReorderListComponent {
                 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", 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.3.12", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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: [{

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

	@@ -1 +1 @@
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":";;;;;;;;MAiBa,4BAA4B,CAAA;AAYxC,IAAA,WAAA,CAAyC,gBAAkC,EAAA;QAAlC,~~IAAgB~~,CAAA,~~gBAAA~~,GAAhB,gBAAgB~~,CAAkB~~;~~AAT3E~~,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU~~,CAAC~~;~~AACjC~~,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,QAAQ,EAAU~~,CAAC~~;~~QAC/C~~,~~IAAY~~,CAAA,~~YAAA~~,GAAG,KAAK,EAAU~~,CAAC~~;~~AAC/B~~,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,CAAC~~,CAAC~~;~~AAExB~~,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,YAAY,EAAQ~~,CAAC~~;~~AAE9C~~,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE~~,CAAC~~;~~KAEgD~~;~~AAE/E~~,IAAA,IAAI,SAAS,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,gBAAgB,CAAC,OAA+B~~,CAAC~~;~~KAC7D~~;~~AAED~~,IAAA,IAAI,CAAC,KAA4B,EAAA;AAChC,QAAA,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC~~,CAAC~~;~~QAElF~~,IAAI,IAAI,CAAC,YAAY,EAAE;YAAE,IAAI,CAAC,aAAa,EAAE~~,CAAC~~;~~KAC9C~~;~~IAEO~~,aAAa,GAAA;AACpB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC/C,YAAA,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAY,CAAC,EAAE,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC~~,CAAC~~;~~AAC9D~~,~~SAAC~~,CAAC,CAAC;~~KACH~~;~~AAED~~,IAAA,WAAW,CAAC,SAAoB,EAAA;AAC/B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC~~,CAAC~~;~~AACzD~~,QAAA,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACf,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC~~,CAAC~~;~~YAE/B~~,IAAI,IAAI,CAAC,YAAY,EAAE;gBAAE,IAAI,CAAC,aAAa,EAAE~~,CAAC~~;~~SAC9C~~;~~KACD;8GArCW~~,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA~~,EAAA~~;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~QAAA~~,EAAA,IAAA,EAAA,4BAA4B,grBAF7B,CAAC,aAAa,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGZ,WAAW,~~EClB1B~~,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAAA~~,8oDA0CA,~~ED5BW~~,MAAA,EAAA,CAAA,qWAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAA~~,OAAO,wbAAE,WAAW,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,+BAAA,EAAA,2BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,~~EAAE~~,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAA~~,eAAe,8NAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA~~,EAAA~~;;~~2FAGpE~~,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBARxC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,2CAA2C,EAAA,OAAA,EAG5C,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,CAAC,~~EACtE~~,SAAA,~~EAAA~~,CAAC,aAAa,CAAC,EAAA,QAAA,EAAA,8oDAAA,EAAA,MAAA,EAAA,CAAA,qWAAA,CAAA,EAAA~~,CAAA~~;;0BAcb~~,QAAQ~~;~~yCAXM~~,YAAY,EAAA,CAAA;sBAAtC,YAAY;uBAAC,WAAW~~,CAAA~~;gBAOf,QAAQ,EAAA,CAAA;sBAAjB~~,MAAM~~;;;~~AEzBR~~;;AAEG;;;;"}
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-dxField.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { NgStyle } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, Component, ChangeDetectionStrategy } from '@angular/core';
+import { input, ChangeDetectionStrategy, Component } from '@angular/core';
 class DxFieldComponent {
     constructor() {
@@ -10,10 +10,10 @@ class DxFieldComponent {
         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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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" }]
         }] });

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

	@@ -1 +1 @@
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;;;;"}
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,IAAA,CAAA,KAAK,GAAG,KAAK,EAAU;AACvB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,MAAM,CAAC;AAC7B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC;AAC9B,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC;AAC9B,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC;AACtC,IAAA;+GANY,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhB,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;;4FAGL,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACG,IAAI,EAAA,QAAA,EACN,eAAe,EAAA,OAAA,EAEhB,CAAC,OAAO,CAAC,EAAA,eAAA,EACD,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,saAAA,EAAA;;;AERhD;;AAEG;;;;"}

package/fesm2022/aril-ui-editor.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, effect, Component, Input } from '@angular/core';
+import { input, effect, Input, Component } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i4 from 'primeng/tooltip';
@@ -179,10 +179,10 @@ class ArilEditorComponent extends BaseInputComponent {
             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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArilEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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: [{

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

	@@ -1 +1 @@
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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"}
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 CHANGED Viewed

@@ -1,6 +1,6 @@
 import { NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, effect, Component, ChangeDetectionStrategy, HostBinding } from '@angular/core';
+import { input, effect, HostBinding, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
 import { DxFieldComponent } from 'aril/ui/dxField';
@@ -30,10 +30,10 @@ class FieldComponent {
             }
         });
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", 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: [{

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

	@@ -1 +1 @@
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\tngIf=\"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":";;;;;;;MA0Ba,cAAc,CAAA;AAC1B,IAAA,WAAA,CAA6B,GAAsB,EAAA;QAAtB,~~IAAG~~,CAAA,~~GAAA~~,GAAH,GAAG~~,CAAmB~~;~~QAanD~~,~~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,QAAQ,GAAG,KAAK,CAAiB,KAAK,CAAC~~,CAAC~~;~~AACxC~~,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAU,KAAK,CAAC~~,CAAC~~;~~AACvC~~,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAkB,EAAE,CAAC~~,CAAC~~;~~AAC3C~~,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,CAAC~~,CAAC~~;~~QAC7B~~,~~IAAoB~~,CAAA,~~oBAAA~~,GAAG,KAAK,EAAgB~~,CAAC~~;~~QAEvB~~,~~IAAS~~,CAAA,~~SAAA~~,GAAG,EAAE~~,CAAC~~;~~QACP~~,~~IAAO~~,CAAA,~~OAAA~~,GAAG,OAAO~~,CAAC~~;~~QAvB/C~~,MAAM,CAAC,MAAK;AACX,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;oBACzE,IAAI,GAAG,KAAK,SAAS;AAAE,wBAAA,OAAO,~~CAAG~~,~~EAAA~~,GAAG,~~CAAQ~~,KAAA,~~EAAA~~,KAAK,EAAE~~,CAAC~~;~~AACpD~~,oBAAA,OAAO,GAAG,GAAG,CAAA,CAAA,EAAI,GAAG,~~CAAQ~~,KAAA,~~EAAA~~,KAAK,EAAE,CAAC~~;iBACpC~~,EAAE,EAAE,CAAC~~,CAAC~~;~~AAEP~~,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE~~,CAAC~~;~~aACxB~~;~~AACF~~,~~SAAC~~,CAAC,CAAC;~~KACH;8GAZW~~,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA~~,EAAA~~;~~kGAAd~~,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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,oBAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1B3B,i4BA2BA,~~EDJW~~,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAA~~,gBAAgB,oIAAE,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,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,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA~~,EAAA~~;;~~2FAGrD~~,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,~~EACN~~,QAAA,~~EAAA~~,YAAY,~~EAEb~~,OAAA,~~EAAA~~,CAAC,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE,aAAa,CAAC,~~EACjD~~,eAAA,~~EAAA~~,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,i4BAAA,EAAA~~,CAAA~~;sFA0BzB,SAAS,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO~~,CAAA~~;gBACU,OAAO,EAAA,CAAA;sBAApC,WAAW;uBAAC,eAAe~~,CAAA~~;;;AEnD7B;;AAEG;;;;"}
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\tngIf=\"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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"}

package/fesm2022/aril-ui-fileUpload.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, EventEmitter, Component, Output } from '@angular/core';
+import { input, EventEmitter, Output, Component } from '@angular/core';
 import * as i1 from 'primeng/api';
 import { MessageService } from 'primeng/api';
 import * as i4 from 'primeng/fileupload';
@@ -52,10 +52,10 @@ class FileUploadComponent {
             header: this.translocoService.translate('notifications.notificationTemplates')
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.MessageService }, { token: i2.DialogService }, { token: i3.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: FileUploadComponent, isStandalone: true, selector: "aril-file-upload", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, withCredentials: { classPropertyName: "withCredentials", publicName: "withCredentials", isSignal: true, isRequired: false, transformFunction: null }, showUploadButton: { classPropertyName: "showUploadButton", publicName: "showUploadButton", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null }, showNotificationTemplatesButton: { classPropertyName: "showNotificationTemplatesButton", publicName: "showNotificationTemplatesButton", isSignal: true, isRequired: false, transformFunction: null }, customUpload: { classPropertyName: "customUpload", publicName: "customUpload", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeSend: "beforeSend", upload: "upload", uploadHandler: "uploadHandler", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n", styles: [":host ::ng-deep .p-fileupload-buttonbar{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i4.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.MessageService }, { token: i2.DialogService }, { token: i3.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: FileUploadComponent, isStandalone: true, selector: "aril-file-upload", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: true, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, withCredentials: { classPropertyName: "withCredentials", publicName: "withCredentials", isSignal: true, isRequired: false, transformFunction: null }, showUploadButton: { classPropertyName: "showUploadButton", publicName: "showUploadButton", isSignal: true, isRequired: false, transformFunction: null }, showCancelButton: { classPropertyName: "showCancelButton", publicName: "showCancelButton", isSignal: true, isRequired: false, transformFunction: null }, showNotificationTemplatesButton: { classPropertyName: "showNotificationTemplatesButton", publicName: "showNotificationTemplatesButton", isSignal: true, isRequired: false, transformFunction: null }, customUpload: { classPropertyName: "customUpload", publicName: "customUpload", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { beforeSend: "beforeSend", upload: "upload", uploadHandler: "uploadHandler", errors: "errors", selects: "selects", clear: "clear" }, providers: [MessageService], ngImport: i0, template: "<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n", styles: [":host ::ng-deep .p-fileupload-buttonbar{display:flex;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i4.FileUpload, selector: "p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'aril-file-upload', imports: [FileUploadModule, ButtonComponent], providers: [MessageService], template: "<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files || files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n", styles: [":host ::ng-deep .p-fileupload-buttonbar{display:flex;justify-content:center}\n"] }]
         }], ctorParameters: () => [{ type: i1.MessageService }, { type: i2.DialogService }, { type: i3.TranslocoService }], propDecorators: { beforeSend: [{

package/fesm2022/aril-ui-fileUpload.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\r\nimport { HttpEvent } from '@angular/common/http';\r\nimport { Component, EventEmitter, Output, input } from '@angular/core';\r\n\r\nimport { MessageService } from 'primeng/api';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { FileUploadModule } from 'primeng/fileupload';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { NotificationTemplatesDialogComponent } from 'aril/ui-business/notification-templates-dialog';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\ninterface UploadEvent {\r\n\toriginalEvent: HttpEvent<any>;\r\n\tfiles: File[];\r\n}\r\n\r\ninterface UploadFile {\r\n\tname: string;\r\n\tsize: number;\r\n\ttype: string;\r\n\tobjectURL?: string;\r\n}\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-file-upload',\r\n\ttemplateUrl: './file-upload.component.html',\r\n\timports: [FileUploadModule, ButtonComponent],\r\n\tproviders: [MessageService],\r\n\tstyles: [\r\n\t\t`\r\n\t\t\t:host ::ng-deep .p-fileupload-buttonbar {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\t\t`\r\n\t]\r\n})\r\nexport class FileUploadComponent {\r\n\tname = input<string>();\r\n\turl = input.required<string>();\r\n\tmultiple = input(false);\r\n\taccept = input<string>('.xlsx');\r\n\tdisabled = input(false);\r\n\tauto = input(false);\r\n\tmaxFileSize = input<number>();\r\n\ttabindex = input<number>();\r\n\twithCredentials = input(false);\r\n\tshowUploadButton = input(true);\r\n\tshowCancelButton = input(true);\r\n\tshowNotificationTemplatesButton = input(true);\r\n\tcustomUpload = input(false);\r\n\tmode = input<'advanced' \| 'basic'>('advanced');\r\n\t\r\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() upload: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() uploadHandler: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() errors: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() selects: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() clear: EventEmitter<unknown> = new EventEmitter();\r\n\r\n\tuploadedFiles: UploadFile[] = [];\r\n\r\n\tconstructor(\r\n\t\tprivate readonly messageService: MessageService,\r\n\t\tprivate readonly dialogService: DialogService,\r\n\t\tpublic readonly translocoService: TranslocoService\r\n\t) {}\r\n\r\n\tonUpload(event: UploadEvent) {\r\n\t\tthis.upload.emit(event);\r\n\t\tthis.uploadedFiles = event.files;\r\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'success', summary: 'Dosya başarıyla yüklendi.' });\r\n\t}\r\n\r\n\tonError(event: any) {\r\n\t\tthis.errors.emit(event);\r\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'error', summary: 'Dosya yüklenemedi.' });\r\n\t}\r\n\r\n\topenNotificationTemplatesDialog() {\r\n\t\tthis.dialogService.open(NotificationTemplatesDialogComponent, {\r\n\t\t\tcontentStyle: { overflow: 'hidden', 'max-width': '500px' },\r\n\t\t\tdraggable: true,\r\n\t\t\theader: this.translocoService.translate('notifications.notificationTemplates')\r\n\t\t});\r\n\t}\r\n}\r\n","<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files \|\| files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files \|\| files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\r\nimport { HttpEvent } from '@angular/common/http';\r\nimport { Component, EventEmitter, Output, input } from '@angular/core';\r\n\r\nimport { MessageService } from 'primeng/api';\r\nimport { DialogService } from 'primeng/dynamicdialog';\r\nimport { FileUploadModule } from 'primeng/fileupload';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\n\r\nimport { NotificationTemplatesDialogComponent } from 'aril/ui-business/notification-templates-dialog';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\n\r\ninterface UploadEvent {\r\n\toriginalEvent: HttpEvent<any>;\r\n\tfiles: File[];\r\n}\r\n\r\ninterface UploadFile {\r\n\tname: string;\r\n\tsize: number;\r\n\ttype: string;\r\n\tobjectURL?: string;\r\n}\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-file-upload',\r\n\ttemplateUrl: './file-upload.component.html',\r\n\timports: [FileUploadModule, ButtonComponent],\r\n\tproviders: [MessageService],\r\n\tstyles: [\r\n\t\t`\r\n\t\t\t:host ::ng-deep .p-fileupload-buttonbar {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: center;\r\n\t\t\t}\r\n\t\t`\r\n\t]\r\n})\r\nexport class FileUploadComponent {\r\n\tname = input<string>();\r\n\turl = input.required<string>();\r\n\tmultiple = input(false);\r\n\taccept = input<string>('.xlsx');\r\n\tdisabled = input(false);\r\n\tauto = input(false);\r\n\tmaxFileSize = input<number>();\r\n\ttabindex = input<number>();\r\n\twithCredentials = input(false);\r\n\tshowUploadButton = input(true);\r\n\tshowCancelButton = input(true);\r\n\tshowNotificationTemplatesButton = input(true);\r\n\tcustomUpload = input(false);\r\n\tmode = input<'advanced' \| 'basic'>('advanced');\r\n\t\r\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() upload: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() uploadHandler: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() errors: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() selects: EventEmitter<unknown> = new EventEmitter();\r\n\t@Output() clear: EventEmitter<unknown> = new EventEmitter();\r\n\r\n\tuploadedFiles: UploadFile[] = [];\r\n\r\n\tconstructor(\r\n\t\tprivate readonly messageService: MessageService,\r\n\t\tprivate readonly dialogService: DialogService,\r\n\t\tpublic readonly translocoService: TranslocoService\r\n\t) {}\r\n\r\n\tonUpload(event: UploadEvent) {\r\n\t\tthis.upload.emit(event);\r\n\t\tthis.uploadedFiles = event.files;\r\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'success', summary: 'Dosya başarıyla yüklendi.' });\r\n\t}\r\n\r\n\tonError(event: any) {\r\n\t\tthis.errors.emit(event);\r\n\t\tthis.messageService.add({ key: 'toast-root', severity: 'error', summary: 'Dosya yüklenemedi.' });\r\n\t}\r\n\r\n\topenNotificationTemplatesDialog() {\r\n\t\tthis.dialogService.open(NotificationTemplatesDialogComponent, {\r\n\t\t\tcontentStyle: { overflow: 'hidden', 'max-width': '500px' },\r\n\t\t\tdraggable: true,\r\n\t\t\theader: this.translocoService.translate('notifications.notificationTemplates')\r\n\t\t});\r\n\t}\r\n}\r\n","<p-fileUpload\r\n\t#fileUpload\r\n\t[name]=\"name()\"\r\n\t[url]=\"url()\"\r\n\tmethod=\"post\"\r\n\t[multiple]=\"multiple()\"\r\n\t[mode]=\"mode()\"\r\n\tchooseLabel=\"{{ fileUpload.chooseButtonLabel }}\"\r\n\t[accept]=\"accept()\"\r\n\t[disabled]=\"disabled()\"\r\n\t[auto]=\"auto()\"\r\n\t[maxFileSize]=\"maxFileSize()\"\r\n\t[tabindex]=\"tabindex()\"\r\n\t[withCredentials]=\"withCredentials()\"\r\n\t[showUploadButton]=\"showUploadButton()\"\r\n\t[showCancelButton]=\"showCancelButton()\"\r\n\t[customUpload]=\"customUpload()\"\r\n\t[invalidFileTypeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageSummary')\"\r\n\t[invalidFileTypeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileTypeMessageDetail')\"\r\n\t[invalidFileSizeMessageSummary]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageSummary')\"\r\n\t[invalidFileSizeMessageDetail]=\"this.translocoService.translate('fileUpload.invalidFileSizeMessageDetail')\"\r\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\r\n\t(onUpload)=\"onUpload($event)\"\r\n\t(uploadHandler)=\"uploadHandler.emit($event)\"\r\n\t(onError)=\"onError($event)\"\r\n\t(onSelect)=\"selects.emit($event)\"\r\n\t(onClear)=\"clear.emit($event)\">\r\n\t<ng-template pTemplate=\"header\" let-files>\r\n\t\t<div class=\"flex gap-2\">\r\n\t\t\t<aril-button\r\n\t\t\t\tcolor=\"primary\"\r\n\t\t\t\ticon=\"PLUS\"\r\n\t\t\t\t[label]=\"fileUpload.chooseButtonLabel\"\r\n\t\t\t\t(clickEvent)=\"fileUpload.choose()\" />\r\n\r\n\t\t\t@if (showUploadButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"UPLOAD\"\r\n\t\t\t\t\t[label]=\"fileUpload.uploadButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.upload()\"\r\n\t\t\t\t\t[disabled]=\"!files \|\| files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showCancelButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"TIMES\"\r\n\t\t\t\t\t[label]=\"fileUpload.cancelButtonLabel\"\r\n\t\t\t\t\t(clickEvent)=\"fileUpload.clear()\"\r\n\t\t\t\t\t[disabled]=\"!files \|\| files.length === 0\" />\r\n\t\t\t}\r\n\r\n\t\t\t@if (showNotificationTemplatesButton()) {\r\n\t\t\t\t<aril-button\r\n\t\t\t\t\tcolor=\"primary\"\r\n\t\t\t\t\ticon=\"LIST\"\r\n\t\t\t\t\t[label]=\"translocoService.translate('notifications.notificationTemplates')\"\r\n\t\t\t\t\t(clickEvent)=\"openNotificationTemplatesDialog()\" />\r\n\t\t\t}\r\n\t\t</div>\r\n\t</ng-template>\r\n\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t@if (uploadedFiles.length) {\r\n\t\t\t<div class=\"flex flex-column\">\r\n\t\t\t\t@for (file of uploadedFiles; track file) {\r\n\t\t\t\t\t<div class=\"mt-2\">\r\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\r\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\r\n\t\t\t\t\t</div>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</ng-template>\r\n</p-fileUpload>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}