aril 1.2.20 → 1.2.22

package/fesm2022/aril-ui-business-enumPicker.mjs

@@ -1,22 +1,22 @@
 import * as i0 from '@angular/core';
-import { signal, input, EventEmitter, effect, Output, Component } from '@angular/core';
+import { signal, input, EventEmitter, effect, Component, Output } from '@angular/core';
 import * as i4 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i6 from 'primeng/multiselect';
 import { MultiSelectModule } from 'primeng/multiselect';
+import * as i8 from 'primeng/tooltip';
+import { TooltipModule } from 'primeng/tooltip';
 import * as i2 from '@ngneat/transloco';
 import { TranslocoModule } from '@ngneat/transloco';
 import * as i5 from 'devextreme-angular/ui/select-box';
 import { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';
-import { firstValueFrom } from 'rxjs';
-import DataSource from 'devextreme/data/data_source';
 import ArrayStore from 'devextreme/data/array_store';
+import DataSource from 'devextreme/data/data_source';
+import { firstValueFrom } from 'rxjs';
 import { API_CONFIGS } from 'aril/boot/config/api';
 import { Apps } from 'aril/boot/config/apps';
 import * as i3 from 'aril/ui/lib';
-import { BaseInputComponent, DXInputErrorMessagePipe, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
-import * as i8 from 'primeng/tooltip';
-import { TooltipModule } from 'primeng/tooltip';
+import { BaseInputComponent, InputErrorMessagePipe, DXInputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
 import * as i1 from '@angular/common/http';
 import * as i7 from 'primeng/api';
 
@@ -27,7 +27,11 @@ class EnumPickerComponent extends BaseInputComponent {
         this.translocoService = translocoService;
         this.selectionItems = signal(null);
         this.selectBoxDataSource = signal(null);
+        this.groupedSelectionItems = signal(null);
+        this.isGrouped = signal(false);
         this.originalSelectionItems = [];
+        this.rawParentItems = [];
+        this.rawGroups = [];
         /**
          * Single Select States
          */
@@ -35,6 +39,7 @@ class EnumPickerComponent extends BaseInputComponent {
         this.itemText = input('text');
         this.groupName = input('');
         this.parentSelectionKey = input(null);
+        this.parentGroupName = input('');
         this.tabindex = input(0);
         this.items = input();
         this.isMultiple = input(false);
@@ -65,18 +70,33 @@ class EnumPickerComponent extends BaseInputComponent {
         this.tooltipPosition = input('top');
         this.onSelectionChanged = new EventEmitter();
         effect(() => {
-            if (this.groupName() || this.parentSelectionKey())
-                this.getSelectionItems();
+            const psk = this.parentSelectionKey();
+            if (this.groupName() || psk) {
+                if (this.isMultiple() && Array.isArray(psk) && psk.length >= 2) {
+                    this.getGroupedSelectionItems(psk);
+                }
+                else {
+                    this.getSelectionItems();
+                }
+            }
         });
-        // excludedKeys değişince item listesini yeniden filtrele (originalSelectionItems korunur)
+        // excludedKeys değişince item listesini yeniden filtrele (cache korunur, refetch yok)
+        // allowSignalWrites: excludedKeys runtime'da (item'lar yüklendikten sonra) değişince
+        // buildGroupedFromRaw/updateSelectionItemsText senkron signal yazar; bu effect içinde izinli olmalı (NG0600).
         effect(() => {
             this.excludedKeys();
-            if (this.originalSelectionItems.length > 0) {
+            if (this.rawGroups.length > 0) {
+                this.buildGroupedFromRaw();
+            }
+            else if (this.originalSelectionItems.length > 0) {
                 this.updateSelectionItemsText();
             }
-        });
+        }, { allowSignalWrites: true });
         this.translocoService.langChanges$.subscribe(() => {
-            if (this.selectionItems() && this.selectionItems()?.length > 0) {
+            if (this.rawGroups.length > 0) {
+                this.buildGroupedFromRaw();
+            }
+            else if (this.selectionItems() && this.selectionItems()?.length > 0) {
                 this.updateSelectionItemsText();
             }
         });
@@ -91,11 +111,12 @@ class EnumPickerComponent extends BaseInputComponent {
         const payload = {
             groupName: this.groupName()
         };
-        if (Array.isArray(this.parentSelectionKey())) {
-            payload.parentSelectionKeys = this.parentSelectionKey();
+        const psk = this.parentSelectionKey();
+        if (Array.isArray(psk)) {
+            payload.parentSelectionKeys = psk;
         }
         else {
-            payload.parentSelectionKey = this.parentSelectionKey();
+            payload.parentSelectionKey = psk;
         }
         const hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);
         try {
@@ -105,24 +126,88 @@ class EnumPickerComponent extends BaseInputComponent {
         catch (error) {
             this.originalSelectionItems = [];
         }
+        // Flat moda dön (await sonrası — effect context dışı olduğu için signal yazımı güvenli)
+        this.rawGroups = [];
+        this.rawParentItems = [];
+        this.groupedSelectionItems.set(null);
+        this.isGrouped.set(false);
         this.updateSelectionItemsText();
     }
+    // Parent (multiple) ≥2 seçiliyken her parent için ayrı istek atılır (load-all batch)
+    // ve child item'lar parent başına gruplanır. Grup başlığı parent'ın lokalize display'idir.
+    async getGroupedSelectionItems(parentKeys) {
+        const childGroupName = this.groupName();
+        const parentGroupName = this.parentGroupName();
+        const hasParentGroup = !!parentGroupName;
+        const requests = [];
+        if (hasParentGroup) {
+            requests.push({ groupName: parentGroupName });
+        }
+        parentKeys.forEach((key) => {
+            requests.push({ groupName: childGroupName, parentSelectionKey: key });
+        });
+        const hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);
+        let groups = [];
+        try {
+            groups =
+                (await firstValueFrom(this.http.post(hostApi + '/selection-group/load-all', requests))) ||
+                    [];
+        }
+        catch (error) {
+            groups = [];
+        }
+        this.rawParentItems = hasParentGroup ? groups[0]?.selectionItems || [] : [];
+        const childGroups = hasParentGroup ? groups.slice(1) : groups;
+        this.rawGroups = parentKeys.map((parentKey, index) => ({
+            parentKey,
+            items: childGroups[index]?.selectionItems || []
+        }));
+        this.buildGroupedFromRaw();
+    }
+    buildGroupedFromRaw() {
+        const excluded = new Set(this.excludedKeys() || []);
+        const parentDisplayMap = new Map();
+        this.rawParentItems.forEach((item) => {
+            parentDisplayMap.set(item.selectionKey, this.resolveDisplay(item));
+        });
+        const built = this.rawGroups.map((group) => ({
+            label: parentDisplayMap.get(group.parentKey) ?? group.parentKey,
+            items: group.items
+                .filter((item) => !excluded.has(item.selectionKey))
+                .map((item) => ({
+                key: item.selectionKey,
+                text: this.resolveDisplay(item)
+            }))
+        }));
+        this.selectionItems.set(null);
+        this.selectBoxDataSource.set(null);
+        this.groupedSelectionItems.set(built);
+        this.isGrouped.set(true);
+        this.filterCurrentValueBySelectionItems();
+    }
+    resolveDisplay(item) {
+        const lang = this.translocoService.getActiveLang();
+        return item?.selectionMultiLanguageDisplays?.[lang] || item.selectionDisplay;
+    }
+    getVisibleItems() {
+        if (this.isGrouped()) {
+            return (this.groupedSelectionItems() || []).flatMap((group) => group.items);
+        }
+        return this.selectionItems() || [];
+    }
     updateSelectionItemsText() {
         if (!this.originalSelectionItems || this.originalSelectionItems.length === 0) {
             this.selectionItems.set(null);
             this.selectBoxDataSource.set(null);
             return;
         }
-        const currentLang = this.translocoService.getActiveLang();
         this.selectionItems.set(null);
         const excluded = new Set(this.excludedKeys() || []);
         const mappedItems = this.originalSelectionItems
             .filter((item) => !excluded.has(item.selectionKey))
             .map((item) => ({
             key: item.selectionKey,
-            text: item?.selectionMultiLanguageDisplays?.[currentLang] ?
-                item.selectionMultiLanguageDisplays[currentLang]
-                : item.selectionDisplay,
+            text: this.resolveDisplay(item),
             parentSelectionKey: item.parentSelectionKey
         }));
         this.selectionItems.set(mappedItems);
@@ -136,7 +221,7 @@ class EnumPickerComponent extends BaseInputComponent {
         if (!this.parentSelectionKey() && !hasExcluded)
             return;
         const currentValue = this.ngControl.control?.value;
-        const validKeys = new Set((this.selectionItems() || []).map((item) => item[this.itemKey()]));
+        const validKeys = new Set(this.getVisibleItems().map((item) => item[this.itemKey()]));
         if (this.isMultiple()) {
             // Child multi-select: geçersiz key'leri filtrele, geçerlileri bırak
             if (!Array.isArray(currentValue) || currentValue.length === 0)
@@ -183,12 +268,19 @@ class EnumPickerComponent extends BaseInputComponent {
             pageSize: 50
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: EnumPickerComponent, deps: [{ token: i1.HttpClient }, { token: i2.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: EnumPickerComponent, isStandalone: true, selector: "enum-picker[ngModel], enum-picker[formControl], enum-picker[formControlName]", inputs: { itemKey: { classPropertyName: "itemKey", publicName: "itemKey", isSignal: true, isRequired: false, transformFunction: null }, itemText: { classPropertyName: "itemText", publicName: "itemText", isSignal: true, isRequired: false, transformFunction: null }, groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: false, transformFunction: null }, parentSelectionKey: { classPropertyName: "parentSelectionKey", publicName: "parentSelectionKey", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, excludedKeys: { classPropertyName: "excludedKeys", publicName: "excludedKeys", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchExpr: { classPropertyName: "searchExpr", publicName: "searchExpr", isSignal: true, isRequired: false, transformFunction: null }, acceptCustomValue: { classPropertyName: "acceptCustomValue", publicName: "acceptCustomValue", isSignal: true, isRequired: false, transformFunction: null }, textClampCharacters: { classPropertyName: "textClampCharacters", publicName: "textClampCharacters", isSignal: true, isRequired: false, transformFunction: null }, useVirtualScroll: { classPropertyName: "useVirtualScroll", publicName: "useVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsLabel: { classPropertyName: "selectedItemsLabel", publicName: "selectedItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChanged: "onSelectionChanged" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i3.ValueAccessorDirective }], ngImport: i0, template: "@if (isMultiple()) {\r\n\t<p-multiSelect\r\n\t\t[options]=\"selectionItems() || items() || []\"\r\n\t\t[optionValue]=\"itemKey()\"\r\n\t\t[optionLabel]=\"itemText()\"\r\n\t\t[defaultLabel]=\"placeholder()\"\r\n\t\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t\t[style]=\"style()\"\r\n\t\t[styleClass]=\"styleClass()\"\r\n\t\t[tooltip]=\"tooltip()\"\r\n\t\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t[maxSelectedLabels]=\"2\"\r\n\t\t[appendTo]=\"appendTo()\"\r\n\t\t[virtualScroll]=\"useVirtualScroll()\"\r\n\t\t[virtualScrollItemSize]=\"virtualScrollItemSize()\"\r\n\t\t[scrollHeight]=\"scrollHeight()\"\r\n\t\t[filter]=\"true\"\r\n\t\t[panelStyle]=\"{ 'max-width': '400px', 'min-width': 'auto' }\">\r\n\t\t<ng-template let-enum pTemplate=\"item\">\r\n\t\t\t<div [pTooltip]=\"enum[itemText()]?.length > textClampCharacters() ? enum[itemText()] : ''\">\r\n\t\t\t\t@if (enum[itemText()]?.length > textClampCharacters()) {\r\n\t\t\t\t\t{{ enum[itemText()].slice(0, textClampCharacters()) }}...\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t{{ enum[itemText()] }}\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-multiSelect>\r\n} @else {\r\n\t<dx-select-box\r\n    [dataSource]=\"useVirtualScroll() ? selectBoxDataSource() : (selectionItems() || items() || [])\"\r\n\t\t[valueExpr]=\"itemKey()\"\r\n\t\t[displayExpr]=\"itemText()\"\r\n\t\t[searchEnabled]=\"true\"\r\n\t\t[searchExpr]=\"searchExpr()\"\r\n\t\t[tabIndex]=\"tabindex()\"\r\n\t\t[grouped]=\"grouped()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[showClearButton]=\"showClearButton()\"\r\n\t\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\t\tvalidationMessagePosition=\"top\"\r\n\t\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n\t</dx-select-box>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i5.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }, { kind: "ngmodule", type: TranslocoModule }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8.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.1.2", ngImport: i0, type: EnumPickerComponent, deps: [{ token: i1.HttpClient }, { token: i2.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: EnumPickerComponent, isStandalone: true, selector: "enum-picker[ngModel], enum-picker[formControl], enum-picker[formControlName]", inputs: { itemKey: { classPropertyName: "itemKey", publicName: "itemKey", isSignal: true, isRequired: false, transformFunction: null }, itemText: { classPropertyName: "itemText", publicName: "itemText", isSignal: true, isRequired: false, transformFunction: null }, groupName: { classPropertyName: "groupName", publicName: "groupName", isSignal: true, isRequired: false, transformFunction: null }, parentSelectionKey: { classPropertyName: "parentSelectionKey", publicName: "parentSelectionKey", isSignal: true, isRequired: false, transformFunction: null }, parentGroupName: { classPropertyName: "parentGroupName", publicName: "parentGroupName", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, excludedKeys: { classPropertyName: "excludedKeys", publicName: "excludedKeys", isSignal: true, isRequired: false, transformFunction: null }, grouped: { classPropertyName: "grouped", publicName: "grouped", isSignal: true, isRequired: false, transformFunction: null }, showClearButton: { classPropertyName: "showClearButton", publicName: "showClearButton", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, searchExpr: { classPropertyName: "searchExpr", publicName: "searchExpr", isSignal: true, isRequired: false, transformFunction: null }, acceptCustomValue: { classPropertyName: "acceptCustomValue", publicName: "acceptCustomValue", isSignal: true, isRequired: false, transformFunction: null }, textClampCharacters: { classPropertyName: "textClampCharacters", publicName: "textClampCharacters", isSignal: true, isRequired: false, transformFunction: null }, useVirtualScroll: { classPropertyName: "useVirtualScroll", publicName: "useVirtualScroll", isSignal: true, isRequired: false, transformFunction: null }, virtualScrollItemSize: { classPropertyName: "virtualScrollItemSize", publicName: "virtualScrollItemSize", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedItemsLabel: { classPropertyName: "selectedItemsLabel", publicName: "selectedItemsLabel", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tooltipPosition: { classPropertyName: "tooltipPosition", publicName: "tooltipPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChanged: "onSelectionChanged" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i3.ValueAccessorDirective }], ngImport: i0, template: "@if (isMultiple()) {\r\n\t<p-multiSelect\r\n\t\t[options]=\"isGrouped() ? (groupedSelectionItems() || []) : (selectionItems() || items() || [])\"\r\n\t\t[group]=\"isGrouped()\"\r\n\t\t[optionValue]=\"itemKey()\"\r\n\t\t[optionLabel]=\"itemText()\"\r\n\t\t[defaultLabel]=\"placeholder()\"\r\n\t\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t\t[style]=\"style()\"\r\n\t\t[styleClass]=\"styleClass()\"\r\n\t\t[tooltip]=\"tooltip()\"\r\n\t\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t[maxSelectedLabels]=\"2\"\r\n\t\t[appendTo]=\"appendTo()\"\r\n\t\t[virtualScroll]=\"useVirtualScroll()\"\r\n\t\t[virtualScrollItemSize]=\"virtualScrollItemSize()\"\r\n\t\t[scrollHeight]=\"scrollHeight()\"\r\n\t\t[filter]=\"true\"\r\n\t\t[panelStyle]=\"{ 'max-width': '400px', 'min-width': 'auto' }\">\r\n\t\t@if (isGrouped()) {\r\n\t\t\t<ng-template let-group pTemplate=\"group\">\r\n\t\t\t\t<span>{{ group.label }}</span>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\t\t<ng-template let-enum pTemplate=\"item\">\r\n\t\t\t<div [pTooltip]=\"enum[itemText()]?.length > textClampCharacters() ? enum[itemText()] : ''\">\r\n\t\t\t\t@if (enum[itemText()]?.length > textClampCharacters()) {\r\n\t\t\t\t\t{{ enum[itemText()].slice(0, textClampCharacters()) }}...\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t{{ enum[itemText()] }}\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-multiSelect>\r\n} @else {\r\n\t<dx-select-box\r\n    [dataSource]=\"useVirtualScroll() ? selectBoxDataSource() : (selectionItems() || items() || [])\"\r\n\t\t[valueExpr]=\"itemKey()\"\r\n\t\t[displayExpr]=\"itemText()\"\r\n\t\t[searchEnabled]=\"true\"\r\n\t\t[searchExpr]=\"searchExpr()\"\r\n\t\t[tabIndex]=\"tabindex()\"\r\n\t\t[grouped]=\"grouped()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[showClearButton]=\"showClearButton()\"\r\n\t\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\t\tvalidationMessagePosition=\"top\"\r\n\t\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n\t</dx-select-box>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i5.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }, { kind: "ngmodule", type: TranslocoModule }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i6.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i8.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.3.12", ngImport: i0, type: EnumPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: EnumPickerComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'enum-picker[ngModel], enum-picker[formControl], enum-picker[formControlName]', imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe, TranslocoModule, MultiSelectModule, TooltipModule], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "@if (isMultiple()) {\r\n\t<p-multiSelect\r\n\t\t[options]=\"selectionItems() || items() || []\"\r\n\t\t[optionValue]=\"itemKey()\"\r\n\t\t[optionLabel]=\"itemText()\"\r\n\t\t[defaultLabel]=\"placeholder()\"\r\n\t\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t\t[style]=\"style()\"\r\n\t\t[styleClass]=\"styleClass()\"\r\n\t\t[tooltip]=\"tooltip()\"\r\n\t\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t[maxSelectedLabels]=\"2\"\r\n\t\t[appendTo]=\"appendTo()\"\r\n\t\t[virtualScroll]=\"useVirtualScroll()\"\r\n\t\t[virtualScrollItemSize]=\"virtualScrollItemSize()\"\r\n\t\t[scrollHeight]=\"scrollHeight()\"\r\n\t\t[filter]=\"true\"\r\n\t\t[panelStyle]=\"{ 'max-width': '400px', 'min-width': 'auto' }\">\r\n\t\t<ng-template let-enum pTemplate=\"item\">\r\n\t\t\t<div [pTooltip]=\"enum[itemText()]?.length > textClampCharacters() ? enum[itemText()] : ''\">\r\n\t\t\t\t@if (enum[itemText()]?.length > textClampCharacters()) {\r\n\t\t\t\t\t{{ enum[itemText()].slice(0, textClampCharacters()) }}...\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t{{ enum[itemText()] }}\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-multiSelect>\r\n} @else {\r\n\t<dx-select-box\r\n    [dataSource]=\"useVirtualScroll() ? selectBoxDataSource() : (selectionItems() || items() || [])\"\r\n\t\t[valueExpr]=\"itemKey()\"\r\n\t\t[displayExpr]=\"itemText()\"\r\n\t\t[searchEnabled]=\"true\"\r\n\t\t[searchExpr]=\"searchExpr()\"\r\n\t\t[tabIndex]=\"tabindex()\"\r\n\t\t[grouped]=\"grouped()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[showClearButton]=\"showClearButton()\"\r\n\t\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\t\tvalidationMessagePosition=\"top\"\r\n\t\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n\t</dx-select-box>\r\n}\r\n" }]
+            args: [{ standalone: true, selector: 'enum-picker[ngModel], enum-picker[formControl], enum-picker[formControlName]', imports: [
+                        ReactiveFormsModule,
+                        DxSelectBoxModule,
+                        DXInputErrorMessagePipe,
+                        TranslocoModule,
+                        MultiSelectModule,
+                        TooltipModule
+                    ], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "@if (isMultiple()) {\r\n\t<p-multiSelect\r\n\t\t[options]=\"isGrouped() ? (groupedSelectionItems() || []) : (selectionItems() || items() || [])\"\r\n\t\t[group]=\"isGrouped()\"\r\n\t\t[optionValue]=\"itemKey()\"\r\n\t\t[optionLabel]=\"itemText()\"\r\n\t\t[defaultLabel]=\"placeholder()\"\r\n\t\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t\t[style]=\"style()\"\r\n\t\t[styleClass]=\"styleClass()\"\r\n\t\t[tooltip]=\"tooltip()\"\r\n\t\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t[maxSelectedLabels]=\"2\"\r\n\t\t[appendTo]=\"appendTo()\"\r\n\t\t[virtualScroll]=\"useVirtualScroll()\"\r\n\t\t[virtualScrollItemSize]=\"virtualScrollItemSize()\"\r\n\t\t[scrollHeight]=\"scrollHeight()\"\r\n\t\t[filter]=\"true\"\r\n\t\t[panelStyle]=\"{ 'max-width': '400px', 'min-width': 'auto' }\">\r\n\t\t@if (isGrouped()) {\r\n\t\t\t<ng-template let-group pTemplate=\"group\">\r\n\t\t\t\t<span>{{ group.label }}</span>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\t\t<ng-template let-enum pTemplate=\"item\">\r\n\t\t\t<div [pTooltip]=\"enum[itemText()]?.length > textClampCharacters() ? enum[itemText()] : ''\">\r\n\t\t\t\t@if (enum[itemText()]?.length > textClampCharacters()) {\r\n\t\t\t\t\t{{ enum[itemText()].slice(0, textClampCharacters()) }}...\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t{{ enum[itemText()] }}\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-multiSelect>\r\n} @else {\r\n\t<dx-select-box\r\n    [dataSource]=\"useVirtualScroll() ? selectBoxDataSource() : (selectionItems() || items() || [])\"\r\n\t\t[valueExpr]=\"itemKey()\"\r\n\t\t[displayExpr]=\"itemText()\"\r\n\t\t[searchEnabled]=\"true\"\r\n\t\t[searchExpr]=\"searchExpr()\"\r\n\t\t[tabIndex]=\"tabindex()\"\r\n\t\t[grouped]=\"grouped()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[showClearButton]=\"showClearButton()\"\r\n\t\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\t\tvalidationMessagePosition=\"top\"\r\n\t\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n\t</dx-select-box>\r\n}\r\n" }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.TranslocoService }], propDecorators: { onSelectionChanged: [{
                 type: Output
             }] } });

package/fesm2022/aril-ui-business-enumPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-business-enumPicker.mjs","sources":["../../projects/aril/ui-business/enumPicker/src/enum-picker.component.ts","../../projects/aril/ui-business/enumPicker/src/enum-picker.component.html","../../projects/aril/ui-business/enumPicker/aril-ui-business-enumPicker.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { Component, EventEmitter, Output, effect, input, signal } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\n\r\nimport { TranslocoModule, TranslocoService } from '@ngneat/transloco';\r\nimport { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';\r\nimport { firstValueFrom } from 'rxjs';\r\n\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport ArrayStore from 'devextreme/data/array_store';\r\n\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { Apps } from 'aril/boot/config/apps';\r\nimport {\r\n\tBaseInputComponent,\r\n\tDXInputErrorMessagePipe,\r\n\tInputErrorMessagePipe,\r\n\tValueAccessorDirective\r\n} from 'aril/ui/lib';\r\n\r\nimport { SelectBoxItem, SelectionGroupDTO, SelectionItem, SelectionRequestDTO } from './interface';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'enum-picker[ngModel], enum-picker[formControl], enum-picker[formControlName]',\r\n\ttemplateUrl: './enum-picker.component.html',\r\n\timports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe, TranslocoModule, MultiSelectModule, TooltipModule],\r\n\tproviders: [InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class EnumPickerComponent extends BaseInputComponent {\r\n\tselectionItems = signal<SelectBoxItem[] | null>(null);\r\n\tselectBoxDataSource = signal<DataSource | null>(null);\r\n\tprivate originalSelectionItems: SelectionItem[] = [];\r\n\t/**\r\n\t * Single Select States\r\n\t */\r\n\r\n\titemKey = input('key');\r\n\titemText = input('text');\r\n\tgroupName = input('');\r\n\tparentSelectionKey = input(null);\r\n\ttabindex = input<number>(0);\r\n\titems = input<SelectBoxItem[]>();\r\n\tisMultiple = input<boolean>(false);\r\n\t// Cross-validation RemoveItem action ile set edilir; verilen selectionKey'leri item listesinden filtreler.\r\n\texcludedKeys = input<string[]>([]);\r\n\tselectedItemText = '';\r\n\t/** * @description when grouped = true, option item structure { key:string, items:[] } */\r\n\tgrouped = input(false);\r\n\tshowClearButton = input<boolean>(true);\r\n\tplaceholder = input<string>('');\r\n\tsearchExpr = input<string | string[]>('');\r\n\tacceptCustomValue = input<boolean>(false);\r\n\ttextClampCharacters = input<number>(40);\r\n\r\n\t/**\r\n\t * Virtual Scroll States\r\n\t */\r\n\tuseVirtualScroll = input<boolean>(false);\r\n\tvirtualScrollItemSize = input<number>(30);\r\n\tscrollHeight = input<string>('300px');\r\n\r\n\t/**\r\n\t * Multi Select States\r\n\t */\r\n\r\n\tselectedItemsLabel = input<string>('{0}  değer seçildi'); // default value -> ({0} items selected\r\n\tappendTo = input<string>('body');\r\n\tstyle = input<object>({});\r\n\tstyleClass = input<string>('');\r\n\ttooltip = input<string>('');\r\n\ttooltipPosition = input<any>('top');\r\n\r\n\t@Output() onSelectionChanged = new EventEmitter<SelectBoxItem>();\r\n\r\n\tconstructor(\r\n\t\tprivate readonly http: HttpClient,\r\n\t\tpublic translocoService: TranslocoService\r\n\t) {\r\n\t\tsuper();\r\n\t\teffect(() => {\r\n\t\t\tif (this.groupName() || this.parentSelectionKey()) this.getSelectionItems();\r\n\t\t});\r\n\r\n\t\t// excludedKeys değişince item listesini yeniden filtrele (originalSelectionItems korunur)\r\n\t\teffect(() => {\r\n\t\t\tthis.excludedKeys();\r\n\t\t\tif (this.originalSelectionItems.length > 0) {\r\n\t\t\t\tthis.updateSelectionItemsText();\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.translocoService.langChanges$.subscribe(() => {\r\n\t\t\tif (this.selectionItems() && (this.selectionItems() as SelectBoxItem[])?.length > 0) {\r\n\t\t\t\tthis.updateSelectionItemsText();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetTitle(event?: any) {\r\n\t\tif (event && event[this.itemText()].length > 25) {\r\n\t\t\tthis.selectedItemText = event ? event[this.itemText()] : '';\r\n\t\t}\r\n\t\tthis.onSelectionChanged.emit(event);\r\n\t}\r\n\r\n\tasync getSelectionItems() {\r\n\t\tconst payload: Partial<SelectionRequestDTO> = {\r\n\t\t\tgroupName: this.groupName()\r\n\t\t};\r\n\r\n\t\tif (Array.isArray(this.parentSelectionKey())) {\r\n\t\t\tpayload.parentSelectionKeys = this.parentSelectionKey();\r\n\t\t} else {\r\n\t\t\tpayload.parentSelectionKey = this.parentSelectionKey();\r\n\t\t}\r\n\r\n\t\tconst hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);\r\n\r\n\t\ttry {\r\n\t\t\tconst selectionGroup = await firstValueFrom(\r\n\t\t\t\tthis.http.post<SelectionGroupDTO>(hostApi + '/selection-group/load', payload)\r\n\t\t\t);\r\n\r\n\t\t\tthis.originalSelectionItems = selectionGroup?.selectionItems || [];\r\n\t\t} catch (error) {\r\n\t\t\tthis.originalSelectionItems = [];\r\n\t\t}\r\n\t\tthis.updateSelectionItemsText();\r\n\t}\r\n\r\n\tprivate updateSelectionItemsText() {\r\n\t\tif (!this.originalSelectionItems || this.originalSelectionItems.length === 0) {\r\n\t\t\tthis.selectionItems.set(null);\r\n\t\t\tthis.selectBoxDataSource.set(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst currentLang = this.translocoService.getActiveLang();\r\n\r\n\t\tthis.selectionItems.set(null);\r\n\r\n\t\tconst excluded = new Set(this.excludedKeys() || []);\r\n\t\tconst mappedItems = this.originalSelectionItems\r\n\t\t\t.filter((item: SelectionItem) => !excluded.has(item.selectionKey))\r\n\t\t\t.map((item: SelectionItem) => ({\r\n\t\t\t\tkey: item.selectionKey,\r\n\t\t\t\ttext:\r\n\t\t\t\t\titem?.selectionMultiLanguageDisplays?.[currentLang] ?\r\n\t\t\t\t\t\titem.selectionMultiLanguageDisplays[currentLang]\r\n\t\t\t\t\t:\titem.selectionDisplay,\r\n\t\t\t\tparentSelectionKey: item.parentSelectionKey\r\n\t\t\t}));\r\n\r\n\t\tthis.selectionItems.set(mappedItems);\r\n\t\tthis.rebuildSelectBoxDataSource(mappedItems);\r\n\t\tthis.filterCurrentValueBySelectionItems();\r\n\t}\r\n\r\n\t// Parent enum (multiple) değiştiğinde veya excludedKeys aktifken\r\n\t// form'daki geçersiz key'leri temizler (selectionItems zaten filtrelenmiş haliyle gelir).\r\n\tfilterCurrentValueBySelectionItems(): void {\r\n\t\tconst hasExcluded = (this.excludedKeys() || []).length > 0;\r\n\t\tif (!this.parentSelectionKey() && !hasExcluded) return;\r\n\t\tconst currentValue = this.ngControl.control?.value;\r\n\t\tconst validKeys = new Set(\r\n\t\t\t(this.selectionItems() || []).map((item: any) => item[this.itemKey()])\r\n\t\t);\r\n\r\n\t\tif (this.isMultiple()) {\r\n\t\t\t// Child multi-select: geçersiz key'leri filtrele, geçerlileri bırak\r\n\t\t\tif (!Array.isArray(currentValue) || currentValue.length === 0) return;\r\n\t\t\tconst filtered = (currentValue as string[]).filter((key) => validKeys.has(key));\r\n\t\t\tif (filtered.length !== currentValue.length) {\r\n\t\t\t\tthis.ngControl.control?.setValue(filtered, { emitEvent: true });\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (!currentValue) return;\r\n\t\t\t\r\n\t\t\tif (!validKeys.has(currentValue)) {\r\n\t\t\t\tthis.ngControl.control?.reset(null, { emitEvent: true });\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tonCustomItemCreating(event: any) {\r\n\t\tif (!event.text) {\r\n\t\t\tevent.customItem = null;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst newItem = {\r\n\t\t\t[this.itemKey()]: event.text,\r\n\t\t\t[this.itemText()]: event.text\r\n\t\t};\r\n\t\tconst currentItems = this.selectionItems() || [];\r\n\t\tconst updatedItems = [...currentItems, newItem];\r\n\t\tthis.selectionItems.set(updatedItems);\r\n\t\tthis.rebuildSelectBoxDataSource(updatedItems);\r\n\t\tevent.customItem = newItem;\r\n\t}\r\n\r\n\t\tprivate rebuildSelectBoxDataSource(items: SelectBoxItem[]): void {\r\n\t\tif (!this.useVirtualScroll()) {\r\n\t\t\tthis.selectBoxDataSource.set(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.selectBoxDataSource.set(\r\n\t\t\tnew DataSource({\r\n\t\t\t\tstore: new ArrayStore({\r\n\t\t\t\t\tdata: items,\r\n\t\t\t\t\tkey: this.itemKey()\r\n\t\t\t\t}),\r\n\t\t\t\tpaginate: true,\r\n\t\t\t\tpageSize: 50\r\n\t\t\t})\r\n\t\t);\r\n\t}\r\n}\r\n","@if (isMultiple()) {\r\n\t<p-multiSelect\r\n\t\t[options]=\"selectionItems() || items() || []\"\r\n\t\t[optionValue]=\"itemKey()\"\r\n\t\t[optionLabel]=\"itemText()\"\r\n\t\t[defaultLabel]=\"placeholder()\"\r\n\t\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t\t[style]=\"style()\"\r\n\t\t[styleClass]=\"styleClass()\"\r\n\t\t[tooltip]=\"tooltip()\"\r\n\t\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t[maxSelectedLabels]=\"2\"\r\n\t\t[appendTo]=\"appendTo()\"\r\n\t\t[virtualScroll]=\"useVirtualScroll()\"\r\n\t\t[virtualScrollItemSize]=\"virtualScrollItemSize()\"\r\n\t\t[scrollHeight]=\"scrollHeight()\"\r\n\t\t[filter]=\"true\"\r\n\t\t[panelStyle]=\"{ 'max-width': '400px', 'min-width': 'auto' }\">\r\n\t\t<ng-template let-enum pTemplate=\"item\">\r\n\t\t\t<div [pTooltip]=\"enum[itemText()]?.length > textClampCharacters() ? enum[itemText()] : ''\">\r\n\t\t\t\t@if (enum[itemText()]?.length > textClampCharacters()) {\r\n\t\t\t\t\t{{ enum[itemText()].slice(0, textClampCharacters()) }}...\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t{{ enum[itemText()] }}\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-multiSelect>\r\n} @else {\r\n\t<dx-select-box\r\n    [dataSource]=\"useVirtualScroll() ? selectBoxDataSource() : (selectionItems() || items() || [])\"\r\n\t\t[valueExpr]=\"itemKey()\"\r\n\t\t[displayExpr]=\"itemText()\"\r\n\t\t[searchEnabled]=\"true\"\r\n\t\t[searchExpr]=\"searchExpr()\"\r\n\t\t[tabIndex]=\"tabindex()\"\r\n\t\t[grouped]=\"grouped()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[showClearButton]=\"showClearButton()\"\r\n\t\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\t\tvalidationMessagePosition=\"top\"\r\n\t\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n\t</dx-select-box>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-business-enumPicker.mjs","sources":["../../projects/aril/ui-business/enumPicker/src/enum-picker.component.ts","../../projects/aril/ui-business/enumPicker/src/enum-picker.component.html","../../projects/aril/ui-business/enumPicker/aril-ui-business-enumPicker.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { Component, EventEmitter, Output, effect, input, signal } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MultiSelectModule } from 'primeng/multiselect';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { TranslocoModule, TranslocoService } from '@ngneat/transloco';\r\nimport { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';\r\nimport ArrayStore from 'devextreme/data/array_store';\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport { firstValueFrom } from 'rxjs';\r\n\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { Apps } from 'aril/boot/config/apps';\r\nimport {\r\n\tBaseInputComponent,\r\n\tDXInputErrorMessagePipe,\r\n\tInputErrorMessagePipe,\r\n\tValueAccessorDirective\r\n} from 'aril/ui/lib';\r\n\r\nimport {\r\n\tGroupedSelectionItem,\r\n\tSelectBoxItem,\r\n\tSelectionGroupDTO,\r\n\tSelectionItem,\r\n\tSelectionRequestDTO\r\n} from './interface';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'enum-picker[ngModel], enum-picker[formControl], enum-picker[formControlName]',\r\n\ttemplateUrl: './enum-picker.component.html',\r\n\timports: [\r\n\t\tReactiveFormsModule,\r\n\t\tDxSelectBoxModule,\r\n\t\tDXInputErrorMessagePipe,\r\n\t\tTranslocoModule,\r\n\t\tMultiSelectModule,\r\n\t\tTooltipModule\r\n\t],\r\n\tproviders: [InputErrorMessagePipe],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class EnumPickerComponent extends BaseInputComponent {\r\n\tselectionItems = signal<SelectBoxItem[] | null>(null);\r\n\tselectBoxDataSource = signal<DataSource | null>(null);\r\n\tgroupedSelectionItems = signal<GroupedSelectionItem[] | null>(null);\r\n\tisGrouped = signal<boolean>(false);\r\n\tprivate originalSelectionItems: SelectionItem[] = [];\r\n\tprivate rawParentItems: SelectionItem[] = [];\r\n\tprivate rawGroups: { parentKey: string; items: SelectionItem[] }[] = [];\r\n\t/**\r\n\t * Single Select States\r\n\t */\r\n\r\n\titemKey = input('key');\r\n\titemText = input('text');\r\n\tgroupName = input('');\r\n\tparentSelectionKey = input<string | null>(null);\r\n\tparentGroupName = input<string>('');\r\n\ttabindex = input<number>(0);\r\n\titems = input<SelectBoxItem[]>();\r\n\tisMultiple = input<boolean>(false);\r\n\t// Cross-validation RemoveItem action ile set edilir; verilen selectionKey'leri item listesinden filtreler.\r\n\texcludedKeys = input<string[]>([]);\r\n\tselectedItemText = '';\r\n\t/** * @description when grouped = true, option item structure { key:string, items:[] } */\r\n\tgrouped = input(false);\r\n\tshowClearButton = input<boolean>(true);\r\n\tplaceholder = input<string>('');\r\n\tsearchExpr = input<string | string[]>('');\r\n\tacceptCustomValue = input<boolean>(false);\r\n\ttextClampCharacters = input<number>(40);\r\n\r\n\t/**\r\n\t * Virtual Scroll States\r\n\t */\r\n\tuseVirtualScroll = input<boolean>(false);\r\n\tvirtualScrollItemSize = input<number>(30);\r\n\tscrollHeight = input<string>('300px');\r\n\r\n\t/**\r\n\t * Multi Select States\r\n\t */\r\n\r\n\tselectedItemsLabel = input<string>('{0}  değer seçildi'); // default value -> ({0} items selected\r\n\tappendTo = input<string>('body');\r\n\tstyle = input<object>({});\r\n\tstyleClass = input<string>('');\r\n\ttooltip = input<string>('');\r\n\ttooltipPosition = input<any>('top');\r\n\r\n\t@Output() onSelectionChanged = new EventEmitter<SelectBoxItem>();\r\n\r\n\tconstructor(\r\n\t\tprivate readonly http: HttpClient,\r\n\t\tpublic translocoService: TranslocoService\r\n\t) {\r\n\t\tsuper();\r\n\t\teffect(() => {\r\n\t\t\tconst psk = this.parentSelectionKey() as string[] | string | null;\r\n\t\t\tif (this.groupName() || psk) {\r\n\t\t\t\tif (this.isMultiple() && Array.isArray(psk) && psk.length >= 2) {\r\n\t\t\t\t\tthis.getGroupedSelectionItems(psk);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tthis.getSelectionItems();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// excludedKeys değişince item listesini yeniden filtrele (cache korunur, refetch yok)\r\n\t\t// allowSignalWrites: excludedKeys runtime'da (item'lar yüklendikten sonra) değişince\r\n\t\t// buildGroupedFromRaw/updateSelectionItemsText senkron signal yazar; bu effect içinde izinli olmalı (NG0600).\r\n\t\teffect(\r\n\t\t\t() => {\r\n\t\t\t\tthis.excludedKeys();\r\n\t\t\t\tif (this.rawGroups.length > 0) {\r\n\t\t\t\t\tthis.buildGroupedFromRaw();\r\n\t\t\t\t} else if (this.originalSelectionItems.length > 0) {\r\n\t\t\t\t\tthis.updateSelectionItemsText();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\t{ allowSignalWrites: true }\r\n\t\t);\r\n\r\n\t\tthis.translocoService.langChanges$.subscribe(() => {\r\n\t\t\tif (this.rawGroups.length > 0) {\r\n\t\t\t\tthis.buildGroupedFromRaw();\r\n\t\t\t} else if (this.selectionItems() && (this.selectionItems() as SelectBoxItem[])?.length > 0) {\r\n\t\t\t\tthis.updateSelectionItemsText();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tsetTitle(event?: any) {\r\n\t\tif (event && event[this.itemText()].length > 25) {\r\n\t\t\tthis.selectedItemText = event ? event[this.itemText()] : '';\r\n\t\t}\r\n\t\tthis.onSelectionChanged.emit(event);\r\n\t}\r\n\r\n\tasync getSelectionItems() {\r\n\t\tconst payload: Partial<SelectionRequestDTO> = {\r\n\t\t\tgroupName: this.groupName()\r\n\t\t};\r\n\r\n\t\tconst psk = this.parentSelectionKey() as string | string[] | null;\r\n\t\tif (Array.isArray(psk)) {\r\n\t\t\tpayload.parentSelectionKeys = psk;\r\n\t\t} else {\r\n\t\t\tpayload.parentSelectionKey = psk;\r\n\t\t}\r\n\r\n\t\tconst hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);\r\n\r\n\t\ttry {\r\n\t\t\tconst selectionGroup = await firstValueFrom(\r\n\t\t\t\tthis.http.post<SelectionGroupDTO>(hostApi + '/selection-group/load', payload)\r\n\t\t\t);\r\n\r\n\t\t\tthis.originalSelectionItems = selectionGroup?.selectionItems || [];\r\n\t\t} catch (error) {\r\n\t\t\tthis.originalSelectionItems = [];\r\n\t\t}\r\n\t\t// Flat moda dön (await sonrası — effect context dışı olduğu için signal yazımı güvenli)\r\n\t\tthis.rawGroups = [];\r\n\t\tthis.rawParentItems = [];\r\n\t\tthis.groupedSelectionItems.set(null);\r\n\t\tthis.isGrouped.set(false);\r\n\t\tthis.updateSelectionItemsText();\r\n\t}\r\n\r\n\t// Parent (multiple) ≥2 seçiliyken her parent için ayrı istek atılır (load-all batch)\r\n\t// ve child item'lar parent başına gruplanır. Grup başlığı parent'ın lokalize display'idir.\r\n\tasync getGroupedSelectionItems(parentKeys: string[]) {\r\n\t\tconst childGroupName = this.groupName();\r\n\t\tconst parentGroupName = this.parentGroupName();\r\n\t\tconst hasParentGroup = !!parentGroupName;\r\n\r\n\t\tconst requests: Partial<SelectionRequestDTO>[] = [];\r\n\t\tif (hasParentGroup) {\r\n\t\t\trequests.push({ groupName: parentGroupName });\r\n\t\t}\r\n\t\tparentKeys.forEach((key) => {\r\n\t\t\trequests.push({ groupName: childGroupName, parentSelectionKey: key });\r\n\t\t});\r\n\r\n\t\tconst hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);\r\n\r\n\t\tlet groups: SelectionGroupDTO[] = [];\r\n\t\ttry {\r\n\t\t\tgroups =\r\n\t\t\t\t(await firstValueFrom(this.http.post<SelectionGroupDTO[]>(hostApi + '/selection-group/load-all', requests))) ||\r\n\t\t\t\t[];\r\n\t\t} catch (error) {\r\n\t\t\tgroups = [];\r\n\t\t}\r\n\r\n\t\tthis.rawParentItems = hasParentGroup ? groups[0]?.selectionItems || [] : [];\r\n\t\tconst childGroups = hasParentGroup ? groups.slice(1) : groups;\r\n\t\tthis.rawGroups = parentKeys.map((parentKey, index) => ({\r\n\t\t\tparentKey,\r\n\t\t\titems: childGroups[index]?.selectionItems || []\r\n\t\t}));\r\n\r\n\t\tthis.buildGroupedFromRaw();\r\n\t}\r\n\r\n\tprivate buildGroupedFromRaw() {\r\n\t\tconst excluded = new Set(this.excludedKeys() || []);\r\n\t\tconst parentDisplayMap = new Map<string, string>();\r\n\t\tthis.rawParentItems.forEach((item: SelectionItem) => {\r\n\t\t\tparentDisplayMap.set(item.selectionKey, this.resolveDisplay(item));\r\n\t\t});\r\n\r\n\t\tconst built: GroupedSelectionItem[] = this.rawGroups.map((group) => ({\r\n\t\t\tlabel: parentDisplayMap.get(group.parentKey) ?? group.parentKey,\r\n\t\t\titems: group.items\r\n\t\t\t\t.filter((item: SelectionItem) => !excluded.has(item.selectionKey))\r\n\t\t\t\t.map((item: SelectionItem) => ({\r\n\t\t\t\t\tkey: item.selectionKey,\r\n\t\t\t\t\ttext: this.resolveDisplay(item)\r\n\t\t\t\t}))\r\n\t\t}));\r\n\r\n\t\tthis.selectionItems.set(null);\r\n\t\tthis.selectBoxDataSource.set(null);\r\n\t\tthis.groupedSelectionItems.set(built);\r\n\t\tthis.isGrouped.set(true);\r\n\t\tthis.filterCurrentValueBySelectionItems();\r\n\t}\r\n\r\n\tprivate resolveDisplay(item: SelectionItem): string {\r\n\t\tconst lang = this.translocoService.getActiveLang();\r\n\t\treturn item?.selectionMultiLanguageDisplays?.[lang] || item.selectionDisplay;\r\n\t}\r\n\r\n\tprivate getVisibleItems(): SelectBoxItem[] {\r\n\t\tif (this.isGrouped()) {\r\n\t\t\treturn (this.groupedSelectionItems() || []).flatMap((group) => group.items);\r\n\t\t}\r\n\t\treturn this.selectionItems() || [];\r\n\t}\r\n\r\n\tprivate updateSelectionItemsText() {\r\n\t\tif (!this.originalSelectionItems || this.originalSelectionItems.length === 0) {\r\n\t\t\tthis.selectionItems.set(null);\r\n\t\t\tthis.selectBoxDataSource.set(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tthis.selectionItems.set(null);\r\n\r\n\t\tconst excluded = new Set(this.excludedKeys() || []);\r\n\t\tconst mappedItems = this.originalSelectionItems\r\n\t\t\t.filter((item: SelectionItem) => !excluded.has(item.selectionKey))\r\n\t\t\t.map((item: SelectionItem) => ({\r\n\t\t\t\tkey: item.selectionKey,\r\n\t\t\t\ttext: this.resolveDisplay(item),\r\n\t\t\t\tparentSelectionKey: item.parentSelectionKey\r\n\t\t\t}));\r\n\r\n\t\tthis.selectionItems.set(mappedItems);\r\n\t\tthis.rebuildSelectBoxDataSource(mappedItems);\r\n\t\tthis.filterCurrentValueBySelectionItems();\r\n\t}\r\n\r\n\t// Parent enum (multiple) değiştiğinde veya excludedKeys aktifken\r\n\t// form'daki geçersiz key'leri temizler (selectionItems zaten filtrelenmiş haliyle gelir).\r\n\tfilterCurrentValueBySelectionItems(): void {\r\n\t\tconst hasExcluded = (this.excludedKeys() || []).length > 0;\r\n\t\tif (!this.parentSelectionKey() && !hasExcluded) return;\r\n\t\tconst currentValue = this.ngControl.control?.value;\r\n\t\tconst validKeys = new Set(this.getVisibleItems().map((item: any) => item[this.itemKey()]));\r\n\r\n\t\tif (this.isMultiple()) {\r\n\t\t\t// Child multi-select: geçersiz key'leri filtrele, geçerlileri bırak\r\n\t\t\tif (!Array.isArray(currentValue) || currentValue.length === 0) return;\r\n\t\t\tconst filtered = (currentValue as string[]).filter((key) => validKeys.has(key));\r\n\t\t\tif (filtered.length !== currentValue.length) {\r\n\t\t\t\tthis.ngControl.control?.setValue(filtered, { emitEvent: true });\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (!currentValue) return;\r\n\r\n\t\t\tif (!validKeys.has(currentValue)) {\r\n\t\t\t\tthis.ngControl.control?.reset(null, { emitEvent: true });\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tonCustomItemCreating(event: any) {\r\n\t\tif (!event.text) {\r\n\t\t\tevent.customItem = null;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tconst newItem = {\r\n\t\t\t[this.itemKey()]: event.text,\r\n\t\t\t[this.itemText()]: event.text\r\n\t\t};\r\n\t\tconst currentItems = this.selectionItems() || [];\r\n\t\tconst updatedItems = [...currentItems, newItem];\r\n\t\tthis.selectionItems.set(updatedItems);\r\n\t\tthis.rebuildSelectBoxDataSource(updatedItems);\r\n\t\tevent.customItem = newItem;\r\n\t}\r\n\r\n\tprivate rebuildSelectBoxDataSource(items: SelectBoxItem[]): void {\r\n\t\tif (!this.useVirtualScroll()) {\r\n\t\t\tthis.selectBoxDataSource.set(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.selectBoxDataSource.set(\r\n\t\t\tnew DataSource({\r\n\t\t\t\tstore: new ArrayStore({\r\n\t\t\t\t\tdata: items,\r\n\t\t\t\t\tkey: this.itemKey()\r\n\t\t\t\t}),\r\n\t\t\t\tpaginate: true,\r\n\t\t\t\tpageSize: 50\r\n\t\t\t})\r\n\t\t);\r\n\t}\r\n}\r\n","@if (isMultiple()) {\r\n\t<p-multiSelect\r\n\t\t[options]=\"isGrouped() ? (groupedSelectionItems() || []) : (selectionItems() || items() || [])\"\r\n\t\t[group]=\"isGrouped()\"\r\n\t\t[optionValue]=\"itemKey()\"\r\n\t\t[optionLabel]=\"itemText()\"\r\n\t\t[defaultLabel]=\"placeholder()\"\r\n\t\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t\t[style]=\"style()\"\r\n\t\t[styleClass]=\"styleClass()\"\r\n\t\t[tooltip]=\"tooltip()\"\r\n\t\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t[maxSelectedLabels]=\"2\"\r\n\t\t[appendTo]=\"appendTo()\"\r\n\t\t[virtualScroll]=\"useVirtualScroll()\"\r\n\t\t[virtualScrollItemSize]=\"virtualScrollItemSize()\"\r\n\t\t[scrollHeight]=\"scrollHeight()\"\r\n\t\t[filter]=\"true\"\r\n\t\t[panelStyle]=\"{ 'max-width': '400px', 'min-width': 'auto' }\">\r\n\t\t@if (isGrouped()) {\r\n\t\t\t<ng-template let-group pTemplate=\"group\">\r\n\t\t\t\t<span>{{ group.label }}</span>\r\n\t\t\t</ng-template>\r\n\t\t}\r\n\t\t<ng-template let-enum pTemplate=\"item\">\r\n\t\t\t<div [pTooltip]=\"enum[itemText()]?.length > textClampCharacters() ? enum[itemText()] : ''\">\r\n\t\t\t\t@if (enum[itemText()]?.length > textClampCharacters()) {\r\n\t\t\t\t\t{{ enum[itemText()].slice(0, textClampCharacters()) }}...\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t{{ enum[itemText()] }}\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\t</p-multiSelect>\r\n} @else {\r\n\t<dx-select-box\r\n    [dataSource]=\"useVirtualScroll() ? selectBoxDataSource() : (selectionItems() || items() || [])\"\r\n\t\t[valueExpr]=\"itemKey()\"\r\n\t\t[displayExpr]=\"itemText()\"\r\n\t\t[searchEnabled]=\"true\"\r\n\t\t[searchExpr]=\"searchExpr()\"\r\n\t\t[tabIndex]=\"tabindex()\"\r\n\t\t[grouped]=\"grouped()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[showClearButton]=\"showClearButton()\"\r\n\t\t[acceptCustomValue]=\"acceptCustomValue()\"\r\n\t\t(onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n\t\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n\t\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n\t\tvalidationMessagePosition=\"top\"\r\n\t\t[noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n\t</dx-select-box>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-business-image-viewer.mjs

@@ -69,8 +69,8 @@ class ArilImageViewerComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArilImageViewerComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ArilImageViewerComponent, isStandalone: true, selector: "aril-image-viewer", inputs: { imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilImageViewerComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ArilImageViewerComponent, isStandalone: true, selector: "aril-image-viewer", inputs: { imageUrl: { classPropertyName: "imageUrl", publicName: "imageUrl", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, customStyle: { classPropertyName: "customStyle", publicName: "customStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
 		@if (imageDataUrl()) {
 			<img 
 				[src]="imageDataUrl()" 
@@ -86,7 +86,7 @@ class ArilImageViewerComponent {
 		}
 	`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ArilImageViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilImageViewerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'aril-image-viewer',

package/fesm2022/aril-ui-business-image-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-business-image-viewer.mjs","sources":["../../projects/aril/ui-business/image-viewer/src/aril-image-viewer.component.ts","../../projects/aril/ui-business/image-viewer/aril-ui-business-image-viewer.ts"],"sourcesContent":["import { Component, input, signal, effect } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { CommonModule } from '@angular/common';\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { Apps } from 'aril/boot/config/apps';\r\n\r\n@Component({\r\n\tselector: 'aril-image-viewer',\r\n\tstandalone: true,\r\n\timports: [CommonModule],\r\n\ttemplate: `\r\n\t\t@if (imageDataUrl()) {\r\n\t\t\t<img \r\n\t\t\t\t[src]=\"imageDataUrl()\" \r\n\t\t\t\t[alt]=\"alt()\" \r\n\t\t\t\t[class]=\"styleClass()\" \r\n\t\t\t\t[ngStyle]=\"computedStyle()\" />\r\n\t\t} @else if (isLoading()) {\r\n\t\t\t<div [class]=\"styleClass()\" [ngStyle]=\"computedStyle()\">\r\n\t\t\t\t<ng-content select=\"[loading]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t} @else {\r\n\t\t\t<ng-content></ng-content>\r\n\t\t}\r\n\t`\r\n})\r\nexport class ArilImageViewerComponent {\r\n\timageUrl = input<string | null>(null);\r\n\talt = input<string>('image');\r\n\tstyleClass = input<string>('');\r\n\twidth = input<string>('');\r\n\theight = input<string>('');\r\n\tborderRadius = input<string>('');\r\n\tobjectFit = input<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>('cover');\r\n\tcustomStyle = input<Record<string, string>>({});\r\n\r\n\timageDataUrl = signal<string | null>(null);\r\n\tisLoading = signal<boolean>(false);\r\n\r\n\tcomputedStyle = signal<Record<string, string>>({});\r\n\r\n\tconstructor(private readonly http: HttpClient) {\r\n\t\teffect(() => {\r\n\t\t\tconst url = this.imageUrl();\r\n\t\t\tif (url) {\r\n\t\t\t\tthis.loadImage(url);\r\n\t\t\t} else {\r\n\t\t\t\tthis.imageDataUrl.set(null);\r\n\t\t\t}\r\n\t\t},{\r\n      allowSignalWrites: true\r\n    });\r\n\r\n\t\teffect(() => {\r\n\t\t\tconst styles: Record<string, string> = { ...this.customStyle() };\r\n\t\t\t\r\n\t\t\tif (this.width()) styles['width'] = this.width();\r\n\t\t\tif (this.height()) styles['height'] = this.height();\r\n\t\t\tif (this.borderRadius()) styles['border-radius'] = this.borderRadius();\r\n\t\t\tif (this.objectFit()) styles['object-fit'] = this.objectFit();\r\n\t\t\t\r\n\t\t\tthis.computedStyle.set(styles);\r\n\t\t}, {\r\n\t\t\tallowSignalWrites: true\r\n\t\t});\r\n\t}\r\n\r\n\tprivate loadImage(url: string) {\r\n\t\tthis.isLoading.set(true);\r\n\t\tthis.imageDataUrl.set(null);\r\n\r\n\t\tthis.http\r\n\t\t\t.get(`${API_CONFIGS.getExternalAppEndpoint(Apps.MW)}/buckets/view-object`, {\r\n\t\t\t\tparams: { url },\r\n\t\t\t\tresponseType: 'blob'\r\n\t\t\t})\r\n\t\t\t.subscribe({\r\n\t\t\t\tnext: (blob) => {\r\n\t\t\t\t\tconst reader = new FileReader();\r\n\t\t\t\t\treader.onloadend = () => {\r\n\t\t\t\t\t\tthis.imageDataUrl.set(reader.result as string);\r\n\t\t\t\t\t\tthis.isLoading.set(false);\r\n\t\t\t\t\t};\r\n\t\t\t\t\treader.readAsDataURL(blob);\r\n\t\t\t\t},\r\n\t\t\t\terror: () => {\r\n\t\t\t\t\tthis.imageDataUrl.set(null);\r\n\t\t\t\t\tthis.isLoading.set(false);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aril-ui-business-image-viewer.mjs","sources":["../../projects/aril/ui-business/image-viewer/src/aril-image-viewer.component.ts","../../projects/aril/ui-business/image-viewer/aril-ui-business-image-viewer.ts"],"sourcesContent":["import { Component, input, signal, effect } from '@angular/core';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { CommonModule } from '@angular/common';\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { Apps } from 'aril/boot/config/apps';\r\n\r\n@Component({\r\n\tselector: 'aril-image-viewer',\r\n\tstandalone: true,\r\n\timports: [CommonModule],\r\n\ttemplate: `\r\n\t\t@if (imageDataUrl()) {\r\n\t\t\t<img \r\n\t\t\t\t[src]=\"imageDataUrl()\" \r\n\t\t\t\t[alt]=\"alt()\" \r\n\t\t\t\t[class]=\"styleClass()\" \r\n\t\t\t\t[ngStyle]=\"computedStyle()\" />\r\n\t\t} @else if (isLoading()) {\r\n\t\t\t<div [class]=\"styleClass()\" [ngStyle]=\"computedStyle()\">\r\n\t\t\t\t<ng-content select=\"[loading]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t} @else {\r\n\t\t\t<ng-content></ng-content>\r\n\t\t}\r\n\t`\r\n})\r\nexport class ArilImageViewerComponent {\r\n\timageUrl = input<string | null>(null);\r\n\talt = input<string>('image');\r\n\tstyleClass = input<string>('');\r\n\twidth = input<string>('');\r\n\theight = input<string>('');\r\n\tborderRadius = input<string>('');\r\n\tobjectFit = input<'contain' | 'cover' | 'fill' | 'none' | 'scale-down'>('cover');\r\n\tcustomStyle = input<Record<string, string>>({});\r\n\r\n\timageDataUrl = signal<string | null>(null);\r\n\tisLoading = signal<boolean>(false);\r\n\r\n\tcomputedStyle = signal<Record<string, string>>({});\r\n\r\n\tconstructor(private readonly http: HttpClient) {\r\n\t\teffect(() => {\r\n\t\t\tconst url = this.imageUrl();\r\n\t\t\tif (url) {\r\n\t\t\t\tthis.loadImage(url);\r\n\t\t\t} else {\r\n\t\t\t\tthis.imageDataUrl.set(null);\r\n\t\t\t}\r\n\t\t},{\r\n      allowSignalWrites: true\r\n    });\r\n\r\n\t\teffect(() => {\r\n\t\t\tconst styles: Record<string, string> = { ...this.customStyle() };\r\n\t\t\t\r\n\t\t\tif (this.width()) styles['width'] = this.width();\r\n\t\t\tif (this.height()) styles['height'] = this.height();\r\n\t\t\tif (this.borderRadius()) styles['border-radius'] = this.borderRadius();\r\n\t\t\tif (this.objectFit()) styles['object-fit'] = this.objectFit();\r\n\t\t\t\r\n\t\t\tthis.computedStyle.set(styles);\r\n\t\t}, {\r\n\t\t\tallowSignalWrites: true\r\n\t\t});\r\n\t}\r\n\r\n\tprivate loadImage(url: string) {\r\n\t\tthis.isLoading.set(true);\r\n\t\tthis.imageDataUrl.set(null);\r\n\r\n\t\tthis.http\r\n\t\t\t.get(`${API_CONFIGS.getExternalAppEndpoint(Apps.MW)}/buckets/view-object`, {\r\n\t\t\t\tparams: { url },\r\n\t\t\t\tresponseType: 'blob'\r\n\t\t\t})\r\n\t\t\t.subscribe({\r\n\t\t\t\tnext: (blob) => {\r\n\t\t\t\t\tconst reader = new FileReader();\r\n\t\t\t\t\treader.onloadend = () => {\r\n\t\t\t\t\t\tthis.imageDataUrl.set(reader.result as string);\r\n\t\t\t\t\t\tthis.isLoading.set(false);\r\n\t\t\t\t\t};\r\n\t\t\t\t\treader.readAsDataURL(blob);\r\n\t\t\t\t},\r\n\t\t\t\terror: () => {\r\n\t\t\t\t\tthis.imageDataUrl.set(null);\r\n\t\t\t\t\tthis.isLoading.set(false);\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t}\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-business-multiple-ref-value.mjs

@@ -1,6 +1,6 @@
 import { SlicePipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, EventEmitter, Output, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, EventEmitter, Component, ChangeDetectionStrategy, Output } from '@angular/core';
 import * as i1 from 'primeng/overlaypanel';
 import { OverlayPanelModule } from 'primeng/overlaypanel';
 import { RefValueComponent } from 'aril/ui-business/ref-value';
@@ -12,10 +12,10 @@ class MultipleRefValueComponent {
         this.maxBadgeCount = input(3);
         this.clickEvent = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultipleRefValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: MultipleRefValueComponent, isStandalone: true, selector: "aril-multiple-ref-value", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, detailPageUrl: { classPropertyName: "detailPageUrl", publicName: "detailPageUrl", isSignal: true, isRequired: false, transformFunction: null }, maxBadgeCount: { classPropertyName: "maxBadgeCount", publicName: "maxBadgeCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"flex align-items-center gap-1\">\r\n\t@for (item of model() | slice: 0 : maxBadgeCount(); track item) {\r\n\t\t<aril-ref-value\r\n\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t[assetId]=\"item.value\"\r\n\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t}\r\n\t@if (model().length > maxBadgeCount()) {\r\n\t\t<i class=\"pi pi-ellipsis-v cursor-pointer\" (click)=\"op.toggle($event)\"></i>\r\n\r\n\t\t<p-overlayPanel #op class=\"shadow-4\" appendTo=\"body\">\r\n\t\t\t<div class=\"flex flex-column gap-2 max-w-30rem max-h-20rem pr-3 overflow-y-auto\">\r\n\t\t\t\t@for (item of model() | slice: maxBadgeCount(); track item) {\r\n\t\t\t\t\t<aril-ref-value\r\n\t\t\t\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t\t\t\t[assetId]=\"item.value\"\r\n\t\t\t\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</p-overlayPanel>\r\n\t}\r\n</div>\r\n", dependencies: [{ kind: "component", type: RefValueComponent, selector: "aril-ref-value", inputs: ["overlayPanelShow", "assetId", "valueDesc", "detailPageUrl", "target"], outputs: ["clickEvent"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MultipleRefValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: MultipleRefValueComponent, isStandalone: true, selector: "aril-multiple-ref-value", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, detailPageUrl: { classPropertyName: "detailPageUrl", publicName: "detailPageUrl", isSignal: true, isRequired: false, transformFunction: null }, maxBadgeCount: { classPropertyName: "maxBadgeCount", publicName: "maxBadgeCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickEvent: "clickEvent" }, ngImport: i0, template: "<div class=\"flex align-items-center gap-1\">\r\n\t@for (item of model() | slice: 0 : maxBadgeCount(); track item) {\r\n\t\t<aril-ref-value\r\n\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t[assetId]=\"item.value\"\r\n\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t}\r\n\t@if (model().length > maxBadgeCount()) {\r\n\t\t<i class=\"pi pi-ellipsis-v cursor-pointer\" (click)=\"op.toggle($event)\"></i>\r\n\r\n\t\t<p-overlayPanel #op class=\"shadow-4\" appendTo=\"body\">\r\n\t\t\t<div class=\"flex flex-column gap-2 max-w-30rem max-h-20rem pr-3 overflow-y-auto\">\r\n\t\t\t\t@for (item of model() | slice: maxBadgeCount(); track item) {\r\n\t\t\t\t\t<aril-ref-value\r\n\t\t\t\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t\t\t\t[assetId]=\"item.value\"\r\n\t\t\t\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</p-overlayPanel>\r\n\t}\r\n</div>\r\n", dependencies: [{ kind: "component", type: RefValueComponent, selector: "aril-ref-value", inputs: ["overlayPanelShow", "assetId", "valueDesc", "detailPageUrl", "target"], outputs: ["clickEvent"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MultipleRefValueComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MultipleRefValueComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'aril-multiple-ref-value', imports: [RefValueComponent, SlicePipe, OverlayPanelModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex align-items-center gap-1\">\r\n\t@for (item of model() | slice: 0 : maxBadgeCount(); track item) {\r\n\t\t<aril-ref-value\r\n\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t[assetId]=\"item.value\"\r\n\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t}\r\n\t@if (model().length > maxBadgeCount()) {\r\n\t\t<i class=\"pi pi-ellipsis-v cursor-pointer\" (click)=\"op.toggle($event)\"></i>\r\n\r\n\t\t<p-overlayPanel #op class=\"shadow-4\" appendTo=\"body\">\r\n\t\t\t<div class=\"flex flex-column gap-2 max-w-30rem max-h-20rem pr-3 overflow-y-auto\">\r\n\t\t\t\t@for (item of model() | slice: maxBadgeCount(); track item) {\r\n\t\t\t\t\t<aril-ref-value\r\n\t\t\t\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t\t\t\t[assetId]=\"item.value\"\r\n\t\t\t\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</p-overlayPanel>\r\n\t}\r\n</div>\r\n" }]
         }], propDecorators: { clickEvent: [{

package/fesm2022/aril-ui-business-multiple-ref-value.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-business-multiple-ref-value.mjs","sources":["../../projects/aril/ui-business/multiple-ref-value/src/multiple-ref-value.component.ts","../../projects/aril/ui-business/multiple-ref-value/src/multiple-ref-value.component.html","../../projects/aril/ui-business/multiple-ref-value/aril-ui-business-multiple-ref-value.ts"],"sourcesContent":["import { SlicePipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, input } from '@angular/core';\r\n\r\nimport { OverlayPanelModule } from 'primeng/overlaypanel';\r\n\r\nimport { RefValueComponent } from 'aril/ui-business/ref-value';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-multiple-ref-value',\r\n\ttemplateUrl: './multiple-ref-value.component.html',\r\n\timports: [RefValueComponent, SlicePipe, OverlayPanelModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class MultipleRefValueComponent {\r\n\tmodel = input.required<{ value: any; valueDesc: string }[]>();\r\n\tdetailPageUrl = input<string>('');\r\n\tmaxBadgeCount = input<number>(3);\r\n\r\n\t@Output() clickEvent = new EventEmitter();\r\n}\r\n","<div class=\"flex align-items-center gap-1\">\r\n\t@for (item of model() | slice: 0 : maxBadgeCount(); track item) {\r\n\t\t<aril-ref-value\r\n\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t[assetId]=\"item.value\"\r\n\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t}\r\n\t@if (model().length > maxBadgeCount()) {\r\n\t\t<i class=\"pi pi-ellipsis-v cursor-pointer\" (click)=\"op.toggle($event)\"></i>\r\n\r\n\t\t<p-overlayPanel #op class=\"shadow-4\" appendTo=\"body\">\r\n\t\t\t<div class=\"flex flex-column gap-2 max-w-30rem max-h-20rem pr-3 overflow-y-auto\">\r\n\t\t\t\t@for (item of model() | slice: maxBadgeCount(); track item) {\r\n\t\t\t\t\t<aril-ref-value\r\n\t\t\t\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t\t\t\t[assetId]=\"item.value\"\r\n\t\t\t\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</p-overlayPanel>\r\n\t}\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAca,yBAAyB,CAAA;AAPtC,IAAA,WAAA,GAAA;AAQC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAuC;AAC7D,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAS,EAAE,CAAC;AACjC,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAS,CAAC,CAAC;AAEtB,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAE;AACzC,IAAA;+GANY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,6hBCdtC,siCA0BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDfW,iBAAiB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,SAAS,6CAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAG9C,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EAAA,QAAA,EACN,yBAAyB,EAAA,OAAA,EAE1B,CAAC,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,CAAC,EAAA,eAAA,EAC1C,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,siCAAA,EAAA;8BAOrC,UAAU,EAAA,CAAA;sBAAnB;;;AEnBF;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-business-multiple-ref-value.mjs","sources":["../../projects/aril/ui-business/multiple-ref-value/src/multiple-ref-value.component.ts","../../projects/aril/ui-business/multiple-ref-value/src/multiple-ref-value.component.html","../../projects/aril/ui-business/multiple-ref-value/aril-ui-business-multiple-ref-value.ts"],"sourcesContent":["import { SlicePipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, input } from '@angular/core';\r\n\r\nimport { OverlayPanelModule } from 'primeng/overlaypanel';\r\n\r\nimport { RefValueComponent } from 'aril/ui-business/ref-value';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-multiple-ref-value',\r\n\ttemplateUrl: './multiple-ref-value.component.html',\r\n\timports: [RefValueComponent, SlicePipe, OverlayPanelModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class MultipleRefValueComponent {\r\n\tmodel = input.required<{ value: any; valueDesc: string }[]>();\r\n\tdetailPageUrl = input<string>('');\r\n\tmaxBadgeCount = input<number>(3);\r\n\r\n\t@Output() clickEvent = new EventEmitter();\r\n}\r\n","<div class=\"flex align-items-center gap-1\">\r\n\t@for (item of model() | slice: 0 : maxBadgeCount(); track item) {\r\n\t\t<aril-ref-value\r\n\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t[assetId]=\"item.value\"\r\n\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t}\r\n\t@if (model().length > maxBadgeCount()) {\r\n\t\t<i class=\"pi pi-ellipsis-v cursor-pointer\" (click)=\"op.toggle($event)\"></i>\r\n\r\n\t\t<p-overlayPanel #op class=\"shadow-4\" appendTo=\"body\">\r\n\t\t\t<div class=\"flex flex-column gap-2 max-w-30rem max-h-20rem pr-3 overflow-y-auto\">\r\n\t\t\t\t@for (item of model() | slice: maxBadgeCount(); track item) {\r\n\t\t\t\t\t<aril-ref-value\r\n\t\t\t\t\t\tclass=\"cursor-pointer\"\r\n\t\t\t\t\t\t[assetId]=\"item.value\"\r\n\t\t\t\t\t\t[valueDesc]=\"item.valueDesc\"\r\n\t\t\t\t\t\t[detailPageUrl]=\"detailPageUrl()\"\r\n\t\t\t\t\t\t(clickEvent)=\"clickEvent.emit($event)\" />\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t</p-overlayPanel>\r\n\t}\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAca,yBAAyB,CAAA;AAPtC,IAAA,WAAA,GAAA;AAQC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAuC,CAAC;AAC9D,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAS,CAAC,CAAC,CAAC;AAEvB,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAE,CAAC;AAC1C,KAAA;8GANY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,6hBCdtC,siCA0BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDfW,iBAAiB,EAAE,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,eAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,SAAS,6CAAE,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG9C,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,yBAAyB,EAE1B,OAAA,EAAA,CAAC,iBAAiB,EAAE,SAAS,EAAE,kBAAkB,CAAC,EAC1C,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,siCAAA,EAAA,CAAA;8BAOrC,UAAU,EAAA,CAAA;sBAAnB,MAAM;;;AEnBR;;AAEG;;;;"}

package/fesm2022/aril-ui-business-notification-templates-dialog.mjs

@@ -54,10 +54,10 @@ class NotificationTemplatesDialogComponent {
     closeDialog() {
         this.ref.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationTemplatesDialogComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i2.HttpClient }, { token: i3.MessageService }, { token: i4.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: NotificationTemplatesDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"grid\">\r\n\t<aril-table\r\n\t\tclass=\"col-12\"\r\n\t\t[data]=\"notificationTemplates() || []\"\r\n\t\t[noDataFoundLabel]=\"translocoService.translate('noDataFound')\">\r\n\t\t<aril-table-column field=\"templateCode\" [header]=\"translocoService.translate('notifications.templateCode')\" type=\"text\">\r\n\t\t\t<ng-template let-item>\r\n\t\t\t\t<aril-value type=\"text\" [model]=\"item.templateCode\" />\r\n\t\t\t</ng-template>\r\n\t\t</aril-table-column>\r\n\r\n\t\t<aril-table-column field=\"templateTitle\" [header]=\"translocoService.translate('notifications.fileName')\" type=\"text\">\r\n\t\t\t<ng-template let-item>\r\n\t\t\t\t@if (item.url) {\r\n\t\t\t\t\t<aril-value [model]=\"item.templateTitle\" [isClickable]=\"true\" (click)=\"downloadTemplate(item.url)\" />\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t<aril-value type=\"text\" [model]=\"item.templateTitle\" />\r\n\t\t\t\t}\r\n\t\t\t</ng-template>\r\n\t\t</aril-table-column>\r\n\t</aril-table>\r\n\r\n\t<div class=\"col-12 flex justify-content-end\">\r\n\t\t<aril-button\r\n\t\t\t[label]=\"translocoService.translate('close')\"\r\n\t\t\ticon=\"TIMES\"\r\n\t\t\tcolor=\"secondary\"\r\n\t\t\t[outlined]=\"true\"\r\n\t\t\t(clickEvent)=\"closeDialog()\" />\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: ARiLTableModule }, { kind: "component", type: i5.TableComponent, selector: "aril-table", inputs: ["kebabMenuItems", "expandableFields", "data", "checkboxSelection", "radioButtonSelection", "headerCheckboxSelection", "pageSize", "proxy", "showFooter", "tAlign", "selectionMode", "exportFileName", "noDataFoundLabel", "tableHeader", "showTableHeader", "isFirstRowSelected", "dataKey", "selectedRowsInput", "isLazy", "totalRecords", "paginator", "paginatorDropdownAppendTo", "isColumnExpandMode", "isResizableColumns", "isSortable", "scrollable", "scrollHeight", "sortMode", "showFirstLastIcon", "rowSelectable", "reorderableColumns", "reorderField", "showColumnFilters", "selectionPageOnly", "openSelectionOnSidebar", "globalFilterFields", "exportConfig"], outputs: ["onPageEvent", "selectionEvent", "lazyLoadEvent", "rowReorderEvent"] }, { kind: "component", type: i5.TableColumnComponent, selector: "aril-table-column", inputs: ["type", "field", "header", "tAlign", "isShowHeaderTooltip", "tooltipTemplate", "width", "showFilter", "filterType", "showTimeInDateFilters", "enumGroupName"] }, { 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: "ngmodule", type: TranslocoModule }, { kind: "component", type: ValueComponent, selector: "aril-value", inputs: ["model", "type", "format", "isClickable", "groupName", "parentSelectionKey", "isTextClamp", "textClampCharacters", "style", "copyable", "shouldShowCopyForClampedText", "arrayTypeDisplayName", "arrayTypeMaxBadgeCount", "bigDecimalRoundingMode", "bigDecimalScale"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NotificationTemplatesDialogComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i2.HttpClient }, { token: i3.MessageService }, { token: i4.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: NotificationTemplatesDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"grid\">\r\n\t<aril-table\r\n\t\tclass=\"col-12\"\r\n\t\t[data]=\"notificationTemplates() || []\"\r\n\t\t[noDataFoundLabel]=\"translocoService.translate('noDataFound')\">\r\n\t\t<aril-table-column field=\"templateCode\" [header]=\"translocoService.translate('notifications.templateCode')\" type=\"text\">\r\n\t\t\t<ng-template let-item>\r\n\t\t\t\t<aril-value type=\"text\" [model]=\"item.templateCode\" />\r\n\t\t\t</ng-template>\r\n\t\t</aril-table-column>\r\n\r\n\t\t<aril-table-column field=\"templateTitle\" [header]=\"translocoService.translate('notifications.fileName')\" type=\"text\">\r\n\t\t\t<ng-template let-item>\r\n\t\t\t\t@if (item.url) {\r\n\t\t\t\t\t<aril-value [model]=\"item.templateTitle\" [isClickable]=\"true\" (click)=\"downloadTemplate(item.url)\" />\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t<aril-value type=\"text\" [model]=\"item.templateTitle\" />\r\n\t\t\t\t}\r\n\t\t\t</ng-template>\r\n\t\t</aril-table-column>\r\n\t</aril-table>\r\n\r\n\t<div class=\"col-12 flex justify-content-end\">\r\n\t\t<aril-button\r\n\t\t\t[label]=\"translocoService.translate('close')\"\r\n\t\t\ticon=\"TIMES\"\r\n\t\t\tcolor=\"secondary\"\r\n\t\t\t[outlined]=\"true\"\r\n\t\t\t(clickEvent)=\"closeDialog()\" />\r\n\t</div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: ARiLTableModule }, { kind: "component", type: i5.TableComponent, selector: "aril-table", inputs: ["kebabMenuItems", "expandableFields", "data", "checkboxSelection", "radioButtonSelection", "headerCheckboxSelection", "pageSize", "proxy", "showFooter", "tAlign", "selectionMode", "exportFileName", "noDataFoundLabel", "tableHeader", "showTableHeader", "isFirstRowSelected", "dataKey", "selectedRowsInput", "isLazy", "totalRecords", "paginator", "paginatorDropdownAppendTo", "isColumnExpandMode", "isResizableColumns", "isSortable", "scrollable", "scrollHeight", "sortMode", "showFirstLastIcon", "rowSelectable", "reorderableColumns", "reorderField", "showColumnFilters", "selectionPageOnly", "openSelectionOnSidebar", "globalFilterFields", "exportConfig"], outputs: ["onPageEvent", "selectionEvent", "lazyLoadEvent", "rowReorderEvent"] }, { kind: "component", type: i5.TableColumnComponent, selector: "aril-table-column", inputs: ["type", "field", "header", "tAlign", "isShowHeaderTooltip", "tooltipTemplate", "width", "showFilter", "filterType", "showTimeInDateFilters", "enumGroupName"] }, { 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: "ngmodule", type: TranslocoModule }, { kind: "component", type: ValueComponent, selector: "aril-value", inputs: ["model", "type", "format", "isClickable", "groupName", "parentSelectionKey", "isTextClamp", "textClampCharacters", "style", "copyable", "shouldShowCopyForClampedText", "arrayTypeDisplayName", "arrayTypeMaxBadgeCount", "bigDecimalRoundingMode", "bigDecimalScale"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationTemplatesDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NotificationTemplatesDialogComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [ARiLTableModule, ButtonComponent, TranslocoModule, ValueComponent], template: "<div class=\"grid\">\r\n\t<aril-table\r\n\t\tclass=\"col-12\"\r\n\t\t[data]=\"notificationTemplates() || []\"\r\n\t\t[noDataFoundLabel]=\"translocoService.translate('noDataFound')\">\r\n\t\t<aril-table-column field=\"templateCode\" [header]=\"translocoService.translate('notifications.templateCode')\" type=\"text\">\r\n\t\t\t<ng-template let-item>\r\n\t\t\t\t<aril-value type=\"text\" [model]=\"item.templateCode\" />\r\n\t\t\t</ng-template>\r\n\t\t</aril-table-column>\r\n\r\n\t\t<aril-table-column field=\"templateTitle\" [header]=\"translocoService.translate('notifications.fileName')\" type=\"text\">\r\n\t\t\t<ng-template let-item>\r\n\t\t\t\t@if (item.url) {\r\n\t\t\t\t\t<aril-value [model]=\"item.templateTitle\" [isClickable]=\"true\" (click)=\"downloadTemplate(item.url)\" />\r\n\t\t\t\t} @else {\r\n\t\t\t\t\t<aril-value type=\"text\" [model]=\"item.templateTitle\" />\r\n\t\t\t\t}\r\n\t\t\t</ng-template>\r\n\t\t</aril-table-column>\r\n\t</aril-table>\r\n\r\n\t<div class=\"col-12 flex justify-content-end\">\r\n\t\t<aril-button\r\n\t\t\t[label]=\"translocoService.translate('close')\"\r\n\t\t\ticon=\"TIMES\"\r\n\t\t\tcolor=\"secondary\"\r\n\t\t\t[outlined]=\"true\"\r\n\t\t\t(clickEvent)=\"closeDialog()\" />\r\n\t</div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i1.DynamicDialogRef }, { type: i2.HttpClient }, { type: i3.MessageService }, { type: i4.TranslocoService }] });