aril 1.1.73 → 1.1.74

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

@@ -0,0 +1,131 @@
+import * as i0 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 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 { API_CONFIGS } from 'aril/boot/config/api';
+import { Apps } from 'aril/boot/config/apps';
+import * as i3 from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, DXInputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
+import * as i1 from '@angular/common/http';
+
+class EnumPickerComponent extends BaseInputComponent {
+    constructor(http, translocoService) {
+        super();
+        this.http = http;
+        this.translocoService = translocoService;
+        this.selectionItems = signal(null);
+        this.originalSelectionItems = [];
+        /**
+         * Single Select States
+         */
+        this.itemKey = input('key');
+        this.itemText = input('text');
+        this.groupName = input('');
+        this.parentSelectionKey = input(null);
+        this.tabindex = input(0);
+        this.items = input();
+        this.isMultiple = input(false);
+        this.selectedItemText = '';
+        /** * @description when grouped = true, option item structure { key:string, items:[] } */
+        this.grouped = input(false);
+        this.showClearButton = input(true);
+        this.placeholder = input('');
+        this.searchExpr = input('');
+        this.acceptCustomValue = input(false);
+        /**
+         * Multi Select States
+         */
+        this.selectedItemsLabel = input('{0}  değer seçildi'); // default value -> ({0} items selected
+        this.appendTo = input('body');
+        this.style = input({});
+        this.styleClass = input('');
+        this.tooltip = input('');
+        this.tooltipPosition = input('top');
+        this.onSelectionChanged = new EventEmitter();
+        effect(() => {
+            if (this.groupName() || this.parentSelectionKey())
+                this.getSelectionItems();
+        });
+        this.translocoService.langChanges$.subscribe(() => {
+            if (this.selectionItems() && this.selectionItems()?.length > 0) {
+                this.updateSelectionItemsText();
+            }
+        });
+    }
+    setTitle(event) {
+        if (event && event[this.itemText()].length > 25) {
+            this.selectedItemText = event ? event[this.itemText()] : '';
+        }
+        this.onSelectionChanged.emit(event);
+    }
+    async getSelectionItems() {
+        const payload = {
+            groupName: this.groupName()
+        };
+        if (Array.isArray(this.parentSelectionKey())) {
+            payload.parentSelectionKeys = this.parentSelectionKey();
+        }
+        else {
+            payload.parentSelectionKey = this.parentSelectionKey();
+        }
+        const hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);
+        try {
+            const selectionGroup = await firstValueFrom(this.http.post(hostApi + '/selection-group/load', payload));
+            this.originalSelectionItems = selectionGroup?.selectionItems || [];
+        }
+        catch (error) {
+            this.originalSelectionItems = [];
+        }
+        this.updateSelectionItemsText();
+    }
+    updateSelectionItemsText() {
+        if (!this.originalSelectionItems || this.originalSelectionItems.length === 0) {
+            this.selectionItems.set(null);
+            return;
+        }
+        const currentLang = this.translocoService.getActiveLang();
+        this.selectionItems.set(null);
+        this.selectionItems.set(this.originalSelectionItems.map((item) => ({
+            key: item.selectionKey,
+            text: item?.selectionMultiLanguageDisplays?.[currentLang] ?
+                item.selectionMultiLanguageDisplays[currentLang]
+                : item.selectionDisplay,
+            parentSelectionKey: item.parentSelectionKey
+        })));
+    }
+    onCustomItemCreating(event) {
+        if (!event.text) {
+            event.customItem = null;
+            return;
+        }
+        const newItem = {
+            [this.itemKey()]: event.text,
+            [this.itemText()]: event.text
+        };
+        const currentItems = this.selectionItems() || [];
+        this.selectionItems.set([...currentItems, newItem]);
+        event.customItem = newItem;
+    }
+    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 }, 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 }, 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 }, 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  <p-multiSelect\r\n\t[options]=\"selectionItems() || items() || []\"\r\n\t[optionLabel]=\"itemText()\"\r\n\t[optionValue]=\"itemKey()\"\r\n\t[defaultLabel]=\"placeholder()\"\r\n\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t[style]=\"style()\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t[tooltip]=\"tooltip()\"\r\n\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  [maxSelectedLabels]=\"2\"\r\n\t[appendTo]=\"appendTo()\">\r\n</p-multiSelect>\r\n}@else {\r\n  <dx-select-box\r\n    [items]=\"selectionItems() || items() || []\"\r\n    [valueExpr]=\"itemKey()\"\r\n    [displayExpr]=\"itemText()\"\r\n    [searchEnabled]=\"true\"\r\n    [searchExpr]=\"searchExpr()\"\r\n    [tabIndex]=\"tabindex()\"\r\n    [grouped]=\"grouped()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [showClearButton]=\"showClearButton()\"\r\n    [acceptCustomValue]=\"acceptCustomValue()\"\r\n    (onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n    [isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n    [validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n    validationMessagePosition=\"top\"\r\n    [noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n    [formControl]=\"ngControl.control\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n  </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"] }] }); }
+}
+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], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "@if(isMultiple()){\r\n  <p-multiSelect\r\n\t[options]=\"selectionItems() || items() || []\"\r\n\t[optionLabel]=\"itemText()\"\r\n\t[optionValue]=\"itemKey()\"\r\n\t[defaultLabel]=\"placeholder()\"\r\n\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t[style]=\"style()\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t[tooltip]=\"tooltip()\"\r\n\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  [maxSelectedLabels]=\"2\"\r\n\t[appendTo]=\"appendTo()\">\r\n</p-multiSelect>\r\n}@else {\r\n  <dx-select-box\r\n    [items]=\"selectionItems() || items() || []\"\r\n    [valueExpr]=\"itemKey()\"\r\n    [displayExpr]=\"itemText()\"\r\n    [searchEnabled]=\"true\"\r\n    [searchExpr]=\"searchExpr()\"\r\n    [tabIndex]=\"tabindex()\"\r\n    [grouped]=\"grouped()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [showClearButton]=\"showClearButton()\"\r\n    [acceptCustomValue]=\"acceptCustomValue()\"\r\n    (onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n    [isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n    [validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n    validationMessagePosition=\"top\"\r\n    [noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n    [formControl]=\"ngControl.control\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n  </dx-select-box>\r\n}\r\n" }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.TranslocoService }], propDecorators: { onSelectionChanged: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EnumPickerComponent };
+//# sourceMappingURL=aril-ui-business-enumPicker.mjs.map

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

@@ -0,0 +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 { 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\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],\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\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\tselectedItemText: string = '';\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\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\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\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\tthis.selectionItems.set(\r\n\t\t\tthis.originalSelectionItems.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\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\tthis.selectionItems.set([...currentItems, newItem]);\r\n\t\tevent.customItem = newItem;\r\n\t}\r\n}\r\n","@if(isMultiple()){\r\n  <p-multiSelect\r\n\t[options]=\"selectionItems() || items() || []\"\r\n\t[optionLabel]=\"itemText()\"\r\n\t[optionValue]=\"itemKey()\"\r\n\t[defaultLabel]=\"placeholder()\"\r\n\t[selectedItemsLabel]=\"selectedItemsLabel()\"\r\n\t[style]=\"style()\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t[tooltip]=\"tooltip()\"\r\n\t[tooltipPosition]=\"tooltipPosition()\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n  [maxSelectedLabels]=\"2\"\r\n\t[appendTo]=\"appendTo()\">\r\n</p-multiSelect>\r\n}@else {\r\n  <dx-select-box\r\n    [items]=\"selectionItems() || items() || []\"\r\n    [valueExpr]=\"itemKey()\"\r\n    [displayExpr]=\"itemText()\"\r\n    [searchEnabled]=\"true\"\r\n    [searchExpr]=\"searchExpr()\"\r\n    [tabIndex]=\"tabindex()\"\r\n    [grouped]=\"grouped()\"\r\n    [placeholder]=\"placeholder()\"\r\n    [showClearButton]=\"showClearButton()\"\r\n    [acceptCustomValue]=\"acceptCustomValue()\"\r\n    (onCustomItemCreating)=\"onCustomItemCreating($event)\"\r\n    [isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || ngControl?.control?.disabled || false\"\r\n    [validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\r\n    validationMessagePosition=\"top\"\r\n    [noDataText]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n    [formControl]=\"ngControl.control\"\r\n    (ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n    (onSelectionChanged)=\"onSelectionChanged.emit($event.selectedItem);setTitle($event.selectedItem)\"\r\n    [inputAttr]=\"{ 'title': selectedItemText }\">\r\n  </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

@@ -0,0 +1,118 @@
+import * as i0 from '@angular/core';
+import { input, signal, effect, Component } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { API_CONFIGS } from 'aril/boot/config/api';
+import { Apps } from 'aril/boot/config/apps';
+import * as i1 from '@angular/common/http';
+
+class ArilImageViewerComponent {
+    constructor(http) {
+        this.http = http;
+        this.imageUrl = input(null);
+        this.alt = input('image');
+        this.styleClass = input('');
+        this.width = input('');
+        this.height = input('');
+        this.borderRadius = input('');
+        this.objectFit = input('cover');
+        this.customStyle = input({});
+        this.imageDataUrl = signal(null);
+        this.isLoading = signal(false);
+        this.computedStyle = signal({});
+        effect(() => {
+            const url = this.imageUrl();
+            if (url) {
+                this.loadImage(url);
+            }
+            else {
+                this.imageDataUrl.set(null);
+            }
+        }, {
+            allowSignalWrites: true
+        });
+        effect(() => {
+            const styles = { ...this.customStyle() };
+            if (this.width())
+                styles['width'] = this.width();
+            if (this.height())
+                styles['height'] = this.height();
+            if (this.borderRadius())
+                styles['border-radius'] = this.borderRadius();
+            if (this.objectFit())
+                styles['object-fit'] = this.objectFit();
+            this.computedStyle.set(styles);
+        }, {
+            allowSignalWrites: true
+        });
+    }
+    loadImage(url) {
+        this.isLoading.set(true);
+        this.imageDataUrl.set(null);
+        this.http
+            .get(`${API_CONFIGS.getExternalAppEndpoint(Apps.MW)}/buckets/view-object`, {
+            params: { url },
+            responseType: 'blob'
+        })
+            .subscribe({
+            next: (blob) => {
+                const reader = new FileReader();
+                reader.onloadend = () => {
+                    this.imageDataUrl.set(reader.result);
+                    this.isLoading.set(false);
+                };
+                reader.readAsDataURL(blob);
+            },
+            error: () => {
+                this.imageDataUrl.set(null);
+                this.isLoading.set(false);
+            }
+        });
+    }
+    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()" 
+				[alt]="alt()" 
+				[class]="styleClass()" 
+				[ngStyle]="computedStyle()" />
+		} @else if (isLoading()) {
+			<div [class]="styleClass()" [ngStyle]="computedStyle()">
+				<ng-content select="[loading]"></ng-content>
+			</div>
+		} @else {
+			<ng-content></ng-content>
+		}
+	`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ArilImageViewerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'aril-image-viewer',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+		@if (imageDataUrl()) {
+			<img 
+				[src]="imageDataUrl()" 
+				[alt]="alt()" 
+				[class]="styleClass()" 
+				[ngStyle]="computedStyle()" />
+		} @else if (isLoading()) {
+			<div [class]="styleClass()" [ngStyle]="computedStyle()">
+				<ng-content select="[loading]"></ng-content>
+			</div>
+		} @else {
+			<ng-content></ng-content>
+		}
+	`
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ArilImageViewerComponent };
+//# sourceMappingURL=aril-ui-business-image-viewer.mjs.map

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

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

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

@@ -0,0 +1,30 @@
+import { SlicePipe } from '@angular/common';
+import * as i0 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';
+
+class MultipleRefValueComponent {
+    constructor() {
+        this.model = input.required();
+        this.detailPageUrl = input('');
+        this.maxBadgeCount = input(3);
+        this.clickEvent = new EventEmitter();
+    }
+    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"], 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.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: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MultipleRefValueComponent };
+//# sourceMappingURL=aril-ui-business-multiple-ref-value.mjs.map

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

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

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import * as i4 from '@ngneat/transloco';
+import { TranslocoModule } from '@ngneat/transloco';
+import { saveAs } from 'file-saver';
+import { firstValueFrom, catchError, throwError } from 'rxjs';
+import { API_CONFIGS } from 'aril/boot/config/api';
+import { Apps } from 'aril/boot/config/apps';
+import { ButtonComponent } from 'aril/ui/button';
+import * as i5 from 'aril/ui/table';
+import { ARiLTableModule } from 'aril/ui/table';
+import { ValueComponent } from 'aril/ui/value';
+import * as i1 from 'primeng/dynamicdialog';
+import * as i2 from '@angular/common/http';
+import * as i3 from 'primeng/api';
+
+var NotificationTemplateType;
+(function (NotificationTemplateType) {
+    NotificationTemplateType["SMS"] = "SMS";
+    NotificationTemplateType["EMAIL"] = "EMAIL";
+    NotificationTemplateType["MATBU"] = "MATBU";
+    NotificationTemplateType["JASPER_REPORT"] = "JASPER_REPORT";
+})(NotificationTemplateType || (NotificationTemplateType = {}));
+
+class NotificationTemplatesDialogComponent {
+    constructor(ref, http, messageService, translocoService) {
+        this.ref = ref;
+        this.http = http;
+        this.messageService = messageService;
+        this.translocoService = translocoService;
+        this.notificationTemplates = toSignal(this.http.get(API_CONFIGS.getExternalAppEndpoint(Apps.MNG) + '/notification-templates/' + NotificationTemplateType.MATBU));
+    }
+    async downloadTemplate(url) {
+        const hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);
+        const response = await firstValueFrom(this.http
+            .get(`${hostApi}/bucket-objects/download`, {
+            params: { url },
+            responseType: 'blob'
+        })
+            .pipe(catchError((error) => {
+            if (error?.status === 400 || error?.status === 500) {
+                this.messageService.add({
+                    severity: 'error',
+                    summary: this.translocoService.translate('messages.exportUrlNotFound'),
+                    key: 'toast-root'
+                });
+            }
+            return throwError(() => error);
+        })));
+        const filename = url.split('/').pop();
+        saveAs(response, filename);
+    }
+    closeDialog() {
+        this.ref.close();
+    }
+    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", "showSearchTool", "showExportTool", "exportFileName", "noDataFoundLabel", "tableHeader", "showTableHeader", "isFirstRowSelected", "dataKey", "selectedRowsInput", "isLazy", "totalRecords", "paginator", "paginatorDropdownAppendTo", "isColumnExpandMode", "isResizableColumns", "isSortable", "scrollable", "scrollHeight", "sortMode", "showFirstLastIcon", "rowSelectable", "isShowNoDataFoundMessage", "reorderableColumns", "reorderField", "showColumnFilters", "selectionPageOnly", "openSelectionOnSidebar", "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.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 }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NotificationTemplatesDialogComponent };
+//# sourceMappingURL=aril-ui-business-notification-templates-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-business-notification-templates-dialog.mjs","sources":["../../projects/aril/ui-business/notification-templates-dialog/src/interface.ts","../../projects/aril/ui-business/notification-templates-dialog/src/notification-templates-dialog.component.ts","../../projects/aril/ui-business/notification-templates-dialog/src/notification-templates-dialog.component.html","../../projects/aril/ui-business/notification-templates-dialog/aril-ui-business-notification-templates-dialog.ts"],"sourcesContent":["export interface NotificationTemplate {\r\n\tid: string;\r\n\tcontent: string;\r\n\ttemplateTitle: string;\r\n\ttemplateCode: string;\r\n\ttemplateGroup: string;\r\n\turl: string;\r\n\tcreator: string;\r\n\tupdater: string;\r\n\ttemplateType: NotificationTemplateType;\r\n}\r\n\r\nexport enum NotificationTemplateType {\r\n\tSMS = 'SMS',\r\n\tEMAIL = 'EMAIL',\r\n\tMATBU = 'MATBU',\r\n\tJASPER_REPORT = 'JASPER_REPORT'\r\n}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Component } from '@angular/core';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\n\r\nimport { MessageService } from 'primeng/api';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\n\r\nimport { TranslocoModule, TranslocoService } from '@ngneat/transloco';\r\nimport { saveAs } from 'file-saver';\r\nimport { catchError, firstValueFrom, throwError } from 'rxjs';\r\n\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { Apps } from 'aril/boot/config/apps';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { ARiLTableModule } from 'aril/ui/table';\r\nimport { ValueComponent } from 'aril/ui/value';\r\n\r\nimport { NotificationTemplate, NotificationTemplateType } from './interface';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\timports: [ARiLTableModule, ButtonComponent, TranslocoModule, ValueComponent],\r\n\ttemplateUrl: `./notification-templates-dialog.component.html`\r\n})\r\nexport class NotificationTemplatesDialogComponent {\r\n\tnotificationTemplates = toSignal(\r\n\t\tthis.http.get<NotificationTemplate[]>(\r\n\t\t\tAPI_CONFIGS.getExternalAppEndpoint(Apps.MNG) + '/notification-templates/' + NotificationTemplateType.MATBU\r\n\t\t)\r\n\t);\r\n\r\n\tconstructor(\r\n\t\tprivate readonly ref: DynamicDialogRef,\r\n\t\tprivate readonly http: HttpClient,\r\n\t\tprivate readonly messageService: MessageService,\r\n\t\tpublic readonly translocoService: TranslocoService\r\n\t) {}\r\n\r\n\tasync downloadTemplate(url: string) {\r\n\t\tconst hostApi = API_CONFIGS.getExternalAppEndpoint(Apps.MNG);\r\n\t\tconst response = await firstValueFrom(\r\n\t\t\tthis.http\r\n\t\t\t\t.get(`${hostApi}/bucket-objects/download`, {\r\n\t\t\t\t\tparams: { url },\r\n\t\t\t\t\tresponseType: 'blob'\r\n\t\t\t\t})\r\n\t\t\t\t.pipe(\r\n\t\t\t\t\tcatchError((error) => {\r\n\t\t\t\t\t\tif (error?.status === 400 || error?.status === 500) {\r\n\t\t\t\t\t\t\tthis.messageService.add({\r\n\t\t\t\t\t\t\t\tseverity: 'error',\r\n\t\t\t\t\t\t\t\tsummary: this.translocoService.translate('messages.exportUrlNotFound'),\r\n\t\t\t\t\t\t\t\tkey: 'toast-root'\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\treturn throwError(() => error);\r\n\t\t\t\t\t})\r\n\t\t\t\t)\r\n\t\t);\r\n\r\n\t\tconst filename = url.split('/').pop();\r\n\r\n\t\tsaveAs(response, filename);\r\n\t}\r\n\r\n\tcloseDialog(): void {\r\n\t\tthis.ref.close();\r\n\t}\r\n}\r\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-business-operation-types-dialog.mjs

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { ButtonComponent } from 'aril/ui/button';
+import { RadioButtonComponent } from 'aril/ui/radioButton';
+import * as i1 from 'primeng/dynamicdialog';
+
+var OperationType;
+(function (OperationType) {
+    OperationType["ApplyOnlySelected"] = "APPLY_ONLY_SELECTED";
+    OperationType["ApplyExceptSelected"] = "APPLY_EXCEPT_SELECTED";
+    OperationType["ApplyAll"] = "APPLY_ALL";
+})(OperationType || (OperationType = {}));
+class OperationTypesComponent {
+    constructor(ref, dialogConfig) {
+        this.ref = ref;
+        this.dialogConfig = dialogConfig;
+        this.selectedOption = OperationType.ApplyOnlySelected;
+        this.options = [
+            { key: OperationType.ApplyOnlySelected, label: `Yalnızca Seçilenlere Uygula (${this.selectedRowsLength}) Adet` },
+            {
+                key: OperationType.ApplyExceptSelected,
+                label: `Seçilenlere Hariç Tümüne Uygula (${this.totalRecords - this.selectedRowsLength}) Adet`
+            },
+            { key: OperationType.ApplyAll, label: `Tüm Arama Sonuçlarına Uygula (${this.totalRecords}) Adet` }
+        ];
+        this.dialogConfig.draggable = true;
+        this.dialogConfig.header = 'İşlem Hangi Satırlara Uygulansın?';
+        this.dialogConfig.contentStyle = { overflow: 'auto', 'max-width': '350px' };
+    }
+    get tableRef() {
+        return this.dialogConfig.data.tableRef;
+    }
+    get totalRecords() {
+        return this.tableRef.tableRef._totalRecords;
+    }
+    get selectedRowsLength() {
+        return this.tableRef.selectedRows.length;
+    }
+    submit() {
+        let totalElements = this.selectedRowsLength;
+        switch (this.selectedOption) {
+            case OperationType.ApplyOnlySelected:
+                totalElements = this.selectedRowsLength;
+                break;
+            case OperationType.ApplyExceptSelected:
+                totalElements = this.totalRecords - this.selectedRowsLength;
+                break;
+            case OperationType.ApplyAll:
+                totalElements = this.totalRecords;
+                break;
+        }
+        this.ref.close({ searchApplyType: this.selectedOption, totalElements });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OperationTypesComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i1.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: OperationTypesComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+		<div class="flex flex-column gap-4 px-3">
+			<aril-radio-button [(ngModel)]="selectedOption" [options]="options" />
+			<aril-button class="align-self-end" color="success" label="Devam" (clickEvent)="submit()" />
+		</div>
+	`, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: RadioButtonComponent, selector: "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", inputs: ["options", "tabindex", "align"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "rounded", "text", "outlined", "badge", "size", "icon", "iconPos", "color"], outputs: ["clickEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OperationTypesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    template: `
+		<div class="flex flex-column gap-4 px-3">
+			<aril-radio-button [(ngModel)]="selectedOption" [options]="options" />
+			<aril-button class="align-self-end" color="success" label="Devam" (clickEvent)="submit()" />
+		</div>
+	`,
+                    imports: [FormsModule, RadioButtonComponent, ButtonComponent]
+                }]
+        }], ctorParameters: () => [{ type: i1.DynamicDialogRef }, { type: i1.DynamicDialogConfig }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OperationType, OperationTypesComponent };
+//# sourceMappingURL=aril-ui-business-operation-types-dialog.mjs.map

package/fesm2022/aril-ui-business-operation-types-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aril-ui-business-operation-types-dialog.mjs","sources":["../../projects/aril/ui-business/operation-types-dialog/src/operation-types-dialog.component.ts","../../projects/aril/ui-business/operation-types-dialog/aril-ui-business-operation-types-dialog.ts"],"sourcesContent":["import { Component } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { DynamicDialogConfig, DynamicDialogRef } from 'primeng/dynamicdialog';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { RadioButtonComponent } from 'aril/ui/radioButton';\r\nimport { TableComponent } from 'aril/ui/table';\r\n\r\nexport enum OperationType {\r\n\tApplyOnlySelected = 'APPLY_ONLY_SELECTED',\r\n\tApplyExceptSelected = 'APPLY_EXCEPT_SELECTED',\r\n\tApplyAll = 'APPLY_ALL'\r\n}\r\n\r\nexport type OperationTypeResult = { searchApplyType: OperationType; totalElements: number };\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\ttemplate: `\r\n\t\t<div class=\"flex flex-column gap-4 px-3\">\r\n\t\t\t<aril-radio-button [(ngModel)]=\"selectedOption\" [options]=\"options\" />\r\n\t\t\t<aril-button class=\"align-self-end\" color=\"success\" label=\"Devam\" (clickEvent)=\"submit()\" />\r\n\t\t</div>\r\n\t`,\r\n\timports: [FormsModule, RadioButtonComponent, ButtonComponent]\r\n})\r\nexport class OperationTypesComponent {\r\n\tselectedOption = OperationType.ApplyOnlySelected;\r\n\r\n\toptions = [\r\n\t\t{ key: OperationType.ApplyOnlySelected, label: `Yalnızca Seçilenlere Uygula (${this.selectedRowsLength}) Adet` },\r\n\t\t{\r\n\t\t\tkey: OperationType.ApplyExceptSelected,\r\n\t\t\tlabel: `Seçilenlere Hariç Tümüne Uygula (${this.totalRecords - this.selectedRowsLength}) Adet`\r\n\t\t},\r\n\t\t{ key: OperationType.ApplyAll, label: `Tüm Arama Sonuçlarına Uygula (${this.totalRecords}) Adet` }\r\n\t];\r\n\r\n\tconstructor(\r\n\t\tprivate ref: DynamicDialogRef,\r\n\t\tprivate dialogConfig: DynamicDialogConfig\r\n\t) {\r\n\t\tthis.dialogConfig.draggable = true;\r\n\t\tthis.dialogConfig.header = 'İşlem Hangi Satırlara Uygulansın?';\r\n\t\tthis.dialogConfig.contentStyle = { overflow: 'auto', 'max-width': '350px' };\r\n\t}\r\n\r\n\tget tableRef(): TableComponent {\r\n\t\treturn this.dialogConfig.data.tableRef;\r\n\t}\r\n\r\n\tget totalRecords(): number {\r\n\t\treturn this.tableRef.tableRef._totalRecords;\r\n\t}\r\n\r\n\tget selectedRowsLength(): number {\r\n\t\treturn this.tableRef.selectedRows.length;\r\n\t}\r\n\r\n\tsubmit(): void {\r\n\t\tlet totalElements = this.selectedRowsLength;\r\n\r\n\t\tswitch (this.selectedOption) {\r\n\t\t\tcase OperationType.ApplyOnlySelected:\r\n\t\t\t\ttotalElements = this.selectedRowsLength;\r\n\t\t\t\tbreak;\r\n\t\t\tcase OperationType.ApplyExceptSelected:\r\n\t\t\t\ttotalElements = this.totalRecords - this.selectedRowsLength;\r\n\t\t\t\tbreak;\r\n\t\t\tcase OperationType.ApplyAll:\r\n\t\t\t\ttotalElements = this.totalRecords;\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tthis.ref.close({ searchApplyType: this.selectedOption, totalElements } as OperationTypeResult);\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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"}