cat-qw-lib 2.6.38 → 2.6.39

package/fesm2022/cat-qw-lib.mjs

@@ -4107,15 +4107,12 @@ class WidgetAdminFormComponent extends BaseFormComponent {
     baseStore;
     baseQuery;
     widgetItem;
-    widgetItems = [];
     dictionaries = [];
     headerDictionaryItems = [];
     subHeaderDictionaryItems = [];
     dictionaryItemArray = [];
     badgeDictionaryItemArray = [];
-    widgetOptionsArray = [];
     widgetLayoutTypeList = widgetLayoutTypeList;
-    enableDictionaryDebugLogs = true;
     constructor(service, validatorService, widgetStore, query, router, activatedRoute, baseStore, baseQuery) {
         super(service, validatorService, router, activatedRoute);
         this.service = service;
@@ -4135,94 +4132,31 @@ class WidgetAdminFormComponent extends BaseFormComponent {
     ngOnInit() {
         super.init();
         this.baseStore.setIsApiValidated(null);
-        this.recordChange.asObservable().subscribe((record) => {
-            const hasRecord = !!record && (!!record._id ||
-                !!record.apiConfigId ||
-                (record.dataItems?.length ?? 0) > 0 ||
-                (record.badges?.length ?? 0) > 0 ||
-                !!record.headerDictionaryID);
-            // Ignore initial empty emissions to avoid clearing edit values before actual record arrives.
-            if (!hasRecord) {
+        this.recordChange
+            .asObservable()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((record) => {
+            const hasRecord = !!record && (!!record._id || !!record.apiConfigId || (record.dataItems?.length ?? 0) > 0 || (record.badges?.length ?? 0) > 0 || !!record.headerDictionaryID);
+            if (!hasRecord)
                 return;
-            }
-            // recordChange can emit readonly store objects; clone before normalization/mutation.
             const editableRecord = structuredClone((record || {}));
             const withAliases = this.normalizeIncomingDictionaryAliases(editableRecord);
             const withStyles = this.normalizeLoadedRecordStyles(withAliases);
             this.record = withStyles;
-            // Hydrate dependent dictionary-item dropdown arrays immediately on edit load.
             this.refreshDictionaryItemListsForRecord();
-            // Dictionaries are scoped by apiConfigId (not queueID — that field does not exist on widget).
-            this.handleAPIChange(this.record.apiConfigId);
+            this.handleApiConfigChange(this.record.apiConfigId);
         });
     }
-    /**
-     * Widget Items / Badges dropdowns bind to dictionaryID + dictionaryItemID (template).
-     * API may send dataDictionaryId + dictionaryItemID (or any mix). Keep both in sync.
-     */
-    syncRowDictionaryKeys(row) {
-        const dictionaryId = row?.dataDictionaryId || row?.dictionaryID || '';
-        const dictionaryItemId = row?.dictionaryItemId || row?.dictionaryItemID || '';
-        return {
-            ...row,
-            dataDictionaryId: dictionaryId,
-            dictionaryID: dictionaryId,
-            dictionaryItemId: dictionaryItemId,
-            dictionaryItemID: dictionaryItemId,
-        };
-    }
-    /**
-     * Normalize backend dictionary keys into UI form keys on edit load.
-     * This lets dropdowns preselect values immediately without user re-selection.
-     */
-    normalizeIncomingDictionaryAliases(record) {
-        return {
-            ...record,
-            dataItems: (record.dataItems || []).map((item) => this.syncRowDictionaryKeys(item)),
-            badges: (record.badges || []).map((badge) => this.syncRowDictionaryKeys(badge)),
-        };
-    }
-    handleWidgetItemAddBtnClick() {
-        if (!(this.record.name && this.record.apiConfigId))
-            return;
-        if (Array.isArray(this.record.dataItems)) {
-            const hasEmptyItem = this.record.dataItems.some((item) => {
-                const isItemNameEmpty = !item.name || item.name.trim() === SHARED.EMPTY;
-                const dictionaryId = item.dataDictionaryId || item.dictionaryID;
-                const dictionaryItemId = item.dictionaryItemId || item.dictionaryItemID;
-                const isDictionaryEmpty = !dictionaryId || dictionaryId.trim() === SHARED.EMPTY;
-                const isDictionaryItemEmpty = !dictionaryItemId || dictionaryItemId.trim() === SHARED.EMPTY;
-                return isItemNameEmpty && isDictionaryItemEmpty && isDictionaryEmpty;
-            });
-            if (hasEmptyItem) {
-                return;
-            }
-        }
-        else {
-            this.record.dataItems = [];
-        }
-        this.record.dataItems = [...this.record.dataItems, new WidgetItemModel()];
-        this.dictionaryItemArray = [...this.dictionaryItemArray, []];
-    }
-    handleAPIChange(apiConfigId) {
-        this.query.getLists().subscribe((allLists) => {
+    handleApiConfigChange(apiConfigId) {
+        this.query.getLists()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((allLists) => {
             const dictionaryListMeta = allLists.find((list) => list.forProperty === 'dataDictionaryId' || list.forProperty === 'dictionaryID');
             const allDictionaryRecords = dictionaryListMeta?.records;
-            if (this.enableDictionaryDebugLogs) {
-                console.log('[WidgetAdmin] dictionary list resolved', {
-                    expectedForProperty: ['dataDictionaryId', 'dictionaryID'],
-                    actualForProperty: dictionaryListMeta?.forProperty,
-                    dataSource: dictionaryListMeta?.dataSource,
-                    totalRecords: allDictionaryRecords?.length || 0,
-                    selectedApiConfigId: apiConfigId
-                });
-            }
             if (apiConfigId) {
-                this.dictionaries =
-                    allDictionaryRecords?.filter((item) => String(item.apiConfigId ?? item.apiConfigID ?? '') === String(apiConfigId ?? '')) || [];
+                this.dictionaries = allDictionaryRecords?.filter((item) => String(item.apiConfigId ?? item.apiConfigID ?? '') === String(apiConfigId ?? '')) || [];
             }
             else {
-                // Edit fallback when apiConfigId is not yet available: keep dictionaries needed by currently selected IDs.
                 const selectedDictionaryIds = new Set();
                 if (this.record?.headerDictionaryID)
                     selectedDictionaryIds.add(String(this.record.headerDictionaryID));
@@ -4240,123 +4174,43 @@ class WidgetAdminFormComponent extends BaseFormComponent {
                 });
                 this.dictionaries = (allDictionaryRecords || []).filter((d) => selectedDictionaryIds.has(String(d?._id)));
             }
-            if (this.enableDictionaryDebugLogs) {
-                console.log('[WidgetAdmin] dictionary records after apiConfigId filter', {
-                    selectedApiConfigId: apiConfigId,
-                    filteredCount: this.dictionaries.length,
-                });
-            }
-            this.refreshDictionaryItemListsForRecord();
-        });
-    }
-    /**
-     * Rebuilds header/subheader/widget-item/badge dictionary item options from list data
-     * after apiConfigId changes (or on initial load). Single list read avoids races from N subscriptions.
-     */
-    refreshDictionaryItemListsForRecord() {
-        this.query.getLists().subscribe((allLists) => {
-            const dictionaryItemListMeta = allLists.find((list) => list.forProperty === 'dictionaryItemId' || list.forProperty === 'dictionaryItemID');
-            const allDictionaryItemRecords = dictionaryItemListMeta?.records || [];
-            if (this.enableDictionaryDebugLogs) {
-                console.log('[WidgetAdmin] dictionary item list resolved', {
-                    expectedForProperty: ['dictionaryItemId', 'dictionaryItemID'],
-                    actualForProperty: dictionaryItemListMeta?.forProperty,
-                    dataSource: dictionaryItemListMeta?.dataSource,
-                    totalRecords: allDictionaryItemRecords.length,
-                });
-            }
-            const itemsForDictionary = (dictionaryId) => this.getDictionaryItemsByDictionaryId(allDictionaryItemRecords, dictionaryId);
-            // Edit payload can miss dictionaryID/dataDictionaryId while providing dictionaryItemID.
-            // Infer dictionary ids first so dictionary dropdowns can preselect correctly.
-            this.hydrateMissingDictionaryIdsFromItemSelection(allDictionaryItemRecords);
-            const r = this.record;
-            this.headerDictionaryItems = itemsForDictionary(r.headerDictionaryID);
-            this.subHeaderDictionaryItems = itemsForDictionary(r.subHeaderDictionaryID);
-            this.dictionaryItemArray = (r.dataItems || []).map((item) => itemsForDictionary(item.dataDictionaryId || item.dictionaryID));
-            this.badgeDictionaryItemArray = (r.badges || []).map((badge) => itemsForDictionary(badge.dataDictionaryId || badge.dictionaryID));
+            this.applyDictionaryItemListsFromLists(allLists);
         });
     }
-    hydrateMissingDictionaryIdsFromItemSelection(allDictionaryItemRecords) {
-        const inferDictionaryId = (dictionaryItemId) => {
-            if (!dictionaryItemId) {
-                return '';
-            }
-            const matched = allDictionaryItemRecords.find((item) => String(item?._id) === String(dictionaryItemId));
-            return (matched?.dataDictionaryId || matched?.dictionaryID || '');
-        };
-        this.record.dataItems = (this.record.dataItems || []).map((item) => {
-            const currentDictionaryId = item?.dataDictionaryId || item?.dictionaryID || '';
-            const dictionaryItemId = item?.dictionaryItemId || item?.dictionaryItemID || '';
-            const inferredDictionaryId = inferDictionaryId(dictionaryItemId);
-            const resolvedDictId = currentDictionaryId || inferredDictionaryId || this.record.headerDictionaryID || '';
-            return this.syncRowDictionaryKeys({
-                ...item,
-                dataDictionaryId: resolvedDictId,
-                dictionaryID: resolvedDictId,
-                dictionaryItemId: dictionaryItemId,
-                dictionaryItemID: dictionaryItemId,
-            });
-        });
-        this.record.badges = (this.record.badges || []).map((badge) => {
-            const currentDictionaryId = badge?.dataDictionaryId || badge?.dictionaryID || '';
-            const dictionaryItemId = badge?.dictionaryItemId || badge?.dictionaryItemID || '';
-            const inferredDictionaryId = inferDictionaryId(dictionaryItemId);
-            const resolvedDictId = currentDictionaryId || inferredDictionaryId || this.record.headerDictionaryID || '';
-            return this.syncRowDictionaryKeys({
-                ...badge,
-                dataDictionaryId: resolvedDictId,
-                dictionaryID: resolvedDictId,
-                dictionaryItemId: dictionaryItemId,
-                dictionaryItemID: dictionaryItemId,
+    handleWidgetItemAddBtnClick() {
+        if (!(this.record.name && this.record.apiConfigId))
+            return;
+        if (Array.isArray(this.record.dataItems)) {
+            const hasEmptyItem = this.record.dataItems.some((item) => {
+                const isItemNameEmpty = !item.name || item.name.trim() === SHARED.EMPTY;
+                const dictionaryId = item.dataDictionaryId || item.dictionaryID;
+                const dictionaryItemId = item.dictionaryItemId || item.dictionaryItemID;
+                const isDictionaryEmpty = !dictionaryId || dictionaryId.trim() === SHARED.EMPTY;
+                const isDictionaryItemEmpty = !dictionaryItemId || dictionaryItemId.trim() === SHARED.EMPTY;
+                return isItemNameEmpty && isDictionaryItemEmpty && isDictionaryEmpty;
             });
-        });
-    }
-    getDictionaryItemsByDictionaryId(allDictionaryItemRecords, dictionaryId) {
-        if (!dictionaryId) {
-            return [];
-        }
-        const byLegacyDictionaryId = allDictionaryItemRecords.filter((item) => item.dataDictionaryId === dictionaryId || item.dictionaryID === dictionaryId);
-        if (byLegacyDictionaryId.length > 0) {
-            if (this.enableDictionaryDebugLogs) {
-                console.log('[WidgetAdmin] dictionary items matched by dictionary id relation', {
-                    dictionaryId,
-                    matchedCount: byLegacyDictionaryId.length
-                });
-            }
-            return byLegacyDictionaryId;
-        }
-        const selectedDictionary = this.dictionaries.find((d) => d._id === dictionaryId);
-        const dictionaryItemsIds = selectedDictionary?.dictionaryItemsIds || [];
-        if (!Array.isArray(dictionaryItemsIds) || dictionaryItemsIds.length === 0) {
-            return [];
+            if (hasEmptyItem)
+                return;
         }
-        const dictionaryItemsIdSet = new Set(dictionaryItemsIds.map((id) => String(id)));
-        const byDictionaryItemsIds = allDictionaryItemRecords.filter((item) => dictionaryItemsIdSet.has(String(item._id)));
-        if (this.enableDictionaryDebugLogs) {
-            console.log('[WidgetAdmin] dictionary items matched by dictionaryItemsIds fallback', {
-                dictionaryId,
-                dictionaryItemsIdsCount: dictionaryItemsIds.length,
-                matchedCount: byDictionaryItemsIds.length
-            });
+        else {
+            this.record.dataItems = [];
         }
-        return byDictionaryItemsIds;
+        this.record.dataItems = [...this.record.dataItems, new WidgetItemModel()];
+        this.dictionaryItemArray = [...this.dictionaryItemArray, []];
     }
     handleHeaderDictionarySelect(dictionaryId) {
-        this.query.getLists().subscribe((allLists) => {
-            const allDictionaryItemRecords = allLists.find((list) => list.forProperty === 'dictionaryItemId' || list.forProperty === 'dictionaryItemID')?.records;
-            this.headerDictionaryItems = this.getDictionaryItemsByDictionaryId(allDictionaryItemRecords || [], dictionaryId);
+        this.setDictionaryItemsForDictionaryId(dictionaryId, (items) => {
+            this.headerDictionaryItems = items;
         });
     }
     handleSubHeaderDictionarySelect(dictionaryId) {
-        this.query.getLists().subscribe((allLists) => {
-            const allDictionaryItemRecords = allLists.find((list) => list.forProperty === 'dictionaryItemId' || list.forProperty === 'dictionaryItemID')?.records;
-            this.subHeaderDictionaryItems = this.getDictionaryItemsByDictionaryId(allDictionaryItemRecords || [], dictionaryId);
+        this.setDictionaryItemsForDictionaryId(dictionaryId, (items) => {
+            this.subHeaderDictionaryItems = items;
         });
     }
     handleWidgetItemDictionarySelect(dictionaryId, index) {
-        this.query.getLists().subscribe((allLists) => {
-            const allDictionaryItemRecords = allLists.find((list) => list.forProperty === 'dictionaryItemId' || list.forProperty === 'dictionaryItemID')?.records;
-            this.dictionaryItemArray[index] = this.getDictionaryItemsByDictionaryId(allDictionaryItemRecords || [], dictionaryId);
+        this.setDictionaryItemsForDictionaryId(dictionaryId, (items) => {
+            this.dictionaryItemArray[index] = items;
         });
     }
     handleBadgeAddBtnClick() {
@@ -4370,9 +4224,8 @@ class WidgetAdminFormComponent extends BaseFormComponent {
                 const isDictionaryItemEmpty = !dictionaryItemId || dictionaryItemId.trim() === SHARED.EMPTY;
                 return isDictionaryItemEmpty && isDictionaryEmpty;
             });
-            if (hasEmptyBadge) {
+            if (hasEmptyBadge)
                 return;
-            }
         }
         else {
             this.record.badges = [];
@@ -4381,9 +4234,8 @@ class WidgetAdminFormComponent extends BaseFormComponent {
         this.badgeDictionaryItemArray = [...this.badgeDictionaryItemArray, []];
     }
     handleBadgeDictionarySelect(dictionaryId, index) {
-        this.query.getLists().subscribe((allLists) => {
-            const allDictionaryItemRecords = allLists.find((list) => list.forProperty === 'dictionaryItemId' || list.forProperty === 'dictionaryItemID')?.records;
-            this.badgeDictionaryItemArray[index] = this.getDictionaryItemsByDictionaryId(allDictionaryItemRecords || [], dictionaryId);
+        this.setDictionaryItemsForDictionaryId(dictionaryId, (items) => {
+            this.badgeDictionaryItemArray[index] = items;
         });
     }
     handleDeleteBadge(index) {
@@ -4395,7 +4247,7 @@ class WidgetAdminFormComponent extends BaseFormComponent {
             console.error(ERROR.INVALID_INDEX, index);
         }
     }
-    handleDeleteRecord(index) {
+    handleWidgetItemDelete(index) {
         if (this.record.dataItems && index >= 0 && index < this.record.dataItems.length) {
             this.record.dataItems = this.record.dataItems.filter((_, i) => i !== index);
             this.dictionaryItemArray = this.dictionaryItemArray.filter((_, i) => i !== index);
@@ -4404,6 +4256,125 @@ class WidgetAdminFormComponent extends BaseFormComponent {
             console.error(ERROR.INVALID_INDEX, index);
         }
     }
+    handleUpdateRecord() {
+        if (!this.record._id || Object.keys(this.record).length === 0)
+            return;
+        const payload = this.buildWidgetRecordForApi();
+        this.service.update(this.record._id, payload).subscribe({
+            next: (response) => {
+                this.record = {};
+                this.baseStore?.setIsApiValidated(null);
+                this.onFormNavigate.emit(response);
+            },
+            error: (error) => {
+                console.error('Error updating record:', error);
+            },
+        });
+    }
+    handleAddRecord() {
+        if (!this.record || Object.keys(this.record).length === 0)
+            return;
+        const payload = this.buildWidgetRecordForApi();
+        this.service.create(payload).subscribe({
+            next: (response) => {
+                this.record = {};
+                this.baseStore?.setIsApiValidated(null);
+                this.onFormNavigate.emit(response);
+            },
+            error: (error) => {
+                console.error('Error creating record:', error);
+            },
+        });
+    }
+    /**
+     * Widget Items / Badges dropdowns bind to dictionaryID + dictionaryItemID (template).
+     * API may send dataDictionaryId + dictionaryItemID (or any mix). Keep both in sync.
+     */
+    syncRowDictionaryKeys(row) {
+        const dictionaryId = row?.dataDictionaryId || row?.dictionaryID || '';
+        const dictionaryItemId = row?.dictionaryItemId || row?.dictionaryItemID || '';
+        return {
+            ...row,
+            dataDictionaryId: dictionaryId,
+            dictionaryID: dictionaryId,
+            dictionaryItemId: dictionaryItemId,
+            dictionaryItemID: dictionaryItemId,
+        };
+    }
+    normalizeIncomingDictionaryAliases(record) {
+        return {
+            ...record,
+            dataItems: (record.dataItems || []).map((item) => this.syncRowDictionaryKeys(item)),
+            badges: (record.badges || []).map((badge) => this.syncRowDictionaryKeys(badge)),
+        };
+    }
+    refreshDictionaryItemListsForRecord() {
+        this.query.getLists()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((allLists) => this.applyDictionaryItemListsFromLists(allLists));
+    }
+    applyDictionaryItemListsFromLists(allLists) {
+        const allDictionaryItemRecords = this.getDictionaryItemRecordsFromLists(allLists);
+        const itemsForDictionary = (dictionaryId) => this.getDictionaryItemsByDictionaryId(allDictionaryItemRecords, dictionaryId);
+        this.hydrateMissingDictionaryIdsFromItemSelection(allDictionaryItemRecords);
+        const record = this.record;
+        this.headerDictionaryItems = itemsForDictionary(record.headerDictionaryID);
+        this.subHeaderDictionaryItems = itemsForDictionary(record.subHeaderDictionaryID);
+        this.dictionaryItemArray = (record.dataItems || []).map((item) => itemsForDictionary(item.dataDictionaryId || item.dictionaryID));
+        this.badgeDictionaryItemArray = (record.badges || []).map((badge) => itemsForDictionary(badge.dataDictionaryId || badge.dictionaryID));
+    }
+    getDictionaryItemRecordsFromLists(allLists) {
+        return (allLists.find((list) => list.forProperty === 'dictionaryItemId' || list.forProperty === 'dictionaryItemID')
+            ?.records || []);
+    }
+    setDictionaryItemsForDictionaryId(dictionaryId, assign) {
+        this.query.getLists()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((allLists) => {
+            const allDictionaryItemRecords = this.getDictionaryItemRecordsFromLists(allLists);
+            assign(this.getDictionaryItemsByDictionaryId(allDictionaryItemRecords, dictionaryId));
+        });
+    }
+    hydrateMissingDictionaryIdsFromItemSelection(allDictionaryItemRecords) {
+        const inferDictionaryId = (dictionaryItemId) => {
+            if (!dictionaryItemId) {
+                return '';
+            }
+            const matched = allDictionaryItemRecords.find((item) => String(item?._id) === String(dictionaryItemId));
+            return (matched?.dataDictionaryId || matched?.dictionaryID || '');
+        };
+        const hydrateRows = (rows) => (rows || []).map((row) => {
+            const currentDictionaryId = row?.dataDictionaryId || row?.dictionaryID || '';
+            const dictionaryItemId = row?.dictionaryItemId || row?.dictionaryItemID || '';
+            const inferredDictionaryId = inferDictionaryId(dictionaryItemId);
+            const resolvedDictId = currentDictionaryId || inferredDictionaryId || this.record.headerDictionaryID || '';
+            return this.syncRowDictionaryKeys({
+                ...row,
+                dataDictionaryId: resolvedDictId,
+                dictionaryID: resolvedDictId,
+                dictionaryItemId: dictionaryItemId,
+                dictionaryItemID: dictionaryItemId,
+            });
+        });
+        this.record.dataItems = hydrateRows(this.record.dataItems);
+        this.record.badges = hydrateRows(this.record.badges);
+    }
+    getDictionaryItemsByDictionaryId(allDictionaryItemRecords, dictionaryId) {
+        if (!dictionaryId) {
+            return [];
+        }
+        const byLegacyDictionaryId = allDictionaryItemRecords.filter((item) => item.dataDictionaryId === dictionaryId || item.dictionaryID === dictionaryId);
+        if (byLegacyDictionaryId.length > 0) {
+            return byLegacyDictionaryId;
+        }
+        const selectedDictionary = this.dictionaries.find((d) => d._id === dictionaryId);
+        const dictionaryItemsIds = selectedDictionary?.dictionaryItemsIds || [];
+        if (!Array.isArray(dictionaryItemsIds) || dictionaryItemsIds.length === 0) {
+            return [];
+        }
+        const dictionaryItemsIdSet = new Set(dictionaryItemsIds.map((id) => String(id)));
+        return allDictionaryItemRecords.filter((item) => dictionaryItemsIdSet.has(String(item._id)));
+    }
     /**
      * Text-box controls expect stringified JSON; API returns nested objects → "[object Object]" without this.
      */
@@ -4423,7 +4394,6 @@ class WidgetAdminFormComponent extends BaseFormComponent {
     }
     /**
      * Parsed styles + API dictionary fields for PUT/POST only.
-     * Keeps `this.record` unchanged so style stays JSON text in inputs if the request fails (avoids "[object Object]").
      */
     buildWidgetRecordForApi() {
         const dataItems = (this.record.dataItems || []).map((item) => {
@@ -4459,56 +4429,16 @@ class WidgetAdminFormComponent extends BaseFormComponent {
             badges,
         };
     }
-    handleSubmit() {
-        super.handleSubmit();
-    }
-    handleUpdateRecord() {
-        if (!this.record._id || Object.keys(this.record).length === 0)
-            return;
-        const payload = this.buildWidgetRecordForApi();
-        this.service.update(this.record._id, payload).subscribe({
-            next: (response) => {
-                console.log('Record updated:', response);
-                this.record = {};
-                this.baseStore?.setIsApiValidated(null);
-                this.onFormNavigate.emit(response);
-            },
-            error: (error) => {
-                console.error('Error updating record:', error);
-            },
-        });
-    }
-    handleCancel() {
-        if (this.baseStore)
-            this.baseStore.missingFields = [];
-        this.onCancel.emit();
-    }
-    handleAddRecord() {
-        if (!this.record || Object.keys(this.record).length === 0)
-            return;
-        const payload = this.buildWidgetRecordForApi();
-        this.service.create(payload).subscribe({
-            next: (response) => {
-                console.log('Record created:', response);
-                this.record = {};
-                this.baseStore?.setIsApiValidated(null);
-                this.onFormNavigate.emit(response);
-            },
-            error: (error) => {
-                console.error('Error creating record:', error);
-            },
-        });
-    }
     ngOnDestroy() {
         this.record = {};
         super.ngOnDestroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetAdminFormComponent, deps: [{ token: WidgetAdminService }, { token: ValidatorService }, { token: WidgetAdminStore }, { token: WidgetAdminQuery }, { token: i3$4.Router }, { token: i3$4.ActivatedRoute }, { token: BaseStore }, { token: BaseQuery }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetAdminFormComponent, isStandalone: false, selector: "lib-widget-admin-form", usesInheritance: true, ngImport: i0, template: "<form-container [record]=\"record\" [showSave]=\"true\" [messages]=\"message\" (onSave)=\"handleSubmit()\"\r\n    (onCancel)=\"handleCancel()\">\r\n    <div class=\"card p-fluid p-formgrid\">\r\n        <h4 class=\"font-bold col-12 md:col-12\">Widget Form</h4>\r\n        <div class=\"col-12 md:col-12 mt-2 mb-2 flex\">\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'name',\r\n              isRequired: true,\r\n              displayText: 'Name',\r\n              placeholder: 'Enter Widget Name'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <dropdown [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                name:'apiConfigId',\r\n                displayText : 'Select API',\r\n                isRequired:true,\r\n              }\" (onInput)=\"handleAPIChange($event)\">\r\n                </dropdown>\r\n            </div>\r\n\r\n            <div class=\"col-4 md:col-4 mt-2 mb-2\">\r\n            <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'style',\r\n              isRequired: false,\r\n              displayText: 'Style',\r\n              placeholder: 'Enter Widget Style'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-2 md:col-2 mt-5\">\r\n                <check-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                                                              name:'isActive',\r\n                                                              displayText : 'Active',\r\n                                                            }\">\r\n                </check-box>\r\n            </div>\r\n        </div>\r\n        <div class=\"grid align-items-center m-0\">\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryID',\r\n                                            listLabelProperty:'name',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Dictionary',\r\n                                            options: dictionaries\r\n                                          }\" (onInput)=\"handleHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryItemID',\r\n                                            listLabelProperty:'itemName',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Header Item',\r\n                                            options: headerDictionaryItems\r\n                                          }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryID',\r\n                                                                listLabelProperty:'name',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select Dictionary',\r\n                                                                options: dictionaries\r\n                                                              }\" (onInput)=\"handleSubHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryItemID',\r\n                                                                listLabelProperty:'itemName',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select SubHeader Item',\r\n                                                                options: subHeaderDictionaryItems\r\n                                                              }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2 mt-2 mb-2 flex\">\r\n                <div class=\"field col-12 pl-2 pb-0 mb-2 md:mr-2 md:col-12\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                            name:'layoutType',\r\n                                                            listLabelProperty:'name',\r\n                                                            listValueProperty:'value',\r\n                                                            displayText : 'Select Layout Type',\r\n                                                            options: widgetLayoutTypeList\r\n                                                          }\">\r\n                </dropdown>\r\n            </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 flex gap-2\">\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleBadgeAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Badge </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleWidgetItemAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Widget Item </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Badges Section -->\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 mb-3\">\r\n            <h5 *ngIf=\"(record?.badges?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Badges</h5>\r\n            <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let badge of (record?.badges || []); let i = index;\">\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleBadgeDictionarySelect($event, i)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: badgeDictionaryItemArray[i]\r\n                                      }\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-4 col-sm-6\">\r\n                    <text-box [store]=\"widgetStore\" [record]=\"badge\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n                </div>\r\n                <div class=\"field col-2 m-0 flex justify-content-start md:col-2 mt-5\">\r\n                    <div class=\"ml-4 delete-icon-container\">\r\n                        <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleDeleteBadge(i)\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Widget Items -->\r\n        <h5 *ngIf=\"(record?.dataItems?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Widget Items</h5>\r\n        <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let widgetItem of (record?.dataItems || []); let i = index;\">\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'name',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Label',\r\n                                                                    isRequired : true,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleWidgetItemDictionarySelect($event, i)\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: dictionaryItemArray[i]\r\n                                      }\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-4 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-4 m-0 flex justify-content-center md:col-2 mt-5\">\r\n                <div class=\"m-0\">\r\n                    <check-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                          name:'isActive',\r\n                                                          displayText : 'Is Active ?',\r\n                                                        }\">\r\n                    </check-box>\r\n                </div>\r\n                <div class=\"ml-4 delete-icon-container\">\r\n                    <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleDeleteRecord(i)\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form-container>", styles: [".trash-icon-wrapper{font-size:20px;color:var(--red-500)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextBoxComponent, selector: "text-box" }, { kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: FormContainerComponent, selector: "form-container", inputs: ["messages", "record", "headerText", "showSave", "disableSaveButton"], outputs: ["onSave", "onCancel"] }, { kind: "component", type: CheckBoxComponent, selector: "check-box" }, { kind: "directive", type: i3$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: WidgetAdminFormComponent, isStandalone: false, selector: "lib-widget-admin-form", usesInheritance: true, ngImport: i0, template: "<form-container [record]=\"record\" [showSave]=\"true\" [messages]=\"message\" (onSave)=\"handleSubmit()\"\r\n    (onCancel)=\"handleCancel()\">\r\n    <div class=\"card p-fluid p-formgrid\">\r\n        <h4 class=\"font-bold col-12 md:col-12\">Widget Form</h4>\r\n        <div class=\"col-12 md:col-12 mt-2 mb-2 flex\">\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'name',\r\n              isRequired: true,\r\n              displayText: 'Name',\r\n              placeholder: 'Enter Widget Name'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <dropdown [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                name:'apiConfigId',\r\n                displayText : 'Select API',\r\n                isRequired:true,\r\n              }\" (onInput)=\"handleApiConfigChange($event)\">\r\n                </dropdown>\r\n            </div>\r\n\r\n            <div class=\"col-4 md:col-4 mt-2 mb-2\">\r\n            <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'style',\r\n              isRequired: false,\r\n              displayText: 'Style',\r\n              placeholder: 'Enter Widget Style'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-2 md:col-2 mt-5\">\r\n                <check-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                                                              name:'isActive',\r\n                                                              displayText : 'Active',\r\n                                                            }\">\r\n                </check-box>\r\n            </div>\r\n        </div>\r\n        <div class=\"grid align-items-center m-0\">\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryID',\r\n                                            listLabelProperty:'name',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Dictionary',\r\n                                            options: dictionaries\r\n                                          }\" (onInput)=\"handleHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryItemID',\r\n                                            listLabelProperty:'itemName',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Header Item',\r\n                                            options: headerDictionaryItems\r\n                                          }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryID',\r\n                                                                listLabelProperty:'name',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select Dictionary',\r\n                                                                options: dictionaries\r\n                                                              }\" (onInput)=\"handleSubHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryItemID',\r\n                                                                listLabelProperty:'itemName',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select SubHeader Item',\r\n                                                                options: subHeaderDictionaryItems\r\n                                                              }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2 mt-2 mb-2 flex\">\r\n                <div class=\"field col-12 pl-2 pb-0 mb-2 md:mr-2 md:col-12\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                            name:'layoutType',\r\n                                                            listLabelProperty:'name',\r\n                                                            listValueProperty:'value',\r\n                                                            displayText : 'Select Layout Type',\r\n                                                            options: widgetLayoutTypeList\r\n                                                          }\">\r\n                </dropdown>\r\n            </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 flex gap-2\">\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleBadgeAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Badge </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleWidgetItemAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Widget Item </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Badges Section -->\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 mb-3\">\r\n            <h5 *ngIf=\"(record?.badges?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Badges</h5>\r\n            <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let badge of (record?.badges || []); let i = index;\">\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleBadgeDictionarySelect($event, i)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: badgeDictionaryItemArray[i]\r\n                                      }\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-4 col-sm-6\">\r\n                    <text-box [store]=\"widgetStore\" [record]=\"badge\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n                </div>\r\n                <div class=\"field col-2 m-0 flex justify-content-start md:col-2 mt-5\">\r\n                    <div class=\"ml-4 delete-icon-container\">\r\n                        <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleDeleteBadge(i)\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Widget Items -->\r\n        <h5 *ngIf=\"(record?.dataItems?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Widget Items</h5>\r\n        <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let widgetItem of (record?.dataItems || []); let i = index;\">\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'name',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Label',\r\n                                                                    isRequired : true,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleWidgetItemDictionarySelect($event, i)\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: dictionaryItemArray[i]\r\n                                      }\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-4 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-4 m-0 flex justify-content-center md:col-2 mt-5\">\r\n                <div class=\"m-0\">\r\n                    <check-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                          name:'isActive',\r\n                                                          displayText : 'Is Active ?',\r\n                                                        }\">\r\n                    </check-box>\r\n                </div>\r\n                <div class=\"ml-4 delete-icon-container\">\r\n                    <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleWidgetItemDelete(i)\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form-container>", styles: [".trash-icon-wrapper{font-size:20px;color:var(--red-500)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextBoxComponent, selector: "text-box" }, { kind: "component", type: DropdownComponent, selector: "dropdown", inputs: ["isStaticDropdown"] }, { kind: "component", type: FormContainerComponent, selector: "form-container", inputs: ["messages", "record", "headerText", "showSave", "disableSaveButton"], outputs: ["onSave", "onCancel"] }, { kind: "component", type: CheckBoxComponent, selector: "check-box" }, { kind: "directive", type: i3$3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: WidgetAdminFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-widget-admin-form', standalone: false, template: "<form-container [record]=\"record\" [showSave]=\"true\" [messages]=\"message\" (onSave)=\"handleSubmit()\"\r\n    (onCancel)=\"handleCancel()\">\r\n    <div class=\"card p-fluid p-formgrid\">\r\n        <h4 class=\"font-bold col-12 md:col-12\">Widget Form</h4>\r\n        <div class=\"col-12 md:col-12 mt-2 mb-2 flex\">\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'name',\r\n              isRequired: true,\r\n              displayText: 'Name',\r\n              placeholder: 'Enter Widget Name'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <dropdown [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                name:'apiConfigId',\r\n                displayText : 'Select API',\r\n                isRequired:true,\r\n              }\" (onInput)=\"handleAPIChange($event)\">\r\n                </dropdown>\r\n            </div>\r\n\r\n            <div class=\"col-4 md:col-4 mt-2 mb-2\">\r\n            <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'style',\r\n              isRequired: false,\r\n              displayText: 'Style',\r\n              placeholder: 'Enter Widget Style'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-2 md:col-2 mt-5\">\r\n                <check-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                                                              name:'isActive',\r\n                                                              displayText : 'Active',\r\n                                                            }\">\r\n                </check-box>\r\n            </div>\r\n        </div>\r\n        <div class=\"grid align-items-center m-0\">\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryID',\r\n                                            listLabelProperty:'name',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Dictionary',\r\n                                            options: dictionaries\r\n                                          }\" (onInput)=\"handleHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryItemID',\r\n                                            listLabelProperty:'itemName',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Header Item',\r\n                                            options: headerDictionaryItems\r\n                                          }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryID',\r\n                                                                listLabelProperty:'name',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select Dictionary',\r\n                                                                options: dictionaries\r\n                                                              }\" (onInput)=\"handleSubHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryItemID',\r\n                                                                listLabelProperty:'itemName',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select SubHeader Item',\r\n                                                                options: subHeaderDictionaryItems\r\n                                                              }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2 mt-2 mb-2 flex\">\r\n                <div class=\"field col-12 pl-2 pb-0 mb-2 md:mr-2 md:col-12\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                            name:'layoutType',\r\n                                                            listLabelProperty:'name',\r\n                                                            listValueProperty:'value',\r\n                                                            displayText : 'Select Layout Type',\r\n                                                            options: widgetLayoutTypeList\r\n                                                          }\">\r\n                </dropdown>\r\n            </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 flex gap-2\">\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleBadgeAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Badge </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleWidgetItemAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Widget Item </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Badges Section -->\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 mb-3\">\r\n            <h5 *ngIf=\"(record?.badges?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Badges</h5>\r\n            <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let badge of (record?.badges || []); let i = index;\">\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleBadgeDictionarySelect($event, i)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: badgeDictionaryItemArray[i]\r\n                                      }\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-4 col-sm-6\">\r\n                    <text-box [store]=\"widgetStore\" [record]=\"badge\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n                </div>\r\n                <div class=\"field col-2 m-0 flex justify-content-start md:col-2 mt-5\">\r\n                    <div class=\"ml-4 delete-icon-container\">\r\n                        <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleDeleteBadge(i)\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Widget Items -->\r\n        <h5 *ngIf=\"(record?.dataItems?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Widget Items</h5>\r\n        <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let widgetItem of (record?.dataItems || []); let i = index;\">\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'name',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Label',\r\n                                                                    isRequired : true,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleWidgetItemDictionarySelect($event, i)\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: dictionaryItemArray[i]\r\n                                      }\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-4 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-4 m-0 flex justify-content-center md:col-2 mt-5\">\r\n                <div class=\"m-0\">\r\n                    <check-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                          name:'isActive',\r\n                                                          displayText : 'Is Active ?',\r\n                                                        }\">\r\n                    </check-box>\r\n                </div>\r\n                <div class=\"ml-4 delete-icon-container\">\r\n                    <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleDeleteRecord(i)\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form-container>", styles: [".trash-icon-wrapper{font-size:20px;color:var(--red-500)}\n"] }]
+            args: [{ selector: 'lib-widget-admin-form', standalone: false, template: "<form-container [record]=\"record\" [showSave]=\"true\" [messages]=\"message\" (onSave)=\"handleSubmit()\"\r\n    (onCancel)=\"handleCancel()\">\r\n    <div class=\"card p-fluid p-formgrid\">\r\n        <h4 class=\"font-bold col-12 md:col-12\">Widget Form</h4>\r\n        <div class=\"col-12 md:col-12 mt-2 mb-2 flex\">\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'name',\r\n              isRequired: true,\r\n              displayText: 'Name',\r\n              placeholder: 'Enter Widget Name'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-3 md:col-3 mt-2 mb-2\">\r\n                <dropdown [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                name:'apiConfigId',\r\n                displayText : 'Select API',\r\n                isRequired:true,\r\n              }\" (onInput)=\"handleApiConfigChange($event)\">\r\n                </dropdown>\r\n            </div>\r\n\r\n            <div class=\"col-4 md:col-4 mt-2 mb-2\">\r\n            <text-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n              readonly: false,\r\n              name: 'style',\r\n              isRequired: false,\r\n              displayText: 'Style',\r\n              placeholder: 'Enter Widget Style'\r\n            }\"></text-box>\r\n            </div>\r\n\r\n            <div class=\"col-2 md:col-2 mt-5\">\r\n                <check-box [store]=\"widgetStore\" [record]=\"record\" [attributeModel]=\"{\r\n                                                              name:'isActive',\r\n                                                              displayText : 'Active',\r\n                                                            }\">\r\n                </check-box>\r\n            </div>\r\n        </div>\r\n        <div class=\"grid align-items-center m-0\">\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryID',\r\n                                            listLabelProperty:'name',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Dictionary',\r\n                                            options: dictionaries\r\n                                          }\" (onInput)=\"handleHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                            name:'headerDictionaryItemID',\r\n                                            listLabelProperty:'itemName',\r\n                                            listValueProperty:'_id',\r\n                                            displayText : 'Select Header Item',\r\n                                            options: headerDictionaryItems\r\n                                          }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-5 mt-2 mb-2 flex\">\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryID',\r\n                                                                listLabelProperty:'name',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select Dictionary',\r\n                                                                options: dictionaries\r\n                                                              }\" (onInput)=\"handleSubHeaderDictionarySelect($event)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-6 pl-2 pb-0 mb-2 md:mr-2 md:col-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                                name:'subHeaderDictionaryItemID',\r\n                                                                listLabelProperty:'itemName',\r\n                                                                listValueProperty:'_id',\r\n                                                                displayText : 'Select SubHeader Item',\r\n                                                                options: subHeaderDictionaryItems\r\n                                                              }\">\r\n                    </dropdown>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2 mt-2 mb-2 flex\">\r\n                <div class=\"field col-12 pl-2 pb-0 mb-2 md:mr-2 md:col-12\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"record\" [attributeModel]=\"{\r\n                                                            name:'layoutType',\r\n                                                            listLabelProperty:'name',\r\n                                                            listValueProperty:'value',\r\n                                                            displayText : 'Select Layout Type',\r\n                                                            options: widgetLayoutTypeList\r\n                                                          }\">\r\n                </dropdown>\r\n            </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 flex gap-2\">\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleBadgeAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Badge </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-6 md:col-2\">\r\n                <div class=\"card m-0 p-0 mb-2\">\r\n                    <div class=\"mt-3 w-full flex\">\r\n                        <button pButton pRipple routerLinkActive=\"router-link-active\"\r\n                            icon=\"pi pi-plus font-semibold\"\r\n                            class=\"py-3 justify-content-center font-semibold w-full border-round\"\r\n                            (click)=\"handleWidgetItemAddBtnClick()\">\r\n                            <span class=\"ml-3\">Add Widget Item </span>\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Badges Section -->\r\n        <div class=\"field p-0 pr-2 col-12 md:col-12 mb-3\">\r\n            <h5 *ngIf=\"(record?.badges?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Badges</h5>\r\n            <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let badge of (record?.badges || []); let i = index;\">\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleBadgeDictionarySelect($event, i)\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-3 col-sm-6\">\r\n                    <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"badge\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: badgeDictionaryItemArray[i]\r\n                                      }\">\r\n                    </dropdown>\r\n                </div>\r\n                <div class=\"field col-4 col-sm-6\">\r\n                    <text-box [store]=\"widgetStore\" [record]=\"badge\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n                </div>\r\n                <div class=\"field col-2 m-0 flex justify-content-start md:col-2 mt-5\">\r\n                    <div class=\"ml-4 delete-icon-container\">\r\n                        <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleDeleteBadge(i)\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- Widget Items -->\r\n        <h5 *ngIf=\"(record?.dataItems?.length ?? 0) > 0\" class=\"font-bold col-12 md:col-12 mb-2\">Widget Items</h5>\r\n        <div class=\"feild-card col-12 md:col-12 flex\" *ngFor=\"let widgetItem of (record?.dataItems || []); let i = index;\">\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'name',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Label',\r\n                                                                    isRequired : true,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryID',\r\n                                        listLabelProperty:'name',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Dictionary',\r\n                                        isRequired:true,\r\n                                        options: dictionaries\r\n                                      }\" (onInput)=\"handleWidgetItemDictionarySelect($event, i)\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-2 col-sm-6\">\r\n                <dropdown [store]=\"widgetStore\" [isStaticDropdown]=\"true\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                        name:'dictionaryItemID',\r\n                                        listLabelProperty:'itemName',\r\n                                        listValueProperty:'_id',\r\n                                        displayText : 'Select Properties',\r\n                                        isRequired:true,\r\n                                        options: dictionaryItemArray[i]\r\n                                      }\">\r\n                </dropdown>\r\n            </div>\r\n            <div class=\"field col-4 col-sm-6\">\r\n                <text-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                                    name : 'style',\r\n                                                                    readonly : false,\r\n                                                                    displayText : 'Item Style',\r\n                                                                    isRequired : false,\r\n                                                                }\"></text-box>\r\n            </div>\r\n            <div class=\"field col-4 m-0 flex justify-content-center md:col-2 mt-5\">\r\n                <div class=\"m-0\">\r\n                    <check-box [store]=\"widgetStore\" [record]=\"widgetItem\" [attributeModel]=\"{\r\n                                                          name:'isActive',\r\n                                                          displayText : 'Is Active ?',\r\n                                                        }\">\r\n                    </check-box>\r\n                </div>\r\n                <div class=\"ml-4 delete-icon-container\">\r\n                    <i class=\"pi pi-trash trash-icon-wrapper cursor-pointer\" (click)=\"handleWidgetItemDelete(i)\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form-container>", styles: [".trash-icon-wrapper{font-size:20px;color:var(--red-500)}\n"] }]
         }], ctorParameters: () => [{ type: WidgetAdminService }, { type: ValidatorService }, { type: WidgetAdminStore }, { type: WidgetAdminQuery }, { type: i3$4.Router }, { type: i3$4.ActivatedRoute }, { type: BaseStore }, { type: BaseQuery }] });
 
 /**