aril 1.1.65 → 1.1.66

package/fesm2022/aril-theme.mjs.map

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

package/fesm2022/aril-ui-autoComplete.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { input, effect, ViewChild, Component } from '@angular/core';
+import { input, effect, Component, ViewChild } from '@angular/core';
 import * as i3 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i4 from 'primeng/autocomplete';
-import { AutoCompleteModule, AutoComplete } from 'primeng/autocomplete';
+import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
 import { ObjectUtils } from 'primeng/utils';
 import { firstValueFrom } from 'rxjs';
 import { API_CONFIGS } from 'aril/boot/config/api';
 import * as i2 from 'aril/ui/lib';
-import { BaseInputComponent, ValueAccessorDirective, InputErrorMessagePipe } from 'aril/ui/lib';
+import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
 import * as i1 from '@angular/common/http';
 
 class AutoCompleteComponent extends BaseInputComponent {
@@ -98,11 +98,11 @@ class AutoCompleteComponent extends BaseInputComponent {
             this.autoCompleteRef.writeValue(this.autoCompleteRef.getOptionLabel(selectedItem));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: AutoCompleteComponent, isStandalone: true, selector: "aril-auto-complete[ngModel], aril-auto-complete[formControl], aril-auto-complete[formControlName]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, referenceAsset: { classPropertyName: "referenceAsset", publicName: "referenceAsset", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, forceSelection: { classPropertyName: "forceSelection", publicName: "forceSelection", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "autoCompleteRef", first: true, predicate: AutoComplete, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.ValueAccessorDirective }], ngImport: i0, template: "<p-autoComplete\n\t[optionLabel]=\"optionLabel()\"\n\t[optionValue]=\"optionValue()!\"\n\t[placeholder]=\"placeholder()\"\n\t[multiple]=\"multiple()\"\n\t[forceSelection]=\"forceSelection()\"\n\t[delay]=\"400\"\n\t[suggestions]=\"filteredSelectionItems\"\n\t(completeMethod)=\"search($event)\"\n\t[formControl]=\"ngControl.control\"\n\t[minLength]=\"minLength()\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\tappendTo=\"body\">\n</p-autoComplete>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: AutoCompleteComponent, isStandalone: true, selector: "aril-auto-complete[ngModel], aril-auto-complete[formControl], aril-auto-complete[formControlName]", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, referenceAsset: { classPropertyName: "referenceAsset", publicName: "referenceAsset", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, forceSelection: { classPropertyName: "forceSelection", publicName: "forceSelection", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, optionLabel: { classPropertyName: "optionLabel", publicName: "optionLabel", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "autoCompleteRef", first: true, predicate: AutoComplete, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.ValueAccessorDirective }], ngImport: i0, template: "<p-autoComplete\r\n\t[optionLabel]=\"optionLabel()\"\r\n\t[optionValue]=\"optionValue()!\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiple]=\"multiple()\"\r\n\t[forceSelection]=\"forceSelection()\"\r\n\t[delay]=\"400\"\r\n\t[suggestions]=\"filteredSelectionItems\"\r\n\t(completeMethod)=\"search($event)\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[minLength]=\"minLength()\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\tappendTo=\"body\">\r\n</p-autoComplete>\r\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AutoCompleteComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-auto-complete[ngModel], aril-auto-complete[formControl], aril-auto-complete[formControlName]', imports: [ReactiveFormsModule, InputErrorMessagePipe, AutoCompleteModule], hostDirectives: [ValueAccessorDirective], template: "<p-autoComplete\n\t[optionLabel]=\"optionLabel()\"\n\t[optionValue]=\"optionValue()!\"\n\t[placeholder]=\"placeholder()\"\n\t[multiple]=\"multiple()\"\n\t[forceSelection]=\"forceSelection()\"\n\t[delay]=\"400\"\n\t[suggestions]=\"filteredSelectionItems\"\n\t(completeMethod)=\"search($event)\"\n\t[formControl]=\"ngControl.control\"\n\t[minLength]=\"minLength()\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\tappendTo=\"body\">\n</p-autoComplete>\n" }]
+            args: [{ standalone: true, selector: 'aril-auto-complete[ngModel], aril-auto-complete[formControl], aril-auto-complete[formControlName]', imports: [ReactiveFormsModule, InputErrorMessagePipe, AutoCompleteModule], hostDirectives: [ValueAccessorDirective], template: "<p-autoComplete\r\n\t[optionLabel]=\"optionLabel()\"\r\n\t[optionValue]=\"optionValue()!\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiple]=\"multiple()\"\r\n\t[forceSelection]=\"forceSelection()\"\r\n\t[delay]=\"400\"\r\n\t[suggestions]=\"filteredSelectionItems\"\r\n\t(completeMethod)=\"search($event)\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[minLength]=\"minLength()\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\tappendTo=\"body\">\r\n</p-autoComplete>\r\n" }]
         }], ctorParameters: () => [{ type: i1.HttpClient }], propDecorators: { autoCompleteRef: [{
                 type: ViewChild,
                 args: [AutoComplete]

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-autoComplete.mjs","sources":["../../projects/aril/ui/autoComplete/src/auto-complete.component.ts","../../projects/aril/ui/autoComplete/src/auto-complete.component.html","../../projects/aril/ui/autoComplete/aril-ui-autoComplete.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { AfterViewInit, Component, ViewChild, effect, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';\nimport { ObjectUtils } from 'primeng/utils';\n\nimport { firstValueFrom } from 'rxjs';\n\nimport { API_CONFIGS } from 'aril/boot/config/api';\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\nimport { ReferenceAsset, SelectionItemRequestDTO, SuggestionsDTO } from './interfaces';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-auto-complete[ngModel], aril-auto-complete[formControl], aril-auto-complete[formControlName]',\n\ttemplateUrl: './auto-complete.component.html',\n\timports: [ReactiveFormsModule, InputErrorMessagePipe, AutoCompleteModule],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class AutoCompleteComponent extends BaseInputComponent implements AfterViewInit {\n\t@ViewChild(AutoComplete) autoCompleteRef!: AutoComplete;\n\n\titems = input<SuggestionsDTO[]>([]);\n\treferenceAsset = input<ReferenceAsset | null>(null);\n\tplaceholder = input<string>('Arama...');\n\tforceSelection = input<boolean>(false);\n\tmultiple = input<boolean>(false);\n\tminLength = input<number>(1);\n\n\toptionValue = input<keyof SuggestionsDTO | null>(null);\n\toptionLabel = input<keyof SuggestionsDTO>('text');\n\n\tselectionItems!: SuggestionsDTO[];\n\tfilteredSelectionItems!: SuggestionsDTO[];\n\n\tconstructor(private http: HttpClient) {\n\t\tsuper();\n\t\teffect(() => {\n\t\t\tif (this.referenceAsset()) this.getSelectionItems();\n\n\t\t\tif (this.items()?.length) this.setSelectionItems();\n\t\t});\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.autoCompleteRef.getOptionValue = this.getOptionValue.bind(this);\n\t}\n\n\tgetOptionValue(option: any) {\n\t\treturn (\n\t\t\tthis.optionValue() ?\n\t\t\t\ttypeof option === 'object' ?\n\t\t\t\t\tObjectUtils.resolveFieldData(option, this.optionValue())\n\t\t\t\t:\toption\n\t\t\t:\toption\n\t\t);\n\t}\n\n\tsearch(event: any) {\n\t\tconst query = event.query;\n\n\t\tthis.filteredSelectionItems = this.filterSelection(query, this.selectionItems);\n\t}\n\n\tfilterSelection(query: string, selectionItems: SuggestionsDTO[]): SuggestionsDTO[] {\n\t\tlet filtered: SuggestionsDTO[] =\n\t\t\tthis.multiple() ?\n\t\t\t\tselectionItems.filter((t) => this.ngControl.value?.some((v: unknown) => v === t.key)) ?? []\n\t\t\t:\t[];\n\n\t\treturn [\n\t\t\t...new Set([\n\t\t\t\t...filtered,\n\t\t\t\t...selectionItems.filter((selectionItem) => {\n\t\t\t\t\treturn selectionItem.text.toLowerCase().indexOf(query.toLowerCase()) == 0;\n\t\t\t\t})\n\t\t\t])\n\t\t];\n\t}\n\n\tasync getSelectionItems() {\n\t\tconst payload: SelectionItemRequestDTO = {\n\t\t\tpager: {\n\t\t\t\tpageSize: 100,\n\t\t\t\tpageNumber: 1\n\t\t\t},\n\t\t\tasset: {\n\t\t\t\talias: 'cp',\n\t\t\t\tassetDefinitionCode: this.referenceAsset()!.referringAssetCode\n\t\t\t},\n\t\t\tattributes: [\n\t\t\t\t{\n\t\t\t\t\tattribute: {\n\t\t\t\t\t\talias: 'cp',\n\t\t\t\t\t\tattributeCode: this.referenceAsset()!.referringAttributeCode\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t};\n\n\t\tconst selectionGroup = await firstValueFrom(this.http.post<any>(API_CONFIGS.api + '/md/search', payload));\n\n\t\tthis.selectionItems = selectionGroup?.result.map((item: any) => ({\n\t\t\tkey: item.id,\n\t\t\ttext: String(item.attributes[0].value)\n\t\t}));\n\n\t\tthis.writeValue();\n\t}\n\n\tsetSelectionItems() {\n\t\tthis.selectionItems = this.items();\n\n\t\tthis.writeValue();\n\t}\n\n\tprivate writeValue() {\n\t\tif (this.multiple()) {\n\t\t\t// BUG issue https://github.com/primefaces/primeng/issues/15495\n\t\t\tthis.autoCompleteRef.completeMethod.emit({ originalEvent: null as any, query: '' });\n\t\t\treturn;\n\t\t}\n\n\t\tconst selectedItem = this.selectionItems?.find((item) => item.key === this.ngControl.value);\n\n\t\tif (selectedItem) this.autoCompleteRef.writeValue(this.autoCompleteRef.getOptionLabel(selectedItem));\n\t}\n}\n","<p-autoComplete\n\t[optionLabel]=\"optionLabel()\"\n\t[optionValue]=\"optionValue()!\"\n\t[placeholder]=\"placeholder()\"\n\t[multiple]=\"multiple()\"\n\t[forceSelection]=\"forceSelection()\"\n\t[delay]=\"400\"\n\t[suggestions]=\"filteredSelectionItems\"\n\t(completeMethod)=\"search($event)\"\n\t[formControl]=\"ngControl.control\"\n\t[minLength]=\"minLength()\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\tappendTo=\"body\">\n</p-autoComplete>\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-autoComplete.mjs","sources":["../../projects/aril/ui/autoComplete/src/auto-complete.component.ts","../../projects/aril/ui/autoComplete/src/auto-complete.component.html","../../projects/aril/ui/autoComplete/aril-ui-autoComplete.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { AfterViewInit, Component, ViewChild, effect, input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';\r\nimport { ObjectUtils } from 'primeng/utils';\r\n\r\nimport { firstValueFrom } from 'rxjs';\r\n\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\nimport { ReferenceAsset, SelectionItemRequestDTO, SuggestionsDTO } from './interfaces';\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-auto-complete[ngModel], aril-auto-complete[formControl], aril-auto-complete[formControlName]',\r\n\ttemplateUrl: './auto-complete.component.html',\r\n\timports: [ReactiveFormsModule, InputErrorMessagePipe, AutoCompleteModule],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class AutoCompleteComponent extends BaseInputComponent implements AfterViewInit {\r\n\t@ViewChild(AutoComplete) autoCompleteRef!: AutoComplete;\r\n\r\n\titems = input<SuggestionsDTO[]>([]);\r\n\treferenceAsset = input<ReferenceAsset | null>(null);\r\n\tplaceholder = input<string>('Arama...');\r\n\tforceSelection = input<boolean>(false);\r\n\tmultiple = input<boolean>(false);\r\n\tminLength = input<number>(1);\r\n\r\n\toptionValue = input<keyof SuggestionsDTO | null>(null);\r\n\toptionLabel = input<keyof SuggestionsDTO>('text');\r\n\r\n\tselectionItems!: SuggestionsDTO[];\r\n\tfilteredSelectionItems!: SuggestionsDTO[];\r\n\r\n\tconstructor(private http: HttpClient) {\r\n\t\tsuper();\r\n\t\teffect(() => {\r\n\t\t\tif (this.referenceAsset()) this.getSelectionItems();\r\n\r\n\t\t\tif (this.items()?.length) this.setSelectionItems();\r\n\t\t});\r\n\t}\r\n\r\n\tngAfterViewInit(): void {\r\n\t\tthis.autoCompleteRef.getOptionValue = this.getOptionValue.bind(this);\r\n\t}\r\n\r\n\tgetOptionValue(option: any) {\r\n\t\treturn (\r\n\t\t\tthis.optionValue() ?\r\n\t\t\t\ttypeof option === 'object' ?\r\n\t\t\t\t\tObjectUtils.resolveFieldData(option, this.optionValue())\r\n\t\t\t\t:\toption\r\n\t\t\t:\toption\r\n\t\t);\r\n\t}\r\n\r\n\tsearch(event: any) {\r\n\t\tconst query = event.query;\r\n\r\n\t\tthis.filteredSelectionItems = this.filterSelection(query, this.selectionItems);\r\n\t}\r\n\r\n\tfilterSelection(query: string, selectionItems: SuggestionsDTO[]): SuggestionsDTO[] {\r\n\t\tlet filtered: SuggestionsDTO[] =\r\n\t\t\tthis.multiple() ?\r\n\t\t\t\tselectionItems.filter((t) => this.ngControl.value?.some((v: unknown) => v === t.key)) ?? []\r\n\t\t\t:\t[];\r\n\r\n\t\treturn [\r\n\t\t\t...new Set([\r\n\t\t\t\t...filtered,\r\n\t\t\t\t...selectionItems.filter((selectionItem) => {\r\n\t\t\t\t\treturn selectionItem.text.toLowerCase().indexOf(query.toLowerCase()) == 0;\r\n\t\t\t\t})\r\n\t\t\t])\r\n\t\t];\r\n\t}\r\n\r\n\tasync getSelectionItems() {\r\n\t\tconst payload: SelectionItemRequestDTO = {\r\n\t\t\tpager: {\r\n\t\t\t\tpageSize: 100,\r\n\t\t\t\tpageNumber: 1\r\n\t\t\t},\r\n\t\t\tasset: {\r\n\t\t\t\talias: 'cp',\r\n\t\t\t\tassetDefinitionCode: this.referenceAsset()!.referringAssetCode\r\n\t\t\t},\r\n\t\t\tattributes: [\r\n\t\t\t\t{\r\n\t\t\t\t\tattribute: {\r\n\t\t\t\t\t\talias: 'cp',\r\n\t\t\t\t\t\tattributeCode: this.referenceAsset()!.referringAttributeCode\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t]\r\n\t\t};\r\n\r\n\t\tconst selectionGroup = await firstValueFrom(this.http.post<any>(API_CONFIGS.api + '/md/search', payload));\r\n\r\n\t\tthis.selectionItems = selectionGroup?.result.map((item: any) => ({\r\n\t\t\tkey: item.id,\r\n\t\t\ttext: String(item.attributes[0].value)\r\n\t\t}));\r\n\r\n\t\tthis.writeValue();\r\n\t}\r\n\r\n\tsetSelectionItems() {\r\n\t\tthis.selectionItems = this.items();\r\n\r\n\t\tthis.writeValue();\r\n\t}\r\n\r\n\tprivate writeValue() {\r\n\t\tif (this.multiple()) {\r\n\t\t\t// BUG issue https://github.com/primefaces/primeng/issues/15495\r\n\t\t\tthis.autoCompleteRef.completeMethod.emit({ originalEvent: null as any, query: '' });\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst selectedItem = this.selectionItems?.find((item) => item.key === this.ngControl.value);\r\n\r\n\t\tif (selectedItem) this.autoCompleteRef.writeValue(this.autoCompleteRef.getOptionLabel(selectedItem));\r\n\t}\r\n}\r\n","<p-autoComplete\r\n\t[optionLabel]=\"optionLabel()\"\r\n\t[optionValue]=\"optionValue()!\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiple]=\"multiple()\"\r\n\t[forceSelection]=\"forceSelection()\"\r\n\t[delay]=\"400\"\r\n\t[suggestions]=\"filteredSelectionItems\"\r\n\t(completeMethod)=\"search($event)\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[minLength]=\"minLength()\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\tappendTo=\"body\">\r\n</p-autoComplete>\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-badge.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from 'primeng/tag';
 import { TagModule } from 'primeng/tag';
 import * as i2 from 'primeng/tooltip';
@@ -51,11 +51,11 @@ class BadgeComponent {
         return `#${nr.toString(16).padStart(2, '0')}${ng.toString(16).padStart(2, '0')}${nb.toString(16).padStart(2, '0')}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: BadgeComponent, isStandalone: true, selector: "aril-badge", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-tag\n\t[icon]=\"icon()\"\n\t[value]=\"value() && value().length > 50 ? value().slice(0, 50) + '...' : value()\"\n\t[severity]=\"severity()\"\n\t[rounded]=\"rounded()\"\n\t[styleClass]=\"styleClass()\"\n\t[style]=\"badgeStyle()\"\n\t[pTooltip]=\"value() && value().length > 50 ? value() : undefined\"\n\ttooltipPosition=\"top\">\n\t<ng-content></ng-content>\n</p-tag>\n", dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: BadgeComponent, isStandalone: true, selector: "aril-badge", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-tag\r\n\t[icon]=\"icon()\"\r\n\t[value]=\"value() && value().length > 50 ? value().slice(0, 50) + '...' : value()\"\r\n\t[severity]=\"severity()\"\r\n\t[rounded]=\"rounded()\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t[style]=\"badgeStyle()\"\r\n\t[pTooltip]=\"value() && value().length > 50 ? value() : undefined\"\r\n\ttooltipPosition=\"top\">\r\n\t<ng-content></ng-content>\r\n</p-tag>\r\n", dependencies: [{ kind: "ngmodule", type: TagModule }, { kind: "component", type: i1.Tag, selector: "p-tag", inputs: ["style", "styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-badge', imports: [TagModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-tag\n\t[icon]=\"icon()\"\n\t[value]=\"value() && value().length > 50 ? value().slice(0, 50) + '...' : value()\"\n\t[severity]=\"severity()\"\n\t[rounded]=\"rounded()\"\n\t[styleClass]=\"styleClass()\"\n\t[style]=\"badgeStyle()\"\n\t[pTooltip]=\"value() && value().length > 50 ? value() : undefined\"\n\ttooltipPosition=\"top\">\n\t<ng-content></ng-content>\n</p-tag>\n" }]
+            args: [{ standalone: true, selector: 'aril-badge', imports: [TagModule, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-tag\r\n\t[icon]=\"icon()\"\r\n\t[value]=\"value() && value().length > 50 ? value().slice(0, 50) + '...' : value()\"\r\n\t[severity]=\"severity()\"\r\n\t[rounded]=\"rounded()\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t[style]=\"badgeStyle()\"\r\n\t[pTooltip]=\"value() && value().length > 50 ? value() : undefined\"\r\n\ttooltipPosition=\"top\">\r\n\t<ng-content></ng-content>\r\n</p-tag>\r\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-badge.mjs","sources":["../../projects/aril/ui/badge/src/badge.component.ts","../../projects/aril/ui/badge/src/badge.component.html","../../projects/aril/ui/badge/aril-ui-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\n\nimport { TagModule } from 'primeng/tag';\nimport { TooltipModule } from 'primeng/tooltip';\n\ntype Severity = 'success' | 'secondary' | 'info' | 'warning' | 'danger' | 'contrast' | undefined;\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-badge',\n\ttemplateUrl: './badge.component.html',\n\timports: [TagModule, TooltipModule],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class BadgeComponent {\n\ticon = input<string>();\n\tvalue = input.required<string>();\n\tseverity = input<Severity>();\n\trounded = input<boolean>();\n\tbackground = input<string>();\n\tstyleClass = input<string>();\n\ttextColor = input<string>();\n\tborderColor = input<string>();\n\n\tbadgeStyle() {\n\t\tconst mainColor = this.background() ?? '#1890FF';\n\t\tconst lightBg = this.lightenColor(mainColor, 92);\n\t\tconst textColor = this.textColor() ?? mainColor;\n\t\tconst border = this.borderColor() ?? this.lightenColor(mainColor, 60);\n\t\treturn {\n\t\t\tbackgroundColor: lightBg,\n\t\t\tcolor: textColor,\n\t\t\ttextAlign: 'center',\n\t\t\tfontSize: '1rem',\n\t\t\tfontWeight: '500',\n\t\t\tpadding: '2px 8px',\n\t\t\tborderRadius: '12px',\n\t\t\tborder: `0.5px solid ${border}`,\n\t\t\tdisplay: 'inline-block',\n\t\t\tlineHeight: '1.2',\n\t\t\twhiteSpace: 'nowrap',\n\t\t\toverflow: 'hidden',\n\t\t\ttextOverflow: 'ellipsis',\n\t\t\tmaxWidth: '100%'\n\t\t};\n\t}\n\n\tprivate lightenColor(hex: string, percent: number): string {\n\t\tconst sanitized = hex.replace('#', '');\n\t\tconst r = parseInt(sanitized.substring(0, 2), 16);\n\t\tconst g = parseInt(sanitized.substring(2, 4), 16);\n\t\tconst b = parseInt(sanitized.substring(4, 6), 16);\n\t\t\n\t\t// Mix with white to lighten\n\t\tconst factor = percent / 100;\n\t\tconst nr = Math.round(r + (255 - r) * factor);\n\t\tconst ng = Math.round(g + (255 - g) * factor);\n\t\tconst nb = Math.round(b + (255 - b) * factor);\n\t\t\n\t\treturn `#${nr.toString(16).padStart(2, '0')}${ng.toString(16).padStart(2, '0')}${nb.toString(16).padStart(2, '0')}`;\n\t}\n\t\n}","<p-tag\n\t[icon]=\"icon()\"\n\t[value]=\"value() && value().length > 50 ? value().slice(0, 50) + '...' : value()\"\n\t[severity]=\"severity()\"\n\t[rounded]=\"rounded()\"\n\t[styleClass]=\"styleClass()\"\n\t[style]=\"badgeStyle()\"\n\t[pTooltip]=\"value() && value().length > 50 ? value() : undefined\"\n\ttooltipPosition=\"top\">\n\t<ng-content></ng-content>\n</p-tag>\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-badge.mjs","sources":["../../projects/aril/ui/badge/src/badge.component.ts","../../projects/aril/ui/badge/src/badge.component.html","../../projects/aril/ui/badge/aril-ui-badge.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\r\n\r\nimport { TagModule } from 'primeng/tag';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\ntype Severity = 'success' | 'secondary' | 'info' | 'warning' | 'danger' | 'contrast' | undefined;\r\n\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-badge',\r\n\ttemplateUrl: './badge.component.html',\r\n\timports: [TagModule, TooltipModule],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class BadgeComponent {\r\n\ticon = input<string>();\r\n\tvalue = input.required<string>();\r\n\tseverity = input<Severity>();\r\n\trounded = input<boolean>();\r\n\tbackground = input<string>();\r\n\tstyleClass = input<string>();\r\n\ttextColor = input<string>();\r\n\tborderColor = input<string>();\r\n\r\n\tbadgeStyle() {\r\n\t\tconst mainColor = this.background() ?? '#1890FF';\r\n\t\tconst lightBg = this.lightenColor(mainColor, 92);\r\n\t\tconst textColor = this.textColor() ?? mainColor;\r\n\t\tconst border = this.borderColor() ?? this.lightenColor(mainColor, 60);\r\n\t\treturn {\r\n\t\t\tbackgroundColor: lightBg,\r\n\t\t\tcolor: textColor,\r\n\t\t\ttextAlign: 'center',\r\n\t\t\tfontSize: '1rem',\r\n\t\t\tfontWeight: '500',\r\n\t\t\tpadding: '2px 8px',\r\n\t\t\tborderRadius: '12px',\r\n\t\t\tborder: `0.5px solid ${border}`,\r\n\t\t\tdisplay: 'inline-block',\r\n\t\t\tlineHeight: '1.2',\r\n\t\t\twhiteSpace: 'nowrap',\r\n\t\t\toverflow: 'hidden',\r\n\t\t\ttextOverflow: 'ellipsis',\r\n\t\t\tmaxWidth: '100%'\r\n\t\t};\r\n\t}\r\n\r\n\tprivate lightenColor(hex: string, percent: number): string {\r\n\t\tconst sanitized = hex.replace('#', '');\r\n\t\tconst r = parseInt(sanitized.substring(0, 2), 16);\r\n\t\tconst g = parseInt(sanitized.substring(2, 4), 16);\r\n\t\tconst b = parseInt(sanitized.substring(4, 6), 16);\r\n\t\t\r\n\t\t// Mix with white to lighten\r\n\t\tconst factor = percent / 100;\r\n\t\tconst nr = Math.round(r + (255 - r) * factor);\r\n\t\tconst ng = Math.round(g + (255 - g) * factor);\r\n\t\tconst nb = Math.round(b + (255 - b) * factor);\r\n\t\t\r\n\t\treturn `#${nr.toString(16).padStart(2, '0')}${ng.toString(16).padStart(2, '0')}${nb.toString(16).padStart(2, '0')}`;\r\n\t}\r\n\t\r\n}","<p-tag\r\n\t[icon]=\"icon()\"\r\n\t[value]=\"value() && value().length > 50 ? value().slice(0, 50) + '...' : value()\"\r\n\t[severity]=\"severity()\"\r\n\t[rounded]=\"rounded()\"\r\n\t[styleClass]=\"styleClass()\"\r\n\t[style]=\"badgeStyle()\"\r\n\t[pTooltip]=\"value() && value().length > 50 ? value() : undefined\"\r\n\ttooltipPosition=\"top\">\r\n\t<ng-content></ng-content>\r\n</p-tag>\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-assetPicker.mjs

@@ -1,25 +1,27 @@
 import * as i0 from '@angular/core';
-import { input, signal, inject, DestroyRef, EventEmitter, Output, ViewChild, Component } from '@angular/core';
+import { input, signal, inject, DestroyRef, EventEmitter, effect, Component, ViewChild, Output } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i4 from '@angular/forms';
+import * as i5 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
-import * as i5 from 'primeng/autocomplete';
-import { AutoCompleteModule, AutoComplete } from 'primeng/autocomplete';
+import * as i6 from 'primeng/autocomplete';
+import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
 import { ObjectUtils } from 'primeng/utils';
 import { Subject, switchMap } 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 * as i4 from 'aril/ui/lib';
 import { BaseInputComponent, ValueAccessorDirective } from 'aril/ui/lib';
 import * as i1 from '@angular/common/http';
 import * as i2 from '@ngneat/transloco';
-import * as i6 from 'primeng/api';
+import * as i3 from 'aril/theme/layout';
+import * as i7 from 'primeng/api';
 
 class AssetPickerComponent extends BaseInputComponent {
-    constructor(http, translocoService) {
+    constructor(http, translocoService, selectionGroupService) {
         super();
         this.http = http;
         this.translocoService = translocoService;
+        this.selectionGroupService = selectionGroupService;
         this.assetCode = input(null);
         this.type = input(null);
         this.placeholder = input('Arama...');
@@ -29,36 +31,24 @@ class AssetPickerComponent extends BaseInputComponent {
         this.optionValue = input(null);
         this.appendTo = input('body');
         this.mql = input();
+        this.excludedAttributeCodes = input([]);
         this.isUpdateMode = signal(false);
         this.cacheSearchRequest$ = new Subject();
         this.destroyRef = inject(DestroyRef);
         this.selectedDefinitionEvent = new EventEmitter();
+        effect(() => {
+            this.selectionGroupService.selectionGroups();
+            if (this.selectionDefinitions) {
+                this.refreshFilteredSelectionItems();
+            }
+        });
     }
     ngOnInit() {
         this.cacheSearchRequest$
             .pipe(switchMap((payload) => this.http.post(API_CONFIGS.getExternalAppEndpoint(Apps.MNG) + '/master-data/cache-search', payload)), takeUntilDestroyed(this.destroyRef))
             .subscribe((selectionGroup) => {
             this.selectionDefinitions = selectionGroup;
-            const newFilteredGroupSuggestions = [];
-            Object.keys(selectionGroup).forEach((key) => {
-                const groupData = {
-                    text: selectionGroup[key]?.result[0]?.assets[0]?.assetDefinitionName,
-                    key: key,
-                    items: selectionGroup[key].result.map((item) => ({
-                        key: item.id,
-                        text: this.getAttiributesValueDescr(item.attributes),
-                        attributes: item.attributes,
-                        assetDefinitionCode: item.assetDefinitionCode
-                    }))
-                };
-                newFilteredGroupSuggestions.push(groupData);
-                // If the string value is patched in update mode and there is group data, select the first item
-                if (this.isUpdateMode() && groupData.items.length === 1 && !this.multiple()) {
-                    this.ngControl?.control?.setValue(groupData.items[0]);
-                    this.isUpdateMode.set(false);
-                }
-            });
-            this.filteredSelectionItems = newFilteredGroupSuggestions;
+            this.refreshFilteredSelectionItems();
         });
         // If the form control's value is a string, perform a cache search to retrieve the ID.
         const currentValue = this.ngControl?.control?.value;
@@ -67,6 +57,30 @@ class AssetPickerComponent extends BaseInputComponent {
             this.search({ query: currentValue });
         }
     }
+    refreshFilteredSelectionItems() {
+        if (!this.selectionDefinitions)
+            return;
+        const newFilteredGroupSuggestions = [];
+        Object.keys(this.selectionDefinitions).forEach((key) => {
+            const groupData = {
+                text: this.selectionDefinitions[key]?.result[0]?.assets[0]?.assetDefinitionName,
+                key: key,
+                items: this.selectionDefinitions[key].result.map((item) => ({
+                    key: item.id,
+                    text: this.getAttiributesValueDescr(item.attributes),
+                    attributes: item.attributes,
+                    assetDefinitionCode: item.assetDefinitionCode
+                }))
+            };
+            newFilteredGroupSuggestions.push(groupData);
+            // If the string value is patched in update mode and there is group data, select the first item
+            if (this.isUpdateMode() && groupData.items.length === 1 && !this.multiple()) {
+                this.ngControl?.control?.setValue(groupData.items[0]);
+                this.isUpdateMode.set(false);
+            }
+        });
+        this.filteredSelectionItems = newFilteredGroupSuggestions;
+    }
     ngAfterViewInit() {
         this.autoCompleteRef.getOptionValue = this.getOptionValue.bind(this);
     }
@@ -107,13 +121,32 @@ class AssetPickerComponent extends BaseInputComponent {
         this.cacheSearchRequest$.next(payload);
     }
     getAttiributesValueDescr(attributes) {
+        const excludedAttributes = ['AssetId', 'AssetDefinitionName', ...this.excludedAttributeCodes()];
         return attributes
+            ?.filter((attr) => !excludedAttributes.includes(attr.attribute?.attributeCode))
             ?.map((attr) => {
+            // Handle SELECT type attributes using SelectionGroupService
+            if (attr.attribute?.attributeType === 'SELECT' && attr.attribute?.selectOption) {
+                return this.getSelectionDisplay(attr.attribute.selectOption, attr.value);
+            }
             const value = attr.valueDesc ? attr.valueDesc : attr.value;
             return typeof value === 'object' ? JSON.stringify(value) : String(value);
         })
             .join(' - ');
     }
+    getSelectionDisplay(groupName, value) {
+        const key = `${groupName}~ALL`;
+        const selectionGroup = this.selectionGroupService.selectionGroups()[key];
+        if (!selectionGroup) {
+            this.selectionGroupService.fetchEnum(groupName, 'ALL');
+            return value;
+        }
+        const currentLang = this.translocoService.getActiveLang();
+        const selectionItem = selectionGroup.selectionItems?.find((t) => t.selectionKey === value);
+        if (!selectionItem)
+            return value;
+        return selectionItem.selectionMultiLanguageDisplays?.[currentLang] ?? selectionItem.selectionDisplay ?? value;
+    }
     triggerSelectedEvents(event) {
         const selectedItems = Object.keys(this.selectionDefinitions).map((key) => {
             return this.selectionDefinitions[key].result.find((item) => item.id === event?.value?.key);
@@ -128,13 +161,13 @@ class AssetPickerComponent extends BaseInputComponent {
         };
         this.selectedDefinitionEvent.emit(selectedEvent);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AssetPickerComponent, deps: [{ token: i1.HttpClient }, { token: i2.TranslocoService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: AssetPickerComponent, isStandalone: true, selector: "aril-asset-picker[ngModel], aril-asset-picker[formControl], aril-asset-picker[formControlName]", inputs: { assetCode: { classPropertyName: "assetCode", publicName: "assetCode", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, forceSelection: { classPropertyName: "forceSelection", publicName: "forceSelection", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, mql: { classPropertyName: "mql", publicName: "mql", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedDefinitionEvent: "selectedDefinitionEvent" }, viewQueries: [{ propertyName: "autoCompleteRef", first: true, predicate: AutoComplete, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i3.ValueAccessorDirective }], ngImport: i0, template: "<p-autoComplete\n\toptionLabel=\"text\"\n\t[optionValue]=\"optionValue()!\"\n\t[placeholder]=\"placeholder()\"\n\t[multiple]=\"multiple()\"\n\t[group]=\"true\"\n\t[forceSelection]=\"forceSelection()\"\n\t[delay]=\"700\"\n\t[minLength]=\"3\"\n\t[suggestions]=\"filteredSelectionItems\"\n\t(completeMethod)=\"search($event)\"\n\t[formControl]=\"ngControl.control\"\n\t[autoHighlight]=\"true\"\n\t[type]=\"type()!\"\n\t(ngModelChange)=\"onNgModelChange($event)\"\n\t[showClear]=\"showClear()\"\n\t[emptyMessage]=\"translocoService.translate('messages.noDataToDisplay')\"\n\t(onSelect)=\"triggerSelectedEvents($event)\"\n\t[appendTo]=\"appendTo()\"\n\t(keyup.enter)=\"search($event)\">\n\t<ng-template let-group pTemplate=\"group\">\n\t\t<span class=\"font-bold\">{{ group.text }}</span>\n\t</ng-template>\n</p-autoComplete>\n", styles: ["::ng-deep .p-autocomplete-multiple-container{flex-wrap:wrap;max-height:50px;overflow-y:auto;align-items:center}::ng-deep .p-autocomplete-token{margin:0;flex-shrink:0}::ng-deep .p-autocomplete-input-token{flex:1;min-width:150px}\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: AutoCompleteModule }, { kind: "component", type: i5.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i6.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AssetPickerComponent, deps: [{ token: i1.HttpClient }, { token: i2.TranslocoService }, { token: i3.SelectionGroupService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: AssetPickerComponent, isStandalone: true, selector: "aril-asset-picker[ngModel], aril-asset-picker[formControl], aril-asset-picker[formControlName]", inputs: { assetCode: { classPropertyName: "assetCode", publicName: "assetCode", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, forceSelection: { classPropertyName: "forceSelection", publicName: "forceSelection", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, optionValue: { classPropertyName: "optionValue", publicName: "optionValue", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, mql: { classPropertyName: "mql", publicName: "mql", isSignal: true, isRequired: false, transformFunction: null }, excludedAttributeCodes: { classPropertyName: "excludedAttributeCodes", publicName: "excludedAttributeCodes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedDefinitionEvent: "selectedDefinitionEvent" }, viewQueries: [{ propertyName: "autoCompleteRef", first: true, predicate: AutoComplete, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i4.ValueAccessorDirective }], ngImport: i0, template: "<p-autoComplete\r\n\toptionLabel=\"text\"\r\n\t[optionValue]=\"optionValue()!\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiple]=\"multiple()\"\r\n\t[group]=\"true\"\r\n\t[forceSelection]=\"forceSelection()\"\r\n\t[delay]=\"700\"\r\n\t[minLength]=\"3\"\r\n\t[suggestions]=\"filteredSelectionItems\"\r\n\t(completeMethod)=\"search($event)\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[autoHighlight]=\"true\"\r\n\t[type]=\"type()!\"\r\n\t(ngModelChange)=\"onNgModelChange($event)\"\r\n\t[showClear]=\"showClear()\"\r\n\t[emptyMessage]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t(onSelect)=\"triggerSelectedEvents($event)\"\r\n\t[appendTo]=\"appendTo()\"\r\n\t(keyup.enter)=\"search($event)\">\r\n\t<ng-template let-group pTemplate=\"group\">\r\n\t\t<span class=\"font-bold\">{{ group.text }}</span>\r\n\t</ng-template>\r\n</p-autoComplete>\r\n", styles: ["::ng-deep .p-autocomplete-multiple-container{flex-wrap:wrap;max-height:50px;overflow-y:auto;align-items:center}::ng-deep .p-autocomplete-token{margin:0;flex-shrink:0}::ng-deep .p-autocomplete-input-token{flex:1;min-width:150px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i6.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i7.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AssetPickerComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-asset-picker[ngModel], aril-asset-picker[formControl], aril-asset-picker[formControlName]', imports: [ReactiveFormsModule, AutoCompleteModule], hostDirectives: [ValueAccessorDirective], template: "<p-autoComplete\n\toptionLabel=\"text\"\n\t[optionValue]=\"optionValue()!\"\n\t[placeholder]=\"placeholder()\"\n\t[multiple]=\"multiple()\"\n\t[group]=\"true\"\n\t[forceSelection]=\"forceSelection()\"\n\t[delay]=\"700\"\n\t[minLength]=\"3\"\n\t[suggestions]=\"filteredSelectionItems\"\n\t(completeMethod)=\"search($event)\"\n\t[formControl]=\"ngControl.control\"\n\t[autoHighlight]=\"true\"\n\t[type]=\"type()!\"\n\t(ngModelChange)=\"onNgModelChange($event)\"\n\t[showClear]=\"showClear()\"\n\t[emptyMessage]=\"translocoService.translate('messages.noDataToDisplay')\"\n\t(onSelect)=\"triggerSelectedEvents($event)\"\n\t[appendTo]=\"appendTo()\"\n\t(keyup.enter)=\"search($event)\">\n\t<ng-template let-group pTemplate=\"group\">\n\t\t<span class=\"font-bold\">{{ group.text }}</span>\n\t</ng-template>\n</p-autoComplete>\n", styles: ["::ng-deep .p-autocomplete-multiple-container{flex-wrap:wrap;max-height:50px;overflow-y:auto;align-items:center}::ng-deep .p-autocomplete-token{margin:0;flex-shrink:0}::ng-deep .p-autocomplete-input-token{flex:1;min-width:150px}\n"] }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.TranslocoService }], propDecorators: { autoCompleteRef: [{
+            args: [{ standalone: true, selector: 'aril-asset-picker[ngModel], aril-asset-picker[formControl], aril-asset-picker[formControlName]', imports: [ReactiveFormsModule, AutoCompleteModule], hostDirectives: [ValueAccessorDirective], template: "<p-autoComplete\r\n\toptionLabel=\"text\"\r\n\t[optionValue]=\"optionValue()!\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiple]=\"multiple()\"\r\n\t[group]=\"true\"\r\n\t[forceSelection]=\"forceSelection()\"\r\n\t[delay]=\"700\"\r\n\t[minLength]=\"3\"\r\n\t[suggestions]=\"filteredSelectionItems\"\r\n\t(completeMethod)=\"search($event)\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[autoHighlight]=\"true\"\r\n\t[type]=\"type()!\"\r\n\t(ngModelChange)=\"onNgModelChange($event)\"\r\n\t[showClear]=\"showClear()\"\r\n\t[emptyMessage]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t(onSelect)=\"triggerSelectedEvents($event)\"\r\n\t[appendTo]=\"appendTo()\"\r\n\t(keyup.enter)=\"search($event)\">\r\n\t<ng-template let-group pTemplate=\"group\">\r\n\t\t<span class=\"font-bold\">{{ group.text }}</span>\r\n\t</ng-template>\r\n</p-autoComplete>\r\n", styles: ["::ng-deep .p-autocomplete-multiple-container{flex-wrap:wrap;max-height:50px;overflow-y:auto;align-items:center}::ng-deep .p-autocomplete-token{margin:0;flex-shrink:0}::ng-deep .p-autocomplete-input-token{flex:1;min-width:150px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.TranslocoService }, { type: i3.SelectionGroupService }], propDecorators: { autoCompleteRef: [{
                 type: ViewChild,
                 args: [AutoComplete]
             }], selectedDefinitionEvent: [{

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

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-business-assetPicker.mjs","sources":["../../projects/aril/ui-business/assetPicker/src/asset-picker.component.ts","../../projects/aril/ui-business/assetPicker/src/asset-picker.component.html","../../projects/aril/ui-business/assetPicker/aril-ui-business-assetPicker.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport {\n\tAfterViewInit,\n\tComponent,\n\tDestroyRef,\n\tEventEmitter,\n\tOnInit,\n\tOutput,\n\tViewChild,\n\tinject,\n\tinput,\n\tsignal\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';\nimport { ObjectUtils } from 'primeng/utils';\n\nimport { TranslocoService } from '@ngneat/transloco';\nimport { Subject, switchMap } from 'rxjs';\n\nimport { API_CONFIGS } from 'aril/boot/config/api';\nimport { Apps } from 'aril/boot/config/apps';\nimport { BaseInputComponent, ValueAccessorDirective } from 'aril/ui/lib';\n\nimport {\n\tAssetAggregate,\n\tAttributeElement,\n\tCacheSearchRequestDTO,\n\tDefaultSearchAggregateAssetAggregate,\n\tSuggestionsDTO,\n\tSuggestionsGroupDTO\n} from './interface';\n\ntype ValueTypes = 'text' | 'number';\n@Component({\n\tstandalone: true,\n\tselector: 'aril-asset-picker[ngModel], aril-asset-picker[formControl], aril-asset-picker[formControlName]',\n\ttemplateUrl: './asset-picker.component.html',\n\tstyles: [\n\t\t`\n\t\t\t::ng-deep .p-autocomplete-multiple-container {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tmax-height: 50px;\n\t\t\t\toverflow-y: auto;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t::ng-deep .p-autocomplete-token {\n\t\t\t\tmargin: 0;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t::ng-deep .p-autocomplete-input-token {\n\t\t\t\tflex: 1;\n\t\t\t\tmin-width: 150px;\n\t\t\t}\n\t\t`\n\t],\n\timports: [ReactiveFormsModule, AutoCompleteModule],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class AssetPickerComponent extends BaseInputComponent implements AfterViewInit, OnInit {\n\t@ViewChild(AutoComplete) autoCompleteRef!: AutoComplete;\n\tassetCode = input<string | string[] | null>(null);\n\ttype = input<ValueTypes | null>(null);\n\n\tplaceholder = input<string>('Arama...');\n\tforceSelection = input<boolean>(false);\n\tmultiple = input<boolean>(false);\n\tshowClear = input<boolean>(false);\n\toptionValue = input<keyof SuggestionsDTO | null>(null);\n\tappendTo = input<string | HTMLElement | null>('body');\n\tmql = input<string>();\n\tisUpdateMode = signal<boolean>(false);\n\n\tfilteredSelectionItems!: SuggestionsGroupDTO[];\n\tselectionDefinitions!: DefaultSearchAggregateAssetAggregate;\n\tcacheSearchRequest$ = new Subject<CacheSearchRequestDTO>();\n\tdestroyRef = inject(DestroyRef);\n\t@Output() selectedDefinitionEvent: EventEmitter<AssetAggregate> = new EventEmitter<AssetAggregate>();\n\n\tconstructor(\n\t\tprivate readonly http: HttpClient,\n\t\tpublic translocoService: TranslocoService\n\t) {\n\t\tsuper();\n\t}\n\n\tngOnInit() {\n\t\tthis.cacheSearchRequest$\n\t\t\t.pipe(\n\t\t\t\tswitchMap((payload) =>\n\t\t\t\t\tthis.http.post<any>(API_CONFIGS.getExternalAppEndpoint(Apps.MNG) + '/master-data/cache-search', payload)\n\t\t\t\t),\n\t\t\t\ttakeUntilDestroyed(this.destroyRef)\n\t\t\t)\n\t\t\t.subscribe((selectionGroup) => {\n\t\t\t\tthis.selectionDefinitions = selectionGroup;\n\n\t\t\t\tconst newFilteredGroupSuggestions: SuggestionsGroupDTO[] = [];\n\n\t\t\t\tObject.keys(selectionGroup).forEach((key: string) => {\n\t\t\t\t\tconst groupData: SuggestionsGroupDTO = {\n\t\t\t\t\t\ttext: selectionGroup[key]?.result[0]?.assets[0]?.assetDefinitionName,\n\t\t\t\t\t\tkey: key,\n\t\t\t\t\t\titems: selectionGroup[key].result.map(\n\t\t\t\t\t\t\t(item: AssetAggregate) =>\n\t\t\t\t\t\t\t\t({\n\t\t\t\t\t\t\t\t\tkey: item.id,\n\t\t\t\t\t\t\t\t\ttext: this.getAttiributesValueDescr(item.attributes),\n\t\t\t\t\t\t\t\t\tattributes: item.attributes,\n\t\t\t\t\t\t\t\t\tassetDefinitionCode: item.assetDefinitionCode\n\t\t\t\t\t\t\t\t}) as SuggestionsDTO\n\t\t\t\t\t\t)\n\t\t\t\t\t};\n\t\t\t\t\tnewFilteredGroupSuggestions.push(groupData);\n\n\t\t\t\t\t// If the string value is patched in update mode and there is group data, select the first item\n\t\t\t\t\tif (this.isUpdateMode() && groupData.items.length === 1 && !this.multiple()) {\n\t\t\t\t\t\tthis.ngControl?.control?.setValue(groupData.items[0]);\n\t\t\t\t\t\tthis.isUpdateMode.set(false);\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\tthis.filteredSelectionItems = newFilteredGroupSuggestions;\n\t\t\t});\n\n\t\t// If the form control's value is a string, perform a cache search to retrieve the ID.\n\t\tconst currentValue = this.ngControl?.control?.value;\n\t\tif (currentValue && typeof currentValue === 'string'){\n\t\t\t\t\tthis.isUpdateMode.set(true);\n\t\t\t\t\tthis.search({ query: currentValue });\n\t\t}\n\n\t}\n\n\tngAfterViewInit(): void {\n\t\tthis.autoCompleteRef.getOptionValue = this.getOptionValue.bind(this);\n\t}\n\n\tgetOptionValue(option: any) {\n\t\tif (!this.optionValue()) {\n\t\t\treturn option;\n\t\t}\n\n\t\tif (typeof option === 'object') {\n\t\t\treturn ObjectUtils.resolveFieldData(option, this.optionValue());\n\t\t}\n\n\t\treturn option;\n\t}\n\n\tonNgModelChange(value: string) {\n\t\tconst validatedValue = this.validateInput(value);\n\t\tthis.ngControl.viewToModelUpdate(validatedValue);\n\t}\n\n\tvalidateInput(value: string) {\n\t\tif (this.type() === 'number') {\n\t\t\treturn value.replace(/\\D/g, '');\n\t\t} else if (this.type() === 'text') {\n\t\t\treturn value.replace(/[^a-zA-ZğüşıöçĞÜŞİÖÇ\\s]/g, '');\n\t\t}\n\t\treturn value;\n\t}\n\n\tsearch(event: any) {\n\t\tconst query = this.validateInput(event.query);\n\t\tconst payload: CacheSearchRequestDTO = {\n\t\t\tsearchText: query?.trim(),\n\t\t\tassetDefinitionCodes: Array.isArray(this.assetCode()) ? this.assetCode() : ([this.assetCode()] as any),\n\t\t\tpager: {\n\t\t\t\tpageSize: 5,\n\t\t\t\tpageNumber: 1\n\t\t\t}\n\t\t};\n\n\t\tif (this.mql()) payload.mql = this.mql();\n\n\t\tthis.cacheSearchRequest$.next(payload);\n\t}\n\n\tgetAttiributesValueDescr(attributes: AttributeElement[]): string {\n\t\treturn attributes\n\t\t\t?.map((attr) => {\n\t\t\t\tconst value = attr.valueDesc ? attr.valueDesc : attr.value;\n\t\t\t\treturn typeof value === 'object' ? JSON.stringify(value) : String(value);\n\t\t\t})\n\t\t\t.join(' - ');\n\t}\n\n\ttriggerSelectedEvents(event: any) {\n\t\tconst selectedItems: AssetAggregate[] = Object.keys(this.selectionDefinitions).map((key: string) => {\n\t\t\treturn this.selectionDefinitions[key].result.find((item: AssetAggregate) => item.id === event?.value?.key);\n\t\t}) as AssetAggregate[];\n\n\t\tconst selectedItem = selectedItems[0];\n\n\t\tconst selectedEvent = {\n\t\t\t...selectedItem,\n\t\t\tkey: selectedItem?.id,\n\t\t\ttext: selectedItem?.assetDefinitionName,\n\t\t\tattributes: selectedItem?.attributes,\n\t\t\tassetDefinitionCode: selectedItem?.assetDefinitionCode\n\t\t};\n\n\t\tthis.selectedDefinitionEvent.emit(selectedEvent);\n\t}\n}\n","<p-autoComplete\n\toptionLabel=\"text\"\n\t[optionValue]=\"optionValue()!\"\n\t[placeholder]=\"placeholder()\"\n\t[multiple]=\"multiple()\"\n\t[group]=\"true\"\n\t[forceSelection]=\"forceSelection()\"\n\t[delay]=\"700\"\n\t[minLength]=\"3\"\n\t[suggestions]=\"filteredSelectionItems\"\n\t(completeMethod)=\"search($event)\"\n\t[formControl]=\"ngControl.control\"\n\t[autoHighlight]=\"true\"\n\t[type]=\"type()!\"\n\t(ngModelChange)=\"onNgModelChange($event)\"\n\t[showClear]=\"showClear()\"\n\t[emptyMessage]=\"translocoService.translate('messages.noDataToDisplay')\"\n\t(onSelect)=\"triggerSelectedEvents($event)\"\n\t[appendTo]=\"appendTo()\"\n\t(keyup.enter)=\"search($event)\">\n\t<ng-template let-group pTemplate=\"group\">\n\t\t<span class=\"font-bold\">{{ group.text }}</span>\n\t</ng-template>\n</p-autoComplete>\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-assetPicker.mjs","sources":["../../projects/aril/ui-business/assetPicker/src/asset-picker.component.ts","../../projects/aril/ui-business/assetPicker/src/asset-picker.component.html","../../projects/aril/ui-business/assetPicker/aril-ui-business-assetPicker.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport {\r\n\tAfterViewInit,\r\n\tComponent,\r\n\tDestroyRef,\r\n\tEventEmitter,\r\n\tOnInit,\r\n\tOutput,\r\n\tViewChild,\r\n\teffect,\r\n\tinject,\r\n\tinput,\r\n\tsignal\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';\r\nimport { ObjectUtils } from 'primeng/utils';\r\n\r\nimport { TranslocoService } from '@ngneat/transloco';\r\nimport { Subject, switchMap } from 'rxjs';\r\n\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { Apps } from 'aril/boot/config/apps';\r\nimport { SelectionGroupService } from 'aril/theme/layout';\r\nimport { BaseInputComponent, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\nimport {\r\n\tAssetAggregate,\r\n\tAttributeElement,\r\n\tCacheSearchRequestDTO,\r\n\tDefaultSearchAggregateAssetAggregate,\r\n\tSuggestionsDTO,\r\n\tSuggestionsGroupDTO\r\n} from './interface';\r\n\r\ntype ValueTypes = 'text' | 'number';\r\n@Component({\r\n\tstandalone: true,\r\n\tselector: 'aril-asset-picker[ngModel], aril-asset-picker[formControl], aril-asset-picker[formControlName]',\r\n\ttemplateUrl: './asset-picker.component.html',\r\n\tstyles: [\r\n\t\t`\r\n\t\t\t::ng-deep .p-autocomplete-multiple-container {\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t\tmax-height: 50px;\r\n\t\t\t\toverflow-y: auto;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\r\n\t\t\t::ng-deep .p-autocomplete-token {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tflex-shrink: 0;\r\n\t\t\t}\r\n\r\n\t\t\t::ng-deep .p-autocomplete-input-token {\r\n\t\t\t\tflex: 1;\r\n\t\t\t\tmin-width: 150px;\r\n\t\t\t}\r\n\t\t`\r\n\t],\r\n\timports: [ReactiveFormsModule, AutoCompleteModule],\r\n\thostDirectives: [ValueAccessorDirective]\r\n})\r\nexport class AssetPickerComponent extends BaseInputComponent implements AfterViewInit, OnInit {\r\n\t@ViewChild(AutoComplete) autoCompleteRef!: AutoComplete;\r\n\tassetCode = input<string | string[] | null>(null);\r\n\ttype = input<ValueTypes | null>(null);\r\n\r\n\tplaceholder = input<string>('Arama...');\r\n\tforceSelection = input<boolean>(false);\r\n\tmultiple = input<boolean>(false);\r\n\tshowClear = input<boolean>(false);\r\n\toptionValue = input<keyof SuggestionsDTO | null>(null);\r\n\tappendTo = input<string | HTMLElement | null>('body');\r\n\tmql = input<string>();\r\n\texcludedAttributeCodes = input<string[]>([]);\r\n\tisUpdateMode = signal<boolean>(false);\r\n\r\n\tfilteredSelectionItems!: SuggestionsGroupDTO[];\r\n\tselectionDefinitions!: DefaultSearchAggregateAssetAggregate;\r\n\tcacheSearchRequest$ = new Subject<CacheSearchRequestDTO>();\r\n\tdestroyRef = inject(DestroyRef);\r\n\t@Output() selectedDefinitionEvent: EventEmitter<AssetAggregate> = new EventEmitter<AssetAggregate>();\r\n\r\n\tconstructor(\r\n\t\tprivate readonly http: HttpClient,\r\n\t\tpublic translocoService: TranslocoService,\r\n\t\tprivate readonly selectionGroupService: SelectionGroupService\r\n\t) {\r\n\t\tsuper();\r\n\r\n\t\teffect(() => {\r\n\t\t\tthis.selectionGroupService.selectionGroups();\r\n\t\t\tif (this.selectionDefinitions) {\r\n\t\t\t\tthis.refreshFilteredSelectionItems();\r\n\t\t\t}\r\n\t\t});\r\n\t\t\r\n\t}\r\n\r\n\tngOnInit() {\r\n\t\tthis.cacheSearchRequest$\r\n\t\t\t.pipe(\r\n\t\t\t\tswitchMap((payload) =>\r\n\t\t\t\t\tthis.http.post<any>(API_CONFIGS.getExternalAppEndpoint(Apps.MNG) + '/master-data/cache-search', payload)\r\n\t\t\t\t),\r\n\t\t\t\ttakeUntilDestroyed(this.destroyRef)\r\n\t\t\t)\r\n\t\t\t.subscribe((selectionGroup) => {\r\n\t\t\t\tthis.selectionDefinitions = selectionGroup;\r\n\t\t\t\tthis.refreshFilteredSelectionItems();\r\n\t\t\t});\r\n\r\n\t\t// If the form control's value is a string, perform a cache search to retrieve the ID.\r\n\t\tconst currentValue = this.ngControl?.control?.value;\r\n\t\tif (currentValue && typeof currentValue === 'string'){\r\n\t\t\t\t\tthis.isUpdateMode.set(true);\r\n\t\t\t\t\tthis.search({ query: currentValue });\r\n\t\t}\r\n\r\n\t}\r\n\r\n\tprivate refreshFilteredSelectionItems(): void {\r\n\t\tif (!this.selectionDefinitions) return;\r\n\r\n\t\tconst newFilteredGroupSuggestions: SuggestionsGroupDTO[] = [];\r\n\r\n\t\tObject.keys(this.selectionDefinitions).forEach((key: string) => {\r\n\t\t\tconst groupData: SuggestionsGroupDTO = {\r\n\t\t\t\ttext: this.selectionDefinitions[key]?.result[0]?.assets[0]?.assetDefinitionName,\r\n\t\t\t\tkey: key,\r\n\t\t\t\titems: this.selectionDefinitions[key].result.map(\r\n\t\t\t\t\t(item: AssetAggregate) =>\r\n\t\t\t\t\t\t({\r\n\t\t\t\t\t\t\tkey: item.id,\r\n\t\t\t\t\t\t\ttext: this.getAttiributesValueDescr(item.attributes),\r\n\t\t\t\t\t\t\tattributes: item.attributes,\r\n\t\t\t\t\t\t\tassetDefinitionCode: item.assetDefinitionCode\r\n\t\t\t\t\t\t}) as SuggestionsDTO\r\n\t\t\t\t)\r\n\t\t\t};\r\n\t\t\tnewFilteredGroupSuggestions.push(groupData);\r\n\r\n\t\t\t// If the string value is patched in update mode and there is group data, select the first item\r\n\t\t\tif (this.isUpdateMode() && groupData.items.length === 1 && !this.multiple()) {\r\n\t\t\t\tthis.ngControl?.control?.setValue(groupData.items[0]);\r\n\t\t\t\tthis.isUpdateMode.set(false);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.filteredSelectionItems = newFilteredGroupSuggestions;\r\n\t}\r\n\r\n\tngAfterViewInit(): void {\r\n\t\tthis.autoCompleteRef.getOptionValue = this.getOptionValue.bind(this);\r\n\t}\r\n\r\n\tgetOptionValue(option: any) {\r\n\t\tif (!this.optionValue()) {\r\n\t\t\treturn option;\r\n\t\t}\r\n\r\n\t\tif (typeof option === 'object') {\r\n\t\t\treturn ObjectUtils.resolveFieldData(option, this.optionValue());\r\n\t\t}\r\n\r\n\t\treturn option;\r\n\t}\r\n\r\n\tonNgModelChange(value: string) {\r\n\t\tconst validatedValue = this.validateInput(value);\r\n\t\tthis.ngControl.viewToModelUpdate(validatedValue);\r\n\t}\r\n\r\n\tvalidateInput(value: string) {\r\n\t\tif (this.type() === 'number') {\r\n\t\t\treturn value.replace(/\\D/g, '');\r\n\t\t} else if (this.type() === 'text') {\r\n\t\t\treturn value.replace(/[^a-zA-ZğüşıöçĞÜŞİÖÇ\\s]/g, '');\r\n\t\t}\r\n\t\treturn value;\r\n\t}\r\n\r\n\tsearch(event: any) {\r\n\t\tconst query = this.validateInput(event.query);\r\n\t\tconst payload: CacheSearchRequestDTO = {\r\n\t\t\tsearchText: query?.trim(),\r\n\t\t\tassetDefinitionCodes: Array.isArray(this.assetCode()) ? this.assetCode() : ([this.assetCode()] as any),\r\n\t\t\tpager: {\r\n\t\t\t\tpageSize: 5,\r\n\t\t\t\tpageNumber: 1\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tif (this.mql()) payload.mql = this.mql();\r\n\r\n\t\tthis.cacheSearchRequest$.next(payload);\r\n\t}\r\n\r\n\tgetAttiributesValueDescr(attributes: AttributeElement[]): string {\r\n\t\tconst excludedAttributes = ['AssetId', 'AssetDefinitionName', ...this.excludedAttributeCodes()];\r\n\t\treturn attributes\r\n\t\t\t?.filter((attr) => !excludedAttributes.includes(attr.attribute?.attributeCode))\r\n\t\t\t?.map((attr) => {\r\n\t\t\t\t// Handle SELECT type attributes using SelectionGroupService\r\n\t\t\t\tif (attr.attribute?.attributeType === 'SELECT' && attr.attribute?.selectOption) {\r\n\t\t\t\t\treturn this.getSelectionDisplay(attr.attribute.selectOption, attr.value as string);\r\n\t\t\t\t}\r\n\t\t\t\tconst value = attr.valueDesc ? attr.valueDesc : attr.value;\r\n\t\t\t\treturn typeof value === 'object' ? JSON.stringify(value) : String(value);\r\n\t\t\t})\r\n\t\t\t.join(' - ');\r\n\t}\r\n\r\n\tprivate getSelectionDisplay(groupName: string, value: string): string {\r\n\t\tconst key = `${groupName}~ALL`;\r\n\t\tconst selectionGroup = this.selectionGroupService.selectionGroups()[key];\r\n\r\n\t\tif (!selectionGroup) {\r\n\t\t\tthis.selectionGroupService.fetchEnum(groupName, 'ALL');\r\n\t\t\treturn value;\r\n\t\t}\r\n\r\n\t\tconst currentLang = this.translocoService.getActiveLang();\r\n\t\tconst selectionItem = selectionGroup.selectionItems?.find((t) => t.selectionKey === value) as {\r\n\t\t\tselectionMultiLanguageDisplays?: { [lang: string]: string };\r\n\t\t\tselectionDisplay?: string;\r\n\t\t};\r\n\r\n\t\tif (!selectionItem) return value;\r\n\r\n\t\treturn selectionItem.selectionMultiLanguageDisplays?.[currentLang] ?? selectionItem.selectionDisplay ?? value;\r\n\t}\r\n\r\n\ttriggerSelectedEvents(event: any) {\r\n\t\tconst selectedItems: AssetAggregate[] = Object.keys(this.selectionDefinitions).map((key: string) => {\r\n\t\t\treturn this.selectionDefinitions[key].result.find((item: AssetAggregate) => item.id === event?.value?.key);\r\n\t\t}) as AssetAggregate[];\r\n\r\n\t\tconst selectedItem = selectedItems[0];\r\n\r\n\t\tconst selectedEvent = {\r\n\t\t\t...selectedItem,\r\n\t\t\tkey: selectedItem?.id,\r\n\t\t\ttext: selectedItem?.assetDefinitionName,\r\n\t\t\tattributes: selectedItem?.attributes,\r\n\t\t\tassetDefinitionCode: selectedItem?.assetDefinitionCode\r\n\t\t};\r\n\r\n\t\tthis.selectedDefinitionEvent.emit(selectedEvent);\r\n\t}\r\n}\r\n","<p-autoComplete\r\n\toptionLabel=\"text\"\r\n\t[optionValue]=\"optionValue()!\"\r\n\t[placeholder]=\"placeholder()\"\r\n\t[multiple]=\"multiple()\"\r\n\t[group]=\"true\"\r\n\t[forceSelection]=\"forceSelection()\"\r\n\t[delay]=\"700\"\r\n\t[minLength]=\"3\"\r\n\t[suggestions]=\"filteredSelectionItems\"\r\n\t(completeMethod)=\"search($event)\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t[autoHighlight]=\"true\"\r\n\t[type]=\"type()!\"\r\n\t(ngModelChange)=\"onNgModelChange($event)\"\r\n\t[showClear]=\"showClear()\"\r\n\t[emptyMessage]=\"translocoService.translate('messages.noDataToDisplay')\"\r\n\t(onSelect)=\"triggerSelectedEvents($event)\"\r\n\t[appendTo]=\"appendTo()\"\r\n\t(keyup.enter)=\"search($event)\">\r\n\t<ng-template let-group pTemplate=\"group\">\r\n\t\t<span class=\"font-bold\">{{ group.text }}</span>\r\n\t</ng-template>\r\n</p-autoComplete>\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-detailed-overlay-panel.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { input, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
 import * as i3 from 'primeng/progressspinner';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
 import * as i2 from 'primeng/tooltip';
-import { TooltipModule, Tooltip } from 'primeng/tooltip';
+import { Tooltip, TooltipModule } from 'primeng/tooltip';
 import { firstValueFrom } from 'rxjs';
 import { API_CONFIGS } from 'aril/boot/config/api';
 import { ValueComponent } from 'aril/ui/value';
@@ -50,11 +50,11 @@ class DetailedOverlayPanelComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DetailedOverlayPanelComponent, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DetailedOverlayPanelComponent, isStandalone: true, selector: "aril-detailed-oveylay-panel", inputs: { assetId: { classPropertyName: "assetId", publicName: "assetId", isSignal: true, isRequired: true, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: Tooltip, descendants: true }], ngImport: i0, template: "<span\n\t#spanRef\n\t(mouseenter)=\"onHover()\"\n\t[pTooltip]=\"tooltipContent\"\n\t[autoHide]=\"false\"\n\ttooltipStyleClass=\"detailed-overlay-tooltip\">\n\t<ng-content />\n</span>\n\n<ng-template #tooltipContent>\n\t@if (loading) {\n\t\t<p-progressSpinner styleClass=\"w-4rem h-4rem\" strokeWidth=\"8\" />\n\t} @else {\n\t\t<div class=\"w-full mb-2\">\n\t\t\t<p class=\"font-semibold\">{{ tableData.assetDefinitionName }} / {{ tableData.assetDefinitionCode }}</p>\n\t\t</div>\n\t\t<table class=\"w-full\">\n\t\t\t@for (infoAttribute of infoAttributes; track infoAttribute) {\n\t\t\t\t<tr>\n\t\t\t\t\t<td>\n\t\t\t\t\t\t{{ infoAttribute.attribute.attributeName }}\n\t\t\t\t\t</td>\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p class=\"font-bold m-0\">\n\t\t\t\t\t\t\t@switch (infoAttribute.attribute.attributeType) {\n\t\t\t\t\t\t\t\t@case ('DATE') {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"day\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@case ('DATE_TIME') {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"second\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@case ('BOOLEAN') {\n\t\t\t\t\t\t\t\t\t@if (infoAttribute.value === 'true') {\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Var\" />\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Yok\" />\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t\t<aril-value\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t[model]=\"infoAttribute.valueDesc ? infoAttribute.valueDesc : infoAttribute.value\"\n\t\t\t\t\t\t\t\t\t\t[shouldShowCopyForClampedText]=\"true\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</table>\n\t}\n</ng-template>\n", styles: ["table{width:100%;border-collapse:collapse}th,td{padding:8px;border:1px solid #ddd}::ng-deep .detailed-overlay-tooltip .p-tooltip-text{background:#fff;color:var(--text-color);width:max-content}\n"], dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: ValueComponent, selector: "aril-value", inputs: ["model", "type", "format", "isClickable", "groupName", "parentSelectionKey", "isTextClamp", "textClampCharacters", "style", "copyable", "shouldShowCopyForClampedText", "arrayTypeDisplayName", "arrayTypeMaxBadgeCount", "bigDecimalRoundingMode", "bigDecimalScale"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: DetailedOverlayPanelComponent, isStandalone: true, selector: "aril-detailed-oveylay-panel", inputs: { assetId: { classPropertyName: "assetId", publicName: "assetId", isSignal: true, isRequired: true, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "tooltip", first: true, predicate: Tooltip, descendants: true }], ngImport: i0, template: "<span\r\n\t#spanRef\r\n\t(mouseenter)=\"onHover()\"\r\n\t[pTooltip]=\"tooltipContent\"\r\n\t[autoHide]=\"false\"\r\n\ttooltipStyleClass=\"detailed-overlay-tooltip\">\r\n\t<ng-content />\r\n</span>\r\n\r\n<ng-template #tooltipContent>\r\n\t@if (loading) {\r\n\t\t<p-progressSpinner styleClass=\"w-4rem h-4rem\" strokeWidth=\"8\" />\r\n\t} @else {\r\n\t\t<div class=\"w-full mb-2\">\r\n\t\t\t<p class=\"font-semibold\">{{ tableData.assetDefinitionName }} / {{ tableData.assetDefinitionCode }}</p>\r\n\t\t</div>\r\n\t\t<table class=\"w-full\">\r\n\t\t\t@for (infoAttribute of infoAttributes; track infoAttribute) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t{{ infoAttribute.attribute.attributeName }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p class=\"font-bold m-0\">\r\n\t\t\t\t\t\t\t@switch (infoAttribute.attribute.attributeType) {\r\n\t\t\t\t\t\t\t\t@case ('DATE') {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"day\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@case ('DATE_TIME') {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"second\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@case ('BOOLEAN') {\r\n\t\t\t\t\t\t\t\t\t@if (infoAttribute.value === 'true') {\r\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Var\" />\r\n\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Yok\" />\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@default {\r\n\t\t\t\t\t\t\t\t\t<aril-value\r\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t[model]=\"infoAttribute.valueDesc ? infoAttribute.valueDesc : infoAttribute.value\"\r\n\t\t\t\t\t\t\t\t\t\t[shouldShowCopyForClampedText]=\"true\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</table>\r\n\t}\r\n</ng-template>\r\n", styles: ["table{width:100%;border-collapse:collapse}th,td{padding:8px;border:1px solid #ddd}::ng-deep .detailed-overlay-tooltip .p-tooltip-text{background:#fff;color:var(--text-color);width:max-content}\n"], dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i3.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: ValueComponent, selector: "aril-value", inputs: ["model", "type", "format", "isClickable", "groupName", "parentSelectionKey", "isTextClamp", "textClampCharacters", "style", "copyable", "shouldShowCopyForClampedText", "arrayTypeDisplayName", "arrayTypeMaxBadgeCount", "bigDecimalRoundingMode", "bigDecimalScale"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: DetailedOverlayPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aril-detailed-oveylay-panel', standalone: true, imports: [TooltipModule, ProgressSpinnerModule, ValueComponent, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n\t#spanRef\n\t(mouseenter)=\"onHover()\"\n\t[pTooltip]=\"tooltipContent\"\n\t[autoHide]=\"false\"\n\ttooltipStyleClass=\"detailed-overlay-tooltip\">\n\t<ng-content />\n</span>\n\n<ng-template #tooltipContent>\n\t@if (loading) {\n\t\t<p-progressSpinner styleClass=\"w-4rem h-4rem\" strokeWidth=\"8\" />\n\t} @else {\n\t\t<div class=\"w-full mb-2\">\n\t\t\t<p class=\"font-semibold\">{{ tableData.assetDefinitionName }} / {{ tableData.assetDefinitionCode }}</p>\n\t\t</div>\n\t\t<table class=\"w-full\">\n\t\t\t@for (infoAttribute of infoAttributes; track infoAttribute) {\n\t\t\t\t<tr>\n\t\t\t\t\t<td>\n\t\t\t\t\t\t{{ infoAttribute.attribute.attributeName }}\n\t\t\t\t\t</td>\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p class=\"font-bold m-0\">\n\t\t\t\t\t\t\t@switch (infoAttribute.attribute.attributeType) {\n\t\t\t\t\t\t\t\t@case ('DATE') {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"day\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@case ('DATE_TIME') {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"second\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@case ('BOOLEAN') {\n\t\t\t\t\t\t\t\t\t@if (infoAttribute.value === 'true') {\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Var\" />\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Yok\" />\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t\t<aril-value\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t[model]=\"infoAttribute.valueDesc ? infoAttribute.valueDesc : infoAttribute.value\"\n\t\t\t\t\t\t\t\t\t\t[shouldShowCopyForClampedText]=\"true\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</table>\n\t}\n</ng-template>\n", styles: ["table{width:100%;border-collapse:collapse}th,td{padding:8px;border:1px solid #ddd}::ng-deep .detailed-overlay-tooltip .p-tooltip-text{background:#fff;color:var(--text-color);width:max-content}\n"] }]
+            args: [{ selector: 'aril-detailed-oveylay-panel', standalone: true, imports: [TooltipModule, ProgressSpinnerModule, ValueComponent, TooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n\t#spanRef\r\n\t(mouseenter)=\"onHover()\"\r\n\t[pTooltip]=\"tooltipContent\"\r\n\t[autoHide]=\"false\"\r\n\ttooltipStyleClass=\"detailed-overlay-tooltip\">\r\n\t<ng-content />\r\n</span>\r\n\r\n<ng-template #tooltipContent>\r\n\t@if (loading) {\r\n\t\t<p-progressSpinner styleClass=\"w-4rem h-4rem\" strokeWidth=\"8\" />\r\n\t} @else {\r\n\t\t<div class=\"w-full mb-2\">\r\n\t\t\t<p class=\"font-semibold\">{{ tableData.assetDefinitionName }} / {{ tableData.assetDefinitionCode }}</p>\r\n\t\t</div>\r\n\t\t<table class=\"w-full\">\r\n\t\t\t@for (infoAttribute of infoAttributes; track infoAttribute) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t{{ infoAttribute.attribute.attributeName }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p class=\"font-bold m-0\">\r\n\t\t\t\t\t\t\t@switch (infoAttribute.attribute.attributeType) {\r\n\t\t\t\t\t\t\t\t@case ('DATE') {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"day\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@case ('DATE_TIME') {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"second\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@case ('BOOLEAN') {\r\n\t\t\t\t\t\t\t\t\t@if (infoAttribute.value === 'true') {\r\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Var\" />\r\n\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Yok\" />\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@default {\r\n\t\t\t\t\t\t\t\t\t<aril-value\r\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t[model]=\"infoAttribute.valueDesc ? infoAttribute.valueDesc : infoAttribute.value\"\r\n\t\t\t\t\t\t\t\t\t\t[shouldShowCopyForClampedText]=\"true\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</table>\r\n\t}\r\n</ng-template>\r\n", styles: ["table{width:100%;border-collapse:collapse}th,td{padding:8px;border:1px solid #ddd}::ng-deep .detailed-overlay-tooltip .p-tooltip-text{background:#fff;color:var(--text-color);width:max-content}\n"] }]
         }], ctorParameters: () => [{ type: i1.HttpClient }], propDecorators: { tooltip: [{
                 type: ViewChild,
                 args: [Tooltip]

package/fesm2022/aril-ui-business-detailed-overlay-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-business-detailed-overlay-panel.mjs","sources":["../../projects/aril/ui-business/detailed-overlay-panel/src/detailed-overlay-panel.component.ts","../../projects/aril/ui-business/detailed-overlay-panel/src/detailed-overlay-panel.component.html","../../projects/aril/ui-business/detailed-overlay-panel/aril-ui-business-detailed-overlay-panel.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { ChangeDetectionStrategy, Component, ViewChild, input } from '@angular/core';\n\nimport { ProgressSpinnerModule } from 'primeng/progressspinner';\nimport { Tooltip, TooltipModule } from 'primeng/tooltip';\n\nimport { firstValueFrom } from 'rxjs';\n\nimport { API_CONFIGS } from 'aril/boot/config/api';\nimport { ValueComponent } from 'aril/ui/value';\n\nimport { AssetAggregate, AttributeElement } from './interface';\n\n/**\n * A component to display detailed tooltips with configurable position, event triggers, and delays.\n */\n@Component({\n\tselector: 'aril-detailed-oveylay-panel',\n\tstandalone: true,\n\timports: [TooltipModule, ProgressSpinnerModule, ValueComponent, TooltipModule],\n\ttemplateUrl: './detailed-overlay-panel.component.html',\n\tstyleUrl: './detailed-overlay-panel.component.scss',\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DetailedOverlayPanelComponent {\n\tassetId = input.required<any>();\n\tstyle = input<any>({});\n\tstyleClass = input<string>('');\n\tcolumns = input<{ field: string; header: string }[]>([]);\n\ttableData: AssetAggregate = {} as AssetAggregate;\n\tloading = false;\n\tinfoAttributes: AttributeElement[] = [];\n\ttableDataCache: { [assetId: string]: AssetAggregate } = {};\n\n\t@ViewChild(Tooltip) tooltip!: Tooltip;\n\n\tconstructor(private readonly http: HttpClient) {}\n\n\tasync onHover() {\n\t\tif (this.tableDataCache[this.assetId()]) {\n\t\t\tthis.tableData = this.tableDataCache[this.assetId()];\n\t\t\tthis.infoAttributes = this.tableData.attributes;\n\t\t\treturn;\n\t\t}\n\t\tthis.loading = true;\n\t\ttry {\n\t\t\tconst hostApi = API_CONFIGS.api.replace(/\\/[^/]+\\/v1$/, `/host/v1`);\n\t\t\tconst result = await firstValueFrom(\n\t\t\t\tthis.http.get<AssetAggregate>(`${hostApi}/master-data/${this.assetId()}/hover`)\n\t\t\t);\n\n\t\t\tif (result) {\n\t\t\t\tthis.tableDataCache[this.assetId()] = result;\n\t\t\t\tthis.tableData = result;\n\t\t\t\tthis.infoAttributes = result.attributes;\n\t\t\t}\n\t\t\tthis.loading = false;\n\t\t\tif (this.tooltip.active) {\n\t\t\t\tthis.tooltip.show();\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error('Error fetching asset detail:', error);\n\t\t\tthis.loading = false;\n\t\t}\n\t}\n}\n","<span\n\t#spanRef\n\t(mouseenter)=\"onHover()\"\n\t[pTooltip]=\"tooltipContent\"\n\t[autoHide]=\"false\"\n\ttooltipStyleClass=\"detailed-overlay-tooltip\">\n\t<ng-content />\n</span>\n\n<ng-template #tooltipContent>\n\t@if (loading) {\n\t\t<p-progressSpinner styleClass=\"w-4rem h-4rem\" strokeWidth=\"8\" />\n\t} @else {\n\t\t<div class=\"w-full mb-2\">\n\t\t\t<p class=\"font-semibold\">{{ tableData.assetDefinitionName }} / {{ tableData.assetDefinitionCode }}</p>\n\t\t</div>\n\t\t<table class=\"w-full\">\n\t\t\t@for (infoAttribute of infoAttributes; track infoAttribute) {\n\t\t\t\t<tr>\n\t\t\t\t\t<td>\n\t\t\t\t\t\t{{ infoAttribute.attribute.attributeName }}\n\t\t\t\t\t</td>\n\t\t\t\t\t<td>\n\t\t\t\t\t\t<p class=\"font-bold m-0\">\n\t\t\t\t\t\t\t@switch (infoAttribute.attribute.attributeType) {\n\t\t\t\t\t\t\t\t@case ('DATE') {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"day\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@case ('DATE_TIME') {\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"second\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@case ('BOOLEAN') {\n\t\t\t\t\t\t\t\t\t@if (infoAttribute.value === 'true') {\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Var\" />\n\t\t\t\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Yok\" />\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t@default {\n\t\t\t\t\t\t\t\t\t<aril-value\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t[model]=\"infoAttribute.valueDesc ? infoAttribute.valueDesc : infoAttribute.value\"\n\t\t\t\t\t\t\t\t\t\t[shouldShowCopyForClampedText]=\"true\" />\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t}\n\t\t</table>\n\t}\n</ng-template>\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-detailed-overlay-panel.mjs","sources":["../../projects/aril/ui-business/detailed-overlay-panel/src/detailed-overlay-panel.component.ts","../../projects/aril/ui-business/detailed-overlay-panel/src/detailed-overlay-panel.component.html","../../projects/aril/ui-business/detailed-overlay-panel/aril-ui-business-detailed-overlay-panel.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { ChangeDetectionStrategy, Component, ViewChild, input } from '@angular/core';\r\n\r\nimport { ProgressSpinnerModule } from 'primeng/progressspinner';\r\nimport { Tooltip, TooltipModule } from 'primeng/tooltip';\r\n\r\nimport { firstValueFrom } from 'rxjs';\r\n\r\nimport { API_CONFIGS } from 'aril/boot/config/api';\r\nimport { ValueComponent } from 'aril/ui/value';\r\n\r\nimport { AssetAggregate, AttributeElement } from './interface';\r\n\r\n/**\r\n * A component to display detailed tooltips with configurable position, event triggers, and delays.\r\n */\r\n@Component({\r\n\tselector: 'aril-detailed-oveylay-panel',\r\n\tstandalone: true,\r\n\timports: [TooltipModule, ProgressSpinnerModule, ValueComponent, TooltipModule],\r\n\ttemplateUrl: './detailed-overlay-panel.component.html',\r\n\tstyleUrl: './detailed-overlay-panel.component.scss',\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class DetailedOverlayPanelComponent {\r\n\tassetId = input.required<any>();\r\n\tstyle = input<any>({});\r\n\tstyleClass = input<string>('');\r\n\tcolumns = input<{ field: string; header: string }[]>([]);\r\n\ttableData: AssetAggregate = {} as AssetAggregate;\r\n\tloading = false;\r\n\tinfoAttributes: AttributeElement[] = [];\r\n\ttableDataCache: { [assetId: string]: AssetAggregate } = {};\r\n\r\n\t@ViewChild(Tooltip) tooltip!: Tooltip;\r\n\r\n\tconstructor(private readonly http: HttpClient) {}\r\n\r\n\tasync onHover() {\r\n\t\tif (this.tableDataCache[this.assetId()]) {\r\n\t\t\tthis.tableData = this.tableDataCache[this.assetId()];\r\n\t\t\tthis.infoAttributes = this.tableData.attributes;\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tthis.loading = true;\r\n\t\ttry {\r\n\t\t\tconst hostApi = API_CONFIGS.api.replace(/\\/[^/]+\\/v1$/, `/host/v1`);\r\n\t\t\tconst result = await firstValueFrom(\r\n\t\t\t\tthis.http.get<AssetAggregate>(`${hostApi}/master-data/${this.assetId()}/hover`)\r\n\t\t\t);\r\n\r\n\t\t\tif (result) {\r\n\t\t\t\tthis.tableDataCache[this.assetId()] = result;\r\n\t\t\t\tthis.tableData = result;\r\n\t\t\t\tthis.infoAttributes = result.attributes;\r\n\t\t\t}\r\n\t\t\tthis.loading = false;\r\n\t\t\tif (this.tooltip.active) {\r\n\t\t\t\tthis.tooltip.show();\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error('Error fetching asset detail:', error);\r\n\t\t\tthis.loading = false;\r\n\t\t}\r\n\t}\r\n}\r\n","<span\r\n\t#spanRef\r\n\t(mouseenter)=\"onHover()\"\r\n\t[pTooltip]=\"tooltipContent\"\r\n\t[autoHide]=\"false\"\r\n\ttooltipStyleClass=\"detailed-overlay-tooltip\">\r\n\t<ng-content />\r\n</span>\r\n\r\n<ng-template #tooltipContent>\r\n\t@if (loading) {\r\n\t\t<p-progressSpinner styleClass=\"w-4rem h-4rem\" strokeWidth=\"8\" />\r\n\t} @else {\r\n\t\t<div class=\"w-full mb-2\">\r\n\t\t\t<p class=\"font-semibold\">{{ tableData.assetDefinitionName }} / {{ tableData.assetDefinitionCode }}</p>\r\n\t\t</div>\r\n\t\t<table class=\"w-full\">\r\n\t\t\t@for (infoAttribute of infoAttributes; track infoAttribute) {\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t{{ infoAttribute.attribute.attributeName }}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t\t<td>\r\n\t\t\t\t\t\t<p class=\"font-bold m-0\">\r\n\t\t\t\t\t\t\t@switch (infoAttribute.attribute.attributeType) {\r\n\t\t\t\t\t\t\t\t@case ('DATE') {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"day\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@case ('DATE_TIME') {\r\n\t\t\t\t\t\t\t\t\t<aril-value type=\"date\" [model]=\"infoAttribute?.value\" format=\"second\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@case ('BOOLEAN') {\r\n\t\t\t\t\t\t\t\t\t@if (infoAttribute.value === 'true') {\r\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Var\" />\r\n\t\t\t\t\t\t\t\t\t} @else {\r\n\t\t\t\t\t\t\t\t\t\t<aril-value type=\"text\" model=\"Yok\" />\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t@default {\r\n\t\t\t\t\t\t\t\t\t<aril-value\r\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t[model]=\"infoAttribute.valueDesc ? infoAttribute.valueDesc : infoAttribute.value\"\r\n\t\t\t\t\t\t\t\t\t\t[shouldShowCopyForClampedText]=\"true\" />\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t}\r\n\t\t</table>\r\n\t}\r\n</ng-template>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAaA;;AAEG;MASU,6BAA6B,CAAA;AAYzC,IAAA,WAAA,CAA6B,IAAgB,EAAA;QAAhB,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAY;AAX7C,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAO,CAAC;AAChC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAM,EAAE,CAAC,CAAC;AACvB,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,CAAC,CAAC;AAC/B,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAsC,EAAE,CAAC,CAAC;QACzD,IAAS,CAAA,SAAA,GAAmB,EAAoB,CAAC;QACjD,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAChB,IAAc,CAAA,cAAA,GAAuB,EAAE,CAAC;QACxC,IAAc,CAAA,cAAA,GAA0C,EAAE,CAAC;KAIV;AAEjD,IAAA,MAAM,OAAO,GAAA;QACZ,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;AACxC,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YACrD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;YAChD,OAAO;SACP;AACD,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;AACpB,QAAA,IAAI;AACH,YAAA,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,CAAU,QAAA,CAAA,CAAC,CAAC;YACpE,MAAM,MAAM,GAAG,MAAM,cAAc,CAClC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAiB,CAAG,EAAA,OAAO,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAA,MAAA,CAAQ,CAAC,CAC/E,CAAC;YAEF,IAAI,MAAM,EAAE;gBACX,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC;AAC7C,gBAAA,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;AACxB,gBAAA,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC;aACxC;AACD,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACrB,YAAA,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;AACxB,gBAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;aACpB;SACD;QAAC,OAAO,KAAK,EAAE;AACf,YAAA,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;AACrD,YAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACrB;KACD;8GAxCW,6BAA6B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA7B,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAU9B,OAAO,EClCnB,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,82DAoDA,2PDjCW,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,cAAc,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,QAAA,EAAA,aAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAKlD,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBARzC,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,EAC3B,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,aAAa,EAAE,qBAAqB,EAAE,cAAc,EAAE,aAAa,CAAC,EAG7D,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,82DAAA,EAAA,MAAA,EAAA,CAAA,oMAAA,CAAA,EAAA,CAAA;+EAY3B,OAAO,EAAA,CAAA;sBAA1B,SAAS;uBAAC,OAAO,CAAA;;;AElCnB;;AAEG;;;;"}