@c8y/ngx-components 1022.21.3 → 1022.26.1

package/fesm2022/c8y-ngx-components-asset-properties.mjs

@@ -0,0 +1,1573 @@
+import * as i2 from '@c8y/ngx-components';
+import { gettext, AssetTypesRealtimeService, GroupService, ListGroupModule, C8yTranslatePipe, IconDirective, EmptyStateComponent, BottomDrawerRef, FormsModule as FormsModule$1 } from '@c8y/ngx-components';
+import * as i0 from '@angular/core';
+import { inject, Injectable, Directive, Pipe, viewChild, EventEmitter, effect, ContentChild, Output, Input, Component } from '@angular/core';
+import { InventoryService } from '@c8y/client';
+import { isArray, isObjectLike, isEmpty, find, forOwn, get, cloneDeep } from 'lodash-es';
+import { firstValueFrom, BehaviorSubject, Subject, takeUntil, debounceTime } from 'rxjs';
+import { NgIf, NgClass, NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import * as i3 from 'ngx-bootstrap/tooltip';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import * as i4 from '@angular/cdk/tree';
+import { CdkTreeModule } from '@angular/cdk/tree';
+import { DataSource } from '@angular/cdk/collections';
+
+const defaultAssetPropertyListConfig = {
+    searchable: true,
+    selectMode: 'none',
+    expansionMode: 'expandedByDefault',
+    showHeader: true,
+    showValue: true,
+    showKey: true,
+    emptyStateContent: 'empty',
+    inputPropertiesHandle: 'merge'
+};
+const defaultAssetProperties = [
+    {
+        c8y_JsonSchema: { properties: { name: { type: 'string', label: 'Name' } } },
+        name: 'name',
+        label: 'Name',
+        type: 'string',
+        active: true,
+        isEditable: true,
+        isStandardProperty: true
+    },
+    {
+        c8y_JsonSchema: { properties: { id: { type: 'string', label: 'ID' } } },
+        name: 'id',
+        label: 'ID',
+        type: 'string',
+        active: true,
+        isEditable: false,
+        isStandardProperty: true
+    },
+    {
+        c8y_JsonSchema: {
+            properties: { type: { type: 'string', label: 'Type' } }
+        },
+        name: 'type',
+        label: 'Type',
+        type: 'string',
+        active: true,
+        isEditable: false,
+        isStandardProperty: true
+    },
+    {
+        c8y_JsonSchema: {
+            properties: { owner: { type: 'string', label: 'Owner' } }
+        },
+        name: 'owner',
+        label: 'Owner',
+        type: 'string',
+        isEditable: false,
+        isStandardProperty: true
+    },
+    {
+        c8y_JsonSchema: {
+            properties: { lastUpdated: { type: 'string', label: 'Last updated' } }
+        },
+        name: 'lastUpdated',
+        label: 'Last updated',
+        type: 'string',
+        isEditable: false,
+        isStandardProperty: true
+    }
+];
+const deviceAssetProperties = [
+    {
+        label: 'Active alarms status',
+        type: 'object',
+        isEditable: false,
+        isStandardProperty: true,
+        name: 'c8y_ActiveAlarmsStatus',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_ActiveAlarmsStatus: {
+                    key: 'c8y_ActiveAlarmsStatus',
+                    type: 'object',
+                    label: 'Active alarms status',
+                    properties: {
+                        critical: {
+                            title: 'Critical',
+                            type: 'number'
+                        },
+                        major: {
+                            title: 'Major',
+                            type: 'number'
+                        },
+                        minor: {
+                            title: 'Minor',
+                            type: 'number'
+                        },
+                        warning: {
+                            title: 'Warning',
+                            type: 'number'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Address',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_Address',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Address: {
+                    key: 'c8y_Address',
+                    type: 'object',
+                    label: 'Address',
+                    properties: {
+                        street: {
+                            title: 'Street',
+                            type: 'string'
+                        },
+                        city: {
+                            title: 'City',
+                            type: 'string'
+                        },
+                        cityCode: {
+                            title: 'City code',
+                            type: 'string'
+                        },
+                        territory: {
+                            title: 'Territory',
+                            type: 'string'
+                        },
+                        region: {
+                            title: 'Region',
+                            type: 'string'
+                        },
+                        country: {
+                            title: 'Country',
+                            type: 'string'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Agent',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_Agent',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Agent: {
+                    key: 'c8y_Agent',
+                    type: 'object',
+                    label: 'Agent',
+                    properties: {
+                        name: {
+                            title: 'Name',
+                            type: 'string'
+                        },
+                        version: {
+                            title: 'Version',
+                            type: 'string'
+                        },
+                        url: {
+                            title: 'URL',
+                            type: 'string'
+                        },
+                        maintainer: {
+                            title: 'Maintainer',
+                            type: 'string'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Availability',
+        type: 'object',
+        isEditable: false,
+        isStandardProperty: true,
+        name: 'c8y_Availability',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Availability: {
+                    key: 'c8y_Availability',
+                    type: 'object',
+                    label: 'Availability',
+                    properties: {
+                        status: {
+                            title: 'Status',
+                            type: 'string'
+                        },
+                        lastMessage: {
+                            title: 'Last message',
+                            type: 'string',
+                            printFormat: 'datetime'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Connection',
+        type: 'object',
+        isEditable: false,
+        isStandardProperty: true,
+        name: 'c8y_Connection',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Connection: {
+                    key: 'c8y_Connection',
+                    type: 'object',
+                    label: 'Connection',
+                    properties: {
+                        status: {
+                            title: 'Status',
+                            type: 'string'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Communication mode',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_CommunicationMode',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_CommunicationMode: {
+                    key: 'c8y_CommunicationMode',
+                    type: 'object',
+                    label: 'Communication mode',
+                    properties: {
+                        mode: {
+                            title: 'Mode',
+                            type: 'string'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Firmware',
+        type: 'object',
+        isEditable: false,
+        isStandardProperty: true,
+        name: 'c8y_Firmware',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Firmware: {
+                    key: 'c8y_Firmware',
+                    type: 'object',
+                    label: 'Firmware',
+                    properties: {
+                        moduleVersion: {
+                            title: 'Module version',
+                            type: 'string'
+                        },
+                        name: {
+                            title: 'Name',
+                            type: 'string'
+                        },
+                        version: {
+                            title: 'Version',
+                            type: 'string'
+                        },
+                        url: {
+                            title: 'URL',
+                            type: ['string', 'null']
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Hardware',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_Hardware',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Hardware: {
+                    key: 'c8y_Hardware',
+                    type: 'object',
+                    label: 'Hardware',
+                    properties: {
+                        model: {
+                            title: 'Model',
+                            type: 'string'
+                        },
+                        serialNumber: {
+                            title: 'Serial number',
+                            type: 'string'
+                        },
+                        revision: {
+                            title: 'Revision',
+                            type: 'string'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'LPWAN device',
+        type: 'object',
+        isEditable: false,
+        isStandardProperty: true,
+        name: 'c8y_LpwanDevice',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_LpwanDevice: {
+                    key: 'c8y_LpwanDevice',
+                    type: 'object',
+                    label: 'LPWAN device',
+                    properties: {
+                        provisioned: {
+                            title: 'Provisioned',
+                            type: 'boolean'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Mobile',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_Mobile',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Mobile: {
+                    key: 'c8y_Mobile',
+                    type: 'object',
+                    label: 'Mobile',
+                    properties: {
+                        cellId: {
+                            title: 'Cell ID',
+                            type: ['string', 'null']
+                        },
+                        connType: {
+                            title: 'Connection type',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        currentOperator: {
+                            title: 'Current operator',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        currentBand: {
+                            title: 'Current band',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        ecn0: {
+                            title: 'ECN0',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        iccid: {
+                            title: 'ICCID',
+                            type: ['string', 'null']
+                        },
+                        imei: {
+                            title: 'IMEI',
+                            type: ['string', 'null']
+                        },
+                        imsi: {
+                            title: 'IMSI',
+                            type: ['string', 'null']
+                        },
+                        lac: {
+                            title: 'LAC',
+                            type: ['string', 'null']
+                        },
+                        mcc: {
+                            title: 'MCC',
+                            type: ['string', 'null']
+                        },
+                        mnc: {
+                            title: 'MNC',
+                            type: ['string', 'null']
+                        },
+                        msisdn: {
+                            title: 'MSISDN',
+                            type: 'string'
+                        },
+                        rcsp: {
+                            title: 'RCSP',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        rscp: {
+                            title: 'RSCP',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        rsrp: {
+                            title: 'RSRP',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        rsrq: {
+                            title: 'RSRQ',
+                            type: 'string',
+                            readOnly: true
+                        },
+                        rssi: {
+                            title: 'RSSI',
+                            type: 'string',
+                            readOnly: true
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        name: 'c8y_Notes',
+        label: 'Notes',
+        type: 'string',
+        isEditable: true,
+        isStandardProperty: true,
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Notes: {
+                    type: 'string',
+                    label: 'Notes',
+                    'x-schema-form': {
+                        type: 'textarea'
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Position',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_Position',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Position: {
+                    key: 'c8y_Position',
+                    type: 'object',
+                    label: 'Position',
+                    properties: {
+                        lat: {
+                            title: 'Latitude',
+                            type: 'number'
+                        },
+                        lng: {
+                            title: 'Longitude',
+                            type: 'number'
+                        },
+                        alt: {
+                            title: 'Altitude',
+                            type: 'number'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Required availability',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_RequiredAvailability',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_RequiredAvailability: {
+                    key: 'c8y_RequiredAvailability',
+                    type: 'object',
+                    label: 'Required availability',
+                    properties: {
+                        responseInterval: {
+                            title: 'Response interval',
+                            description: 'Takes a value between -32768 and 32767 minutes (a negative value indicates that the device is under maintenance).',
+                            type: 'integer',
+                            minimum: -32768,
+                            maximum: 32767
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Software',
+        type: 'object',
+        isEditable: false,
+        isStandardProperty: true,
+        name: 'c8y_Software',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Software: {
+                    key: 'c8y_Software',
+                    type: 'object',
+                    label: 'Software',
+                    properties: {
+                        name: {
+                            title: 'Name',
+                            type: 'string'
+                        },
+                        version: {
+                            title: 'Version',
+                            type: 'string'
+                        },
+                        url: {
+                            title: 'URL',
+                            type: ['string', 'null']
+                        }
+                    }
+                }
+            }
+        }
+    },
+    {
+        label: 'Network',
+        type: 'object',
+        isEditable: true,
+        isStandardProperty: true,
+        name: 'c8y_Network',
+        c8y_JsonSchema: {
+            properties: {
+                c8y_Network: {
+                    key: 'c8y_Network',
+                    type: 'object',
+                    label: 'Network',
+                    properties: {
+                        c8y_DHCP: {
+                            title: 'DHCP',
+                            type: 'object',
+                            printFormat: 'hidden',
+                            name: 'c8y_DHCP',
+                            properties: {
+                                addressRange: {
+                                    title: 'Address range',
+                                    type: 'object',
+                                    name: 'addressRange',
+                                    printFormat: 'hidden',
+                                    properties: {
+                                        start: {
+                                            title: 'Start',
+                                            type: 'string'
+                                        },
+                                        end: {
+                                            title: 'End',
+                                            type: 'string'
+                                        }
+                                    }
+                                },
+                                dns1: {
+                                    title: 'DNS 1',
+                                    type: 'string'
+                                },
+                                dns2: {
+                                    title: 'DNS 2',
+                                    type: 'string'
+                                },
+                                enabled: {
+                                    title: 'Enabled',
+                                    type: 'integer'
+                                }
+                            }
+                        },
+                        c8y_LAN: {
+                            title: 'LAN',
+                            type: 'object',
+                            name: 'c8y_LAN',
+                            printFormat: 'hidden',
+                            properties: {
+                                enabled: {
+                                    title: 'Enabled',
+                                    type: 'integer'
+                                },
+                                ip: {
+                                    title: 'IP',
+                                    type: 'string'
+                                },
+                                mac: {
+                                    title: 'MAC',
+                                    type: 'string'
+                                },
+                                name: {
+                                    title: 'Name',
+                                    type: 'string'
+                                },
+                                netmask: {
+                                    title: 'Netmask',
+                                    type: 'string'
+                                }
+                            }
+                        },
+                        c8y_WAN: {
+                            title: 'WAN',
+                            type: 'object',
+                            name: 'c8y_WAN',
+                            printFormat: 'hidden',
+                            properties: {
+                                apn: {
+                                    title: 'APN',
+                                    type: 'string'
+                                },
+                                authType: {
+                                    title: 'Auth type',
+                                    type: 'string'
+                                },
+                                ip: {
+                                    title: 'IP',
+                                    type: 'string'
+                                },
+                                password: {
+                                    title: 'Password',
+                                    type: 'string'
+                                },
+                                simStatus: {
+                                    title: 'SIM status',
+                                    type: 'string'
+                                },
+                                username: {
+                                    title: 'Username',
+                                    type: 'string'
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+];
+const RESULT_TYPES = {
+    VALUE: { name: 'VALUE', value: 1, label: gettext('Only value') },
+    VALUE_UNIT: { name: 'VALUE_UNIT', value: 2, label: gettext('Value and unit') },
+    VALUE_UNIT_TIME: { name: 'VALUE_UNIT_TIME', value: 3, label: gettext('Value, unit and time') }
+};
+
+/**
+ * Service for managing asset properties.
+ */
+class AssetPropertiesService {
+    constructor() {
+        this.FRAGMENTS_TO_OMIT = [
+            'additionParents',
+            'assetParents',
+            'deviceParents',
+            'childAdditions',
+            'childAssets',
+            'childDevices',
+            'c8y_IsDevice',
+            '__children',
+            'c8y_ui',
+            'self',
+            'parent',
+            'c8y_DataPoint',
+            'c8y_Kpi_Migrated',
+            /^c8y_Dashboard!\d+/
+        ];
+        this.inventoryService = inject(InventoryService);
+        this.assetTypesRealtimeService = inject(AssetTypesRealtimeService);
+        this.groupService = inject(GroupService);
+    }
+    /**
+     * Retrieves custom properties for an asset from asset library.
+     * @param asset The asset for which to retrieve custom properties.
+     * @returns A promise resolving to the list of custom properties.
+     */
+    async getCustomProperties(asset) {
+        if (asset && asset.type) {
+            const assetType = await firstValueFrom(this.assetTypesRealtimeService.getAssetTypeByName$(asset.type));
+            if (assetType) {
+                const { data } = await this.inventoryService.childAdditionsList(assetType, {
+                    pageSize: 2000,
+                    query: "$filter=(has('c8y_IsAssetProperty'))"
+                });
+                return data;
+            }
+        }
+        return [];
+    }
+    /**
+     * Retrieves the initial set of properties for an asset, based on its type.
+     * @param asset The asset for which to retrieve properties.
+     * @returns A promise resolving to the list of initial properties.
+     */
+    async getInitialProperties(asset) {
+        if (!asset) {
+            return [];
+        }
+        else if (this.groupService.isDevice(asset)) {
+            return await this.getDeviceProperties(asset);
+        }
+        else if (this.groupService.isGroup(asset) && !this.groupService.isAsset(asset)) {
+            return await this.getGroupProperties(asset);
+        }
+        else if (this.groupService.isAsset(asset)) {
+            return await this.getAssetProperties(asset);
+        }
+        return [];
+    }
+    /**
+     * Retrieves properties for a device asset.
+     * @param asset The device asset for which to retrieve properties.
+     * @returns A promise resolving to the list of device properties.
+     */
+    async getDeviceProperties(asset) {
+        return this.getManagedObjectProperties(asset);
+    }
+    /**
+     * Retrieves properties for a group asset.
+     * @param asset The group asset for which to retrieve properties.
+     * @returns A promise resolving to the list of group properties.
+     */
+    async getGroupProperties(asset) {
+        return this.getManagedObjectProperties(asset);
+    }
+    /**
+     * Retrieves properties for a regular asset.
+     * @param asset The asset for which to retrieve properties.
+     * @returns A promise resolving to the list of asset properties.
+     */
+    async getAssetProperties(asset) {
+        const customProperties = this.categorizeCustomProperties(await this.getCustomProperties(asset)) || [];
+        return customProperties;
+    }
+    /**
+     * Categorizes custom properties into simple and complex types.
+     * @param properties The custom properties to categorize.
+     * @returns The categorized custom properties.
+     */
+    categorizeCustomProperties(properties) {
+        const { simple, complex } = properties.reduce((acc, property) => {
+            const schema = property.c8y_JsonSchema.properties[property.name];
+            if (schema.type === 'object') {
+                acc.complex.push(property);
+            }
+            else {
+                acc.simple.push(property);
+            }
+            return acc;
+        }, { simple: [], complex: [] });
+        return [...simple, ...complex];
+    }
+    /**
+     * Categorizes and flattens hierarchical properties into simple and complex types.
+     * @param properties The hierarchical properties to categorize and flatten.
+     * @returns The categorized and flattened properties.
+     */
+    categorizeAndFlattenHierarchicalProperties(properties) {
+        const sortedProperties = [...properties].sort((a, b) => {
+            const aLabel = (a.label || a.name || '').toLowerCase();
+            const bLabel = (b.label || b.name || '').toLowerCase();
+            return aLabel.localeCompare(bLabel);
+        });
+        const result = sortedProperties.reduce((acc, property) => {
+            property.active = false;
+            if (this.isComplexProperty(property)) {
+                acc.complex.push(property);
+                this.addNestedProperties(property, acc.complex, true);
+            }
+            else {
+                acc.simple.push(property);
+            }
+            return acc;
+        }, { simple: [], complex: [] });
+        return result;
+    }
+    /**
+     * Checks if a property is complex (i.e., has nested properties).
+     * @param property The property to check.
+     * @returns True if the property is complex, false otherwise.
+     */
+    isComplexProperty(property) {
+        return (property.c8y_JsonSchema?.properties[property.name]?.type === 'object' ||
+            property.properties !== undefined);
+    }
+    addNestedProperties(parentProperty, complexProperties, sortChildren = false) {
+        const schema = parentProperty.c8y_JsonSchema?.properties[parentProperty.name];
+        if (!schema?.properties) {
+            return;
+        }
+        this.flattenProperties(schema, complexProperties, parentProperty.name, [], sortChildren);
+    }
+    flattenProperties(schema, result, parentName, parentPath = [], sortChildren = false) {
+        const properties = schema.properties?.[parentName]?.properties || schema.properties;
+        let entries = Object.entries(properties);
+        if (sortChildren) {
+            entries = entries.sort((a, b) => {
+                const aLabel = (a[1].title || a[1].label || a[1].name || a[0] || '').toLowerCase();
+                const bLabel = (b[1].title || b[1].label || b[1].name || b[0] || '').toLowerCase();
+                return aLabel.localeCompare(bLabel);
+            });
+        }
+        entries.forEach(([key, property]) => {
+            const path = parentPath.includes(parentName) ? parentPath : [...parentPath, parentName];
+            result.push({ ...property, keyPath: [...path, key] });
+            if (property.properties) {
+                this.flattenProperties({ properties: { [key]: property } }, result, key, [...path, key], sortChildren);
+            }
+        });
+    }
+    getManagedObjectProperties(asset) {
+        return this.extractFragments(asset);
+    }
+    extractFragments(object) {
+        const properties = [];
+        for (const [key, value] of Object.entries(object)) {
+            if (this.shouldSkipFragment(key) ||
+                isArray(value) ||
+                (isObjectLike(value) && isEmpty(value))) {
+                continue;
+            }
+            const newProp = {
+                label: key,
+                name: key,
+                type: isObjectLike(value) ? 'object' : 'string',
+                isEditable: true,
+                c8y_JsonSchema: {
+                    properties: {
+                        [key]: {
+                            key: key,
+                            type: isObjectLike(value) ? 'object' : 'string',
+                            label: key,
+                            properties: {}
+                        }
+                    }
+                }
+            };
+            if (isObjectLike(value)) {
+                this.addPropertyItem(newProp.c8y_JsonSchema.properties[key].properties, value);
+            }
+            properties.push(newProp);
+        }
+        return properties;
+    }
+    shouldSkipFragment(key) {
+        return !!find(this.FRAGMENTS_TO_OMIT, (fragmentToOmit) => {
+            if (fragmentToOmit instanceof RegExp) {
+                return fragmentToOmit.test(key);
+            }
+            return fragmentToOmit === key;
+        });
+    }
+    addPropertyItem(properties, object) {
+        if (!properties) {
+            return;
+        }
+        forOwn(object, (value, key) => {
+            properties[key] = { title: key, type: value ? typeof value : 'string' };
+            if (isObjectLike(value)) {
+                properties[key].type = 'object';
+                this.addPropertyItem(properties[key]['properties'], value);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertiesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertiesService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertiesService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class FlatTreeDataSource extends DataSource {
+    constructor() {
+        super();
+        this._dataChange = new BehaviorSubject([]);
+    }
+    get data() {
+        return this._dataChange.value;
+    }
+    set data(value) {
+        this._dataChange.next(value);
+    }
+    connect() {
+        return this._dataChange.asObservable();
+    }
+    disconnect() {
+        // No need to unsubscribe from the _dataChange subject since it's a BehaviorSubject
+    }
+}
+
+class AssetPropertyActionDirective {
+    constructor(template, elementRef, viewContainer) {
+        this.template = template;
+        this.elementRef = elementRef;
+        this.viewContainer = viewContainer;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyActionDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: AssetPropertyActionDirective, isStandalone: true, selector: "[c8yAssetPropertyAction]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyActionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[c8yAssetPropertyAction]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }] });
+
+/**
+ * Formats the value of an asset property.
+ * If the property is complex, it will be stringified.
+ * If the property has a keyPath, it will be used to retrieve the value from the asset.
+ * Otherwise, the value will be taken directly from the asset.
+ * If the value is null or undefined, a dash ('-') will be returned.
+ */
+class AssetPropertyValuePipe {
+    constructor() {
+        this.assetPropertiesService = inject(AssetPropertiesService);
+    }
+    transform(property, asset) {
+        if (!property) {
+            return '-';
+        }
+        let value;
+        if (this.assetPropertiesService.isComplexProperty(property)) {
+            value = JSON.stringify(asset[property.name]);
+        }
+        else if ('keyPath' in property) {
+            value = get(asset, property.keyPath);
+        }
+        else {
+            value = asset[property.name];
+        }
+        return value ?? '-';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyValuePipe, isStandalone: true, name: "c8yAssetPropertyValue" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyValuePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'c8yAssetPropertyValue',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Pipe to transform asset property types into icon names.
+ * Maps various property types to corresponding icon names.
+ */
+class AssetPropertyIconPipe {
+    transform(type) {
+        switch (type) {
+            case 'string':
+                return 'paragraph';
+            case 'number':
+                return 'hashtag';
+            case 'boolean':
+                return 'true-false';
+            case 'date':
+                return 'calendar';
+            case 'object':
+            case 'c8y_JsonSchema':
+                return 'open-parcel';
+            case 'enum':
+                return 'content';
+            case 'file':
+                return 'file';
+            default:
+                return 'window-minimize';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyIconPipe, isStandalone: true, name: "c8yAssetPropertyIcon" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyIconPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'c8yAssetPropertyIcon',
+                    standalone: true
+                }]
+        }] });
+
+/**
+ * Represents a list of asset properties with hierarchical tree structure.
+ */
+class AssetPropertyListComponent {
+    /**
+     * Constructor initializes reactive effects for expansion modes.
+     */
+    constructor() {
+        /**
+         * Reference to the CDdk tree component.
+         */
+        this.tree = viewChild('tree');
+        /**
+         * Configuration for the asset property list.
+         */
+        this.config = {};
+        /**
+         * Custom properties to be displayed in the list.
+         */
+        this.customProperties = [];
+        /**
+         * Emits the selected properties.
+         */
+        this.selectedProperties = new EventEmitter();
+        /**
+         * List of all properties.
+         */
+        this.properties = [];
+        /**
+         * Text input for searching properties.
+         */
+        this.inputText = '';
+        /**
+         * Data source for the tree structure.
+         */
+        this.dataSource = new FlatTreeDataSource();
+        /**
+         * Map of flat nodes for quick lookup.
+         */
+        this.flatNodeMap = new Map();
+        /**
+         * Indicates if all nodes are selected.
+         */
+        this.allSelected = false;
+        /**
+         * Indicates if the selection state is indeterminate.
+         */
+        this.indeterminate = false;
+        /**
+         * Subject for handling search input.
+         */
+        this.searchSubject$ = new BehaviorSubject('');
+        /**
+         * Subject for handling component destruction.
+         */
+        this.destroy$ = new Subject();
+        /**
+         * Service for managing asset properties.
+         */
+        this.assetPropertiesService = inject(AssetPropertiesService);
+        effect(() => {
+            if ((this.config.expansionMode === 'nonCollapsible' ||
+                this.config.expansionMode === 'expandedByDefault') &&
+                this.tree()) {
+                queueMicrotask(() => {
+                    this.expandAllNodes();
+                });
+            }
+        });
+    }
+    ngOnInit() {
+        this.config = {
+            ...defaultAssetPropertyListConfig,
+            ...this.config
+        };
+        this.searchSubject$
+            .pipe(takeUntil(this.destroy$), debounceTime(200))
+            .subscribe(() => this.filterTree());
+    }
+    async ngOnChanges() {
+        await this.updateProperties();
+    }
+    ngAfterViewInit() {
+        if (this.config.selectMode === 'single') {
+            this.selectedProperties.next([]);
+        }
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Fetches and categorizes properties.
+     * @returns A promise resolving to the list of asset properties.
+     */
+    async getProperties() {
+        if (this.asset) {
+            return this.categorizeAndFlattenHierarchicalProperties(await this.assetPropertiesService.getInitialProperties(this.asset));
+        }
+        else {
+            if (this.config?.emptyStateContent === 'default-properties') {
+                return this.categorizeAndFlattenHierarchicalProperties(defaultAssetProperties);
+            }
+            else if (Array.isArray(this.config?.emptyStateContent)) {
+                return this.config.emptyStateContent;
+            }
+        }
+        return [];
+    }
+    /**
+     * Checks if a node has children.
+     * @param node The node to check.
+     * @returns True if the node has children.
+     */
+    hasChild(node) {
+        return node.expandable;
+    }
+    /**
+     * Gets the level of a node.
+     * @param node The node to check.
+     * @returns The level of the node.
+     */
+    getLevel(node) {
+        return node.level;
+    }
+    /**
+     * Gets the parent node of a given node.
+     * @param node The node to check.
+     * @returns The parent node or null if none exists.
+     */
+    getParentNode(node) {
+        const keyPath = node.property.keyPath;
+        if (!keyPath || keyPath.length <= 1) {
+            return null;
+        }
+        const parentPath = keyPath.slice(0, -1).join('.');
+        return this.flatNodeMap.get(parentPath) || null;
+    }
+    /**
+     * Determines if a node should be rendered.
+     * @param node The node to check.
+     * @returns True if the node should be rendered.
+     */
+    shouldRender(node) {
+        // Always render root nodes
+        if (node.level === 0) {
+            return true;
+        }
+        // For non-root nodes, check if parent is expanded
+        let parent = this.getParentNode(node);
+        while (parent) {
+            if (!this.tree()?.isExpanded(parent)) {
+                return false;
+            }
+            parent = this.getParentNode(parent);
+        }
+        return true;
+    }
+    /**
+     * Selects or deselects all nodes.
+     * @param selected True to select all, false to deselect.
+     */
+    selectAll(selected) {
+        this.allSelected = selected;
+        this.indeterminate = false;
+        const visibleNodes = this.dataSource.data.filter(node => node.isVisible);
+        visibleNodes.forEach(node => {
+            node.property.active = selected;
+        });
+        const selectedProperties = this.dataSource.data
+            .filter(n => n.property.active)
+            .map(n => n.property);
+        this.selectedProperties.next(selectedProperties);
+    }
+    /**
+     * Handles single selection mode.
+     * @param selected True if the node is selected.
+     * @param node The node to select.
+     */
+    onSelectSingle(selected, node) {
+        this.dataSource.data.forEach(n => {
+            n.property.active = false;
+        });
+        node.property.active = selected;
+        if (selected && node.expandable && this.tree() && !this.tree().isExpanded(node)) {
+            this.tree().expand(node);
+        }
+        this.selectedProperties.next([node.property]);
+    }
+    /**
+     * Handles multi-selection mode.
+     * @param selected True if the node is selected.
+     * @param node The node to select.
+     */
+    onSelectMulti(selected, node) {
+        node.property.active = selected;
+        if (selected && node.expandable && this.tree() && !this.tree().isExpanded(node)) {
+            this.tree().expand(node);
+        }
+        if (node.expandable) {
+            this.updateChildSelectionStatus(node, selected);
+        }
+        this.updateSelectAllState();
+        const selectedProperties = this.dataSource.data
+            .filter(n => n.property.active)
+            .map(n => n.property);
+        this.selectedProperties.next(selectedProperties);
+    }
+    /**
+     * Initiates a search operation.
+     */
+    onSearch() {
+        this.searchSubject$.next(this.inputText);
+    }
+    /**
+     * Clears the search input.
+     */
+    clearSearch() {
+        this.inputText = '';
+        this.onSearch();
+    }
+    collapseButtonTitle(node) {
+        const expanded = this.tree().isExpanded(node);
+        return expanded
+            ? gettext('Collapse {{ assetPropertyLabel }}')
+            : gettext('Expand {{ assetPropertyLabel }}');
+    }
+    /**
+     * Updates the list of properties based on the configuration.
+     */
+    async updateProperties() {
+        if (this.config.inputPropertiesHandle === 'merge' || !this.config.inputPropertiesHandle) {
+            this.properties = [...this.customProperties, ...(await this.getProperties())];
+        }
+        else if (this.config.inputPropertiesHandle === 'override') {
+            this.properties = [...this.customProperties];
+        }
+        this.buildTreeNodes();
+    }
+    /**
+     * Updates the selection status of child nodes.
+     * @param parent The parent node.
+     * @param selected True if the parent is selected.
+     */
+    updateChildSelectionStatus(parent, selected) {
+        if (!parent.expandable)
+            return;
+        const parentKey = parent.property.keyPath?.join('.') || parent.property.name;
+        this.dataSource.data.forEach(node => {
+            const nodePath = node.property.keyPath;
+            if (nodePath && nodePath.join('.').startsWith(parentKey) && node !== parent) {
+                node.property.active = selected;
+            }
+        });
+    }
+    /**
+     * Checks if a property matches the search criteria.
+     * @param property The property to check.
+     * @param search The search text.
+     * @returns True if the property matches.
+     */
+    matchesSearch(property, search) {
+        const searchableFields = [
+            property.label,
+            property.name,
+            property.keyPath?.join('.'),
+            property.title
+        ].filter(Boolean);
+        return searchableFields.some(field => field?.toLowerCase().includes(search));
+    }
+    /**
+     * Updates the selection state for all nodes.
+     */
+    updateSelectAllState() {
+        if (this.config.selectMode !== 'multi')
+            return;
+        const visibleNodes = this.dataSource.data.filter(node => node.isVisible);
+        const totalCount = visibleNodes.length;
+        const selectedCount = visibleNodes.filter(node => node.property.active).length;
+        this.allSelected = totalCount > 0 && selectedCount === totalCount;
+        this.indeterminate = selectedCount > 0 && selectedCount < totalCount;
+        // Update indeterminate state for each complex node
+        this.updateIndeterminateStates();
+    }
+    /**
+     * Builds the tree nodes from the properties.
+     */
+    buildTreeNodes() {
+        const treeData = [];
+        this.flatNodeMap.clear();
+        this.properties.forEach(property => {
+            const isComplex = this.assetPropertiesService.isComplexProperty(property);
+            const hasKeyPath = !!property.keyPath;
+            const level = hasKeyPath ? property.keyPath.length - 1 : 0;
+            const key = hasKeyPath ? property.keyPath.join('.') : property.name;
+            const node = {
+                expandable: isComplex,
+                level,
+                property,
+                isVisible: true,
+                indeterminate: false // add indeterminate property
+            };
+            this.flatNodeMap.set(key, node);
+            treeData.push(node);
+        });
+        this.dataSource.data = treeData;
+        this.filterTree();
+        this.updateSelectAllState();
+        if (this.config.expansionMode === 'nonCollapsible' ||
+            this.config.expansionMode === 'expandedByDefault') {
+            queueMicrotask(() => {
+                this.expandAllNodes();
+            });
+        }
+    }
+    /**
+     * Update indeterminate state for all complex nodes
+     */
+    updateIndeterminateStates() {
+        // Only for multi-select mode
+        if (this.config.selectMode !== 'multi')
+            return;
+        // For each complex node, check its children
+        this.dataSource.data.forEach(node => {
+            if (node.expandable) {
+                const parentKey = node.property.keyPath?.join('.') || node.property.name;
+                // Find direct children (level = parent.level + 1, keyPath starts with parentKey)
+                const children = this.dataSource.data.filter(child => {
+                    if (child === node)
+                        return false;
+                    const childKeyPath = child.property.keyPath;
+                    if (!childKeyPath)
+                        return false;
+                    // Direct child: one level deeper, and keyPath starts with parentKey
+                    return (childKeyPath.length === node.level + 2 &&
+                        childKeyPath.slice(0, node.level + 1).join('.') === parentKey);
+                });
+                if (children.length > 0) {
+                    const selectedCount = children.filter(child => child.property.active).length;
+                    node.indeterminate = selectedCount > 0 && selectedCount < children.length;
+                }
+                else {
+                    node.indeterminate = false;
+                }
+            }
+            else {
+                node.indeterminate = false;
+            }
+        });
+    }
+    /**
+     * Expands all nodes in the tree.
+     */
+    expandAllNodes() {
+        if (!this.tree())
+            return;
+        const parentNodes = this.dataSource.data.filter(node => node.expandable);
+        parentNodes.forEach(node => {
+            if (!this.tree().isExpanded(node)) {
+                this.tree().expand(node);
+            }
+        });
+    }
+    /**
+     * Filters the tree nodes based on the search input.
+     */
+    filterTree() {
+        const searchText = this.inputText?.toLowerCase() || '';
+        const allNodes = [...this.dataSource.data];
+        if (!searchText) {
+            allNodes.forEach(node => (node.isVisible = true));
+            this.dataSource.data = Array.from(this.flatNodeMap.values());
+            this.updateSelectAllState();
+            return;
+        }
+        // First pass: Mark nodes that match the search criteria
+        allNodes.forEach(node => {
+            node.isVisible = this.matchesSearch(node.property, searchText);
+        });
+        // Second pass: Make parent nodes of visible nodes also visible
+        allNodes.forEach(node => {
+            if (node.isVisible && node.level > 0) {
+                // Find and mark parent nodes as visible
+                this.makeParentsVisible(node);
+            }
+        });
+        // Final filtered list
+        const filteredNodes = allNodes.filter(node => node.isVisible);
+        // Update the data source with filtered nodes
+        this.dataSource.data = filteredNodes;
+        this.updateSelectAllState();
+        // After data is updated, expand all parent nodes
+        queueMicrotask(() => {
+            this.expandNodesForSearch();
+        });
+    }
+    /**
+     * Expand parent nodes when filtering
+     * This method expands all nodes with children when a search is active
+     */
+    expandNodesForSearch() {
+        if (!this.inputText || !this.tree()) {
+            return;
+        }
+        const parentNodes = this.dataSource.data.filter(node => node.expandable);
+        // Expand all parent nodes when searching
+        parentNodes.forEach(node => {
+            if (!this.tree().isExpanded(node)) {
+                this.tree().expand(node);
+            }
+        });
+    }
+    /**
+     * Makes all parent nodes visible.
+     * @param node The node whose parents should be made visible.
+     */
+    makeParentsVisible(node) {
+        if (!node || node.level === 0)
+            return;
+        const keyPath = node.property.keyPath;
+        if (!keyPath)
+            return;
+        // Navigate up the path
+        for (let i = 1; i < keyPath.length; i++) {
+            const parentPath = keyPath.slice(0, i).join('.');
+            const parent = this.flatNodeMap.get(parentPath);
+            if (parent) {
+                parent.isVisible = true;
+            }
+            else {
+                break;
+            }
+        }
+    }
+    /**
+     * Categorizes and flattens hierarchical properties.
+     * @param properties The properties to categorize.
+     * @returns The flattened list of properties.
+     */
+    categorizeAndFlattenHierarchicalProperties(properties) {
+        const { simple, complex } = this.assetPropertiesService.categorizeAndFlattenHierarchicalProperties(properties);
+        return [...simple, ...complex];
+    }
+    /**
+     * Fix syntax error in the file.
+     */
+    fixSyntaxError() {
+        if (true) {
+            // Correct syntax
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: AssetPropertyListComponent, isStandalone: true, selector: "c8y-asset-property-list", inputs: { config: "config", asset: "asset", customProperties: "customProperties" }, outputs: { selectedProperties: "selectedProperties" }, queries: [{ propertyName: "assetPropertyAction", first: true, predicate: AssetPropertyActionDirective, descendants: true }], viewQueries: [{ propertyName: "tree", first: true, predicate: ["tree"], descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"tree-container bg-inherit\"\n  [attr.aria-label]=\"'Asset property list' | translate\"\n  role=\"tree\"\n>\n  <div\n    class=\"select-all-container bg-inherit sticky-top separator-bottom\"\n    *ngIf=\"config.showHeader || config.searchable\"\n  >\n    <div\n      class=\"form-group m-b-0 p-16\"\n      *ngIf=\"config.searchable\"\n      [ngClass]=\"{ 'separator-bottom': config.showHeader }\"\n    >\n      <div class=\"input-group input-group-search\">\n        <input\n          class=\"form-control\"\n          [attr.aria-label]=\"'Filter properties' | translate\"\n          placeholder=\"{{ 'Filter properties' | translate }}\"\n          role=\"searchbox\"\n          type=\"search\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"inputText\"\n          (input)=\"onSearch()\"\n          [disabled]=\"!dataSource.data.length\"\n          #filter\n        />\n        <span\n          class=\"input-group-addon\"\n          [attr.aria-hidden]=\"true\"\n          *ngIf=\"filter.value.length === 0\"\n        >\n          <i\n            class=\"dlt-c8y-icon-search\"\n            [c8yIcon]=\"'search'\"\n          ></i>\n        </span>\n        <span\n          class=\"input-group-addon\"\n          [attr.aria-hidden]=\"true\"\n          *ngIf=\"filter.value.length > 0\"\n        >\n          <i\n            class=\"text-muted dlt-c8y-icon-times\"\n            [c8yIcon]=\"'times'\"\n            [attr.aria-label]=\"'Clear search' | translate\"\n            tabindex=\"0\"\n            role=\"button\"\n            (click)=\"clearSearch()\"\n          ></i>\n        </span>\n      </div>\n    </div>\n    <div\n      class=\"d-flex a-i-center overflow-hidden\"\n      *ngIf=\"config.showHeader && dataSource.data.length\"\n    >\n      <div\n        class=\"flex-no-shrink\"\n        [ngClass]=\"{\n          'p-r-40': config.selectMode !== 'none' && config.expansionMode !== 'nonCollapsible',\n          'p-r-16': config.selectMode === 'none',\n          'p-r-8': config.selectMode !== 'none' && config.expansionMode === 'nonCollapsible'\n        }\"\n      ></div>\n      <c8y-list-item-checkbox\n        class=\"p-l-4 p-r-4\"\n        *ngIf=\"config.selectMode === 'multi'\"\n        [ngModel]=\"allSelected\"\n        [indeterminate]=\"indeterminate\"\n        (onSelect)=\"selectAll($event)\"\n      ></c8y-list-item-checkbox>\n      <div\n        class=\"p-l-24 p-t-40\"\n        *ngIf=\"config.selectMode !== 'multi'\"\n      ></div>\n      <div class=\"content-flex-30 fit-w m-t-4 m-b-4\">\n        <div class=\"col-6 d-flex a-i-center m-l-0 m-r-0\">\n          <span class=\"p-r-4 p-l-16 flex-no-shrink\">\n            <div class=\"c8y-icon\"></div>\n          </span>\n          <span class=\"text-medium m-l-8\">\n            {{ 'Property' | translate }}\n          </span>\n        </div>\n        <div\n          [ngClass]=\"{ 'col-3': config.showValue, 'col-6': !config.showValue }\"\n          *ngIf=\"config.showKey\"\n        >\n          <span class=\"text-medium\">{{ 'Key' | translate }}</span>\n        </div>\n        <div\n          [ngClass]=\"{ 'col-3': config.showKey, 'col-6': !config.showKey }\"\n          *ngIf=\"config.showValue\"\n        >\n          <span class=\"text-medium\">{{ 'Value' | translate }}</span>\n        </div>\n      </div>\n      <div\n        class=\"m-l-8 p-l-24\"\n        *ngIf=\"assetPropertyAction\"\n      ></div>\n    </div>\n  </div>\n\n  <cdk-tree\n    role=\"presentation\"\n    *ngIf=\"dataSource.data.length; else emptyState\"\n    #tree\n    [dataSource]=\"dataSource\"\n    [levelAccessor]=\"getLevel\"\n  >\n    <!-- Tree Node Definition -->\n    <cdk-tree-node\n      [style.display]=\"shouldRender(node) ? 'flex' : 'none'\"\n      [attr.tabindex]=\"0\"\n      [attr.aria-level]=\"getLevel(node) + 1\"\n      [attr.aria-expanded]=\"hasChild(node) ? tree.isExpanded(node) : null\"\n      [attr.aria-selected]=\"config.selectMode !== 'none' ? node.property.active : null\"\n      role=\"treeitem\"\n      *cdkTreeNodeDef=\"let node\"\n      cdkTreeNodePadding\n      [cdkTreeNodePaddingIndent]=\"24\"\n      [ngClass]=\"{\n        nonCollapsible: config.expansionMode === 'nonCollapsible',\n        nonSelectable: config.selectMode === 'none'\n      }\"\n    >\n      <div class=\"d-flex p-relative overflow-visible bg-inherit fit-h\">\n        <!-- Toggle Button for expandable nodes -->\n        <button\n          class=\"collapse-btn btn-dot flex-no-shrink\"\n          [attr.aria-label]=\"\n            collapseButtonTitle(node)\n              | translate\n                : {\n                    assetPropertyLabel:\n                      node.property.label || node.property.title || node.property.name\n                  }\n          \"\n          [attr.aria-expanded]=\"tree.isExpanded(node)\"\n          *ngIf=\"config.expansionMode !== 'nonCollapsible' && hasChild(node)\"\n          cdkTreeNodeToggle\n        >\n          <i [c8yIcon]=\"'chevron-right'\"></i>\n        </button>\n        <!-- Placeholder for non-expandable nodes to maintain alignment -->\n        <div\n          class=\"flex-no-shrink\"\n          [ngClass]=\"{\n            'p-r-40': config.expansionMode !== 'nonCollapsible',\n            'p-r-8': config.expansionMode === 'nonCollapsible'\n          }\"\n          *ngIf=\"!hasChild(node) || config.expansionMode === 'nonCollapsible'\"\n        ></div>\n\n        <!-- Selection Controls -->\n        <div\n          class=\"d-contents\"\n          *ngIf=\"config.selectMode !== 'none'\"\n        >\n          @if (config.selectMode === 'single') {\n            <c8y-list-item-radio\n              class=\"p-l-4\"\n              type=\"radio\"\n              [ngModel]=\"node.property.active\"\n              (onSelect)=\"onSelectSingle($event, node)\"\n            ></c8y-list-item-radio>\n          } @else if (config.selectMode === 'multi') {\n            <c8y-list-item-checkbox\n              class=\"p-l-4\"\n              [ngModel]=\"node.property.active\"\n              [indeterminate]=\"node.indeterminate\"\n              (onSelect)=\"onSelectMulti($event, node)\"\n            ></c8y-list-item-checkbox>\n          }\n        </div>\n\n        <div class=\"content-flex-30 fit-w bg-inherit\">\n          <div\n            class=\"d-flex a-i-center bg-inherit m-0\"\n            [ngClass]=\"{\n              'col-6': config.showKey || config.showValue,\n              'col-12': !config.showKey && !config.showValue\n            }\"\n          >\n            <c8y-li-icon\n              class=\"p-r-4\"\n              [icon]=\"node.property.type | c8yAssetPropertyIcon\"\n              tooltip=\"{{ node.property.type }}\"\n              [delay]=\"500\"\n              [ngClass]=\"{\n                'p-l-4': config.selectMode !== 'none',\n                'p-r-16': config.selectMode === 'none'\n              }\"\n            ></c8y-li-icon>\n\n            <span class=\"p-r-8\">\n              <div\n                class=\"text-truncate\"\n                title=\"{{\n                  node.property.label || node.property.title || node.property.name | translate\n                }}\"\n              >\n                {{ node.property.label || node.property.title || node.property.name | translate }}\n              </div>\n            </span>\n          </div>\n          <div\n            class=\"d-flex a-i-center\"\n            *ngIf=\"config.showKey\"\n            [ngClass]=\"{ 'col-3': config.showValue, 'col-6': !config.showValue }\"\n          >\n            <span\n              class=\"d-inline-block tag tag--default a-s-center text-truncate\"\n              title=\"{{ node.property.keyPath?.join('.') || (node.property?.name | translate) }}\"\n            >\n              {{ node.property.keyPath?.join('.') || (node.property?.name | translate) }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex a-i-center\"\n            [ngClass]=\"{ 'col-3': config.showKey, 'col-6': !config.showKey }\"\n            *ngIf=\"asset && config.showValue\"\n          >\n            <span\n              class=\"tag tag--info d-inline-block a-s-center text-truncate\"\n              title=\"{{ node.property | c8yAssetPropertyValue: asset }}\"\n            >\n              {{ node.property | c8yAssetPropertyValue: asset }}\n            </span>\n          </div>\n        </div>\n        <div\n          class=\"m-l-8 showOnHover d-flex a-i-center\"\n          *ngIf=\"assetPropertyAction\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              assetPropertyAction?.template;\n              context: {\n                $implicit: node.property\n              }\n            \"\n          ></ng-container>\n        </div>\n      </div>\n    </cdk-tree-node>\n  </cdk-tree>\n</div>\n\n<ng-template #emptyState>\n  <c8y-ui-empty-state\n    icon=\"list\"\n    title=\"{{ 'No properties to display' | translate }}\"\n    subtitle=\"{{ 'Select an asset to see the available properties.' | translate }}\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ListGroupModule }, { kind: "component", type: i2.ListItemIconComponent, selector: "c8y-list-item-icon, c8y-li-icon", inputs: ["icon", "status"] }, { kind: "component", type: i2.ListItemCheckboxComponent, selector: "c8y-list-item-checkbox, c8y-li-checkbox", inputs: ["selected", "indeterminate", "disabled", "displayAsSwitch"], outputs: ["onSelect"] }, { kind: "component", type: i2.ListItemRadioComponent, selector: "c8y-list-item-radio, c8y-li-radio", inputs: ["selected", "name", "disabled", "value"], outputs: ["onSelect"] }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "ngmodule", type: CdkTreeModule }, { kind: "directive", type: i4.CdkTreeNodeDef, selector: "[cdkTreeNodeDef]", inputs: ["cdkTreeNodeDefWhen"] }, { kind: "directive", type: i4.CdkTreeNodePadding, selector: "[cdkTreeNodePadding]", inputs: ["cdkTreeNodePadding", "cdkTreeNodePaddingIndent"] }, { kind: "directive", type: i4.CdkTreeNodeToggle, selector: "[cdkTreeNodeToggle]", inputs: ["cdkTreeNodeToggleRecursive"] }, { kind: "component", type: i4.CdkTree, selector: "cdk-tree", inputs: ["dataSource", "treeControl", "levelAccessor", "childrenAccessor", "trackBy", "expansionKey"], exportAs: ["cdkTree"] }, { kind: "directive", type: i4.CdkTreeNode, selector: "cdk-tree-node", inputs: ["role", "isExpandable", "isExpanded", "isDisabled", "cdkTreeNodeTypeaheadLabel"], outputs: ["activation", "expandedChange"], exportAs: ["cdkTreeNode"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: AssetPropertyValuePipe, name: "c8yAssetPropertyValue" }, { kind: "component", type: EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "pipe", type: AssetPropertyIconPipe, name: "c8yAssetPropertyIcon" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertyListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-asset-property-list', standalone: true, imports: [
+                        NgIf,
+                        NgClass,
+                        FormsModule,
+                        ListGroupModule,
+                        C8yTranslatePipe,
+                        TooltipModule,
+                        IconDirective,
+                        CdkTreeModule,
+                        NgTemplateOutlet,
+                        AssetPropertyValuePipe,
+                        EmptyStateComponent,
+                        AssetPropertyIconPipe
+                    ], template: "<div\n  class=\"tree-container bg-inherit\"\n  [attr.aria-label]=\"'Asset property list' | translate\"\n  role=\"tree\"\n>\n  <div\n    class=\"select-all-container bg-inherit sticky-top separator-bottom\"\n    *ngIf=\"config.showHeader || config.searchable\"\n  >\n    <div\n      class=\"form-group m-b-0 p-16\"\n      *ngIf=\"config.searchable\"\n      [ngClass]=\"{ 'separator-bottom': config.showHeader }\"\n    >\n      <div class=\"input-group input-group-search\">\n        <input\n          class=\"form-control\"\n          [attr.aria-label]=\"'Filter properties' | translate\"\n          placeholder=\"{{ 'Filter properties' | translate }}\"\n          role=\"searchbox\"\n          type=\"search\"\n          autocomplete=\"off\"\n          [(ngModel)]=\"inputText\"\n          (input)=\"onSearch()\"\n          [disabled]=\"!dataSource.data.length\"\n          #filter\n        />\n        <span\n          class=\"input-group-addon\"\n          [attr.aria-hidden]=\"true\"\n          *ngIf=\"filter.value.length === 0\"\n        >\n          <i\n            class=\"dlt-c8y-icon-search\"\n            [c8yIcon]=\"'search'\"\n          ></i>\n        </span>\n        <span\n          class=\"input-group-addon\"\n          [attr.aria-hidden]=\"true\"\n          *ngIf=\"filter.value.length > 0\"\n        >\n          <i\n            class=\"text-muted dlt-c8y-icon-times\"\n            [c8yIcon]=\"'times'\"\n            [attr.aria-label]=\"'Clear search' | translate\"\n            tabindex=\"0\"\n            role=\"button\"\n            (click)=\"clearSearch()\"\n          ></i>\n        </span>\n      </div>\n    </div>\n    <div\n      class=\"d-flex a-i-center overflow-hidden\"\n      *ngIf=\"config.showHeader && dataSource.data.length\"\n    >\n      <div\n        class=\"flex-no-shrink\"\n        [ngClass]=\"{\n          'p-r-40': config.selectMode !== 'none' && config.expansionMode !== 'nonCollapsible',\n          'p-r-16': config.selectMode === 'none',\n          'p-r-8': config.selectMode !== 'none' && config.expansionMode === 'nonCollapsible'\n        }\"\n      ></div>\n      <c8y-list-item-checkbox\n        class=\"p-l-4 p-r-4\"\n        *ngIf=\"config.selectMode === 'multi'\"\n        [ngModel]=\"allSelected\"\n        [indeterminate]=\"indeterminate\"\n        (onSelect)=\"selectAll($event)\"\n      ></c8y-list-item-checkbox>\n      <div\n        class=\"p-l-24 p-t-40\"\n        *ngIf=\"config.selectMode !== 'multi'\"\n      ></div>\n      <div class=\"content-flex-30 fit-w m-t-4 m-b-4\">\n        <div class=\"col-6 d-flex a-i-center m-l-0 m-r-0\">\n          <span class=\"p-r-4 p-l-16 flex-no-shrink\">\n            <div class=\"c8y-icon\"></div>\n          </span>\n          <span class=\"text-medium m-l-8\">\n            {{ 'Property' | translate }}\n          </span>\n        </div>\n        <div\n          [ngClass]=\"{ 'col-3': config.showValue, 'col-6': !config.showValue }\"\n          *ngIf=\"config.showKey\"\n        >\n          <span class=\"text-medium\">{{ 'Key' | translate }}</span>\n        </div>\n        <div\n          [ngClass]=\"{ 'col-3': config.showKey, 'col-6': !config.showKey }\"\n          *ngIf=\"config.showValue\"\n        >\n          <span class=\"text-medium\">{{ 'Value' | translate }}</span>\n        </div>\n      </div>\n      <div\n        class=\"m-l-8 p-l-24\"\n        *ngIf=\"assetPropertyAction\"\n      ></div>\n    </div>\n  </div>\n\n  <cdk-tree\n    role=\"presentation\"\n    *ngIf=\"dataSource.data.length; else emptyState\"\n    #tree\n    [dataSource]=\"dataSource\"\n    [levelAccessor]=\"getLevel\"\n  >\n    <!-- Tree Node Definition -->\n    <cdk-tree-node\n      [style.display]=\"shouldRender(node) ? 'flex' : 'none'\"\n      [attr.tabindex]=\"0\"\n      [attr.aria-level]=\"getLevel(node) + 1\"\n      [attr.aria-expanded]=\"hasChild(node) ? tree.isExpanded(node) : null\"\n      [attr.aria-selected]=\"config.selectMode !== 'none' ? node.property.active : null\"\n      role=\"treeitem\"\n      *cdkTreeNodeDef=\"let node\"\n      cdkTreeNodePadding\n      [cdkTreeNodePaddingIndent]=\"24\"\n      [ngClass]=\"{\n        nonCollapsible: config.expansionMode === 'nonCollapsible',\n        nonSelectable: config.selectMode === 'none'\n      }\"\n    >\n      <div class=\"d-flex p-relative overflow-visible bg-inherit fit-h\">\n        <!-- Toggle Button for expandable nodes -->\n        <button\n          class=\"collapse-btn btn-dot flex-no-shrink\"\n          [attr.aria-label]=\"\n            collapseButtonTitle(node)\n              | translate\n                : {\n                    assetPropertyLabel:\n                      node.property.label || node.property.title || node.property.name\n                  }\n          \"\n          [attr.aria-expanded]=\"tree.isExpanded(node)\"\n          *ngIf=\"config.expansionMode !== 'nonCollapsible' && hasChild(node)\"\n          cdkTreeNodeToggle\n        >\n          <i [c8yIcon]=\"'chevron-right'\"></i>\n        </button>\n        <!-- Placeholder for non-expandable nodes to maintain alignment -->\n        <div\n          class=\"flex-no-shrink\"\n          [ngClass]=\"{\n            'p-r-40': config.expansionMode !== 'nonCollapsible',\n            'p-r-8': config.expansionMode === 'nonCollapsible'\n          }\"\n          *ngIf=\"!hasChild(node) || config.expansionMode === 'nonCollapsible'\"\n        ></div>\n\n        <!-- Selection Controls -->\n        <div\n          class=\"d-contents\"\n          *ngIf=\"config.selectMode !== 'none'\"\n        >\n          @if (config.selectMode === 'single') {\n            <c8y-list-item-radio\n              class=\"p-l-4\"\n              type=\"radio\"\n              [ngModel]=\"node.property.active\"\n              (onSelect)=\"onSelectSingle($event, node)\"\n            ></c8y-list-item-radio>\n          } @else if (config.selectMode === 'multi') {\n            <c8y-list-item-checkbox\n              class=\"p-l-4\"\n              [ngModel]=\"node.property.active\"\n              [indeterminate]=\"node.indeterminate\"\n              (onSelect)=\"onSelectMulti($event, node)\"\n            ></c8y-list-item-checkbox>\n          }\n        </div>\n\n        <div class=\"content-flex-30 fit-w bg-inherit\">\n          <div\n            class=\"d-flex a-i-center bg-inherit m-0\"\n            [ngClass]=\"{\n              'col-6': config.showKey || config.showValue,\n              'col-12': !config.showKey && !config.showValue\n            }\"\n          >\n            <c8y-li-icon\n              class=\"p-r-4\"\n              [icon]=\"node.property.type | c8yAssetPropertyIcon\"\n              tooltip=\"{{ node.property.type }}\"\n              [delay]=\"500\"\n              [ngClass]=\"{\n                'p-l-4': config.selectMode !== 'none',\n                'p-r-16': config.selectMode === 'none'\n              }\"\n            ></c8y-li-icon>\n\n            <span class=\"p-r-8\">\n              <div\n                class=\"text-truncate\"\n                title=\"{{\n                  node.property.label || node.property.title || node.property.name | translate\n                }}\"\n              >\n                {{ node.property.label || node.property.title || node.property.name | translate }}\n              </div>\n            </span>\n          </div>\n          <div\n            class=\"d-flex a-i-center\"\n            *ngIf=\"config.showKey\"\n            [ngClass]=\"{ 'col-3': config.showValue, 'col-6': !config.showValue }\"\n          >\n            <span\n              class=\"d-inline-block tag tag--default a-s-center text-truncate\"\n              title=\"{{ node.property.keyPath?.join('.') || (node.property?.name | translate) }}\"\n            >\n              {{ node.property.keyPath?.join('.') || (node.property?.name | translate) }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex a-i-center\"\n            [ngClass]=\"{ 'col-3': config.showKey, 'col-6': !config.showKey }\"\n            *ngIf=\"asset && config.showValue\"\n          >\n            <span\n              class=\"tag tag--info d-inline-block a-s-center text-truncate\"\n              title=\"{{ node.property | c8yAssetPropertyValue: asset }}\"\n            >\n              {{ node.property | c8yAssetPropertyValue: asset }}\n            </span>\n          </div>\n        </div>\n        <div\n          class=\"m-l-8 showOnHover d-flex a-i-center\"\n          *ngIf=\"assetPropertyAction\"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              assetPropertyAction?.template;\n              context: {\n                $implicit: node.property\n              }\n            \"\n          ></ng-container>\n        </div>\n      </div>\n    </cdk-tree-node>\n  </cdk-tree>\n</div>\n\n<ng-template #emptyState>\n  <c8y-ui-empty-state\n    icon=\"list\"\n    title=\"{{ 'No properties to display' | translate }}\"\n    subtitle=\"{{ 'Select an asset to see the available properties.' | translate }}\"\n    [horizontal]=\"true\"\n  ></c8y-ui-empty-state>\n</ng-template>\n" }]
+        }], ctorParameters: () => [], propDecorators: { config: [{
+                type: Input
+            }], asset: [{
+                type: Input
+            }], customProperties: [{
+                type: Input
+            }], selectedProperties: [{
+                type: Output
+            }], assetPropertyAction: [{
+                type: ContentChild,
+                args: [AssetPropertyActionDirective]
+            }] } });
+
+/**
+ * Represents a drawer component for selecting asset properties.
+ */
+class AssetPropertySelectorDrawerComponent {
+    constructor() {
+        /**
+         * Title of the drawer.
+         */
+        this.title = gettext('Select property');
+        /**
+         * Custom properties to be displayed in the list.
+         */
+        this.customProperties = [];
+        /**
+         * Emits the selected properties when saved.
+         */
+        this.savePropertySelection = new EventEmitter();
+        /**
+         * Emits an event when the selection is canceled.
+         */
+        this.cancelPropertySelection = new EventEmitter();
+        /**
+         * List of selected properties.
+         */
+        this.selectedProperties = [];
+        /**
+         * Reference to the bottom drawer.
+         */
+        this.bottomDrawerRef = inject(BottomDrawerRef);
+        /**
+         * Promise resolving to the selected properties.
+         */
+        this.result = new Promise((resolve, reject) => {
+            this._save = resolve;
+            this._cancel = reject;
+        });
+    }
+    /**
+     * Updates the selected properties.
+     * @param properties The selected properties.
+     */
+    onSelectedProperties(properties) {
+        this.selectedProperties = cloneDeep(properties);
+    }
+    /**
+     * Saves the selected properties and closes the drawer.
+     */
+    onSave() {
+        this._save(this.selectedProperties);
+        this.bottomDrawerRef.close();
+    }
+    /**
+     * Cancels the selection and closes the drawer.
+     */
+    onCancel() {
+        this._cancel();
+        this.bottomDrawerRef.close();
+    }
+    /**
+     * Checks if the select button should be disabled.
+     * @returns True if all selected properties are inactive.
+     */
+    selectIsDisabled() {
+        return this.selectedProperties?.every(({ active }) => !active);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertySelectorDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: AssetPropertySelectorDrawerComponent, isStandalone: true, selector: "c8y-asset-property-selector-drawer-component", inputs: { title: "title" }, outputs: { savePropertySelection: "savePropertySelection", cancelPropertySelection: "cancelPropertySelection" }, host: { classAttribute: "d-contents" }, ngImport: i0, template: "<div class=\"card-header separator\">\n  <span class=\"h4 card-title\">{{ title | translate }}</span>\n</div>\n\n<div class=\"inner-scroll flex-grow\">\n  <c8y-asset-property-list\n    class=\"bg-component\"\n    [asset]=\"asset\"\n    [config]=\"config\"\n    [customProperties]=\"customProperties\"\n    (selectedProperties)=\"onSelectedProperties($event)\"\n  ></c8y-asset-property-list>\n</div>\n\n<div class=\"card-footer text-center p-24 separator flex-no-shrink\">\n  <button\n    class=\"btn btn-default\"\n    title=\"{{ 'Cancel' | translate }}\"\n    type=\"button\"\n    (click)=\"onCancel()\"\n  >\n    {{ 'Cancel' | translate }}\n  </button>\n  <button\n    class=\"btn btn-primary\"\n    title=\"{{ 'Select' | translate }}\"\n    type=\"button\"\n    [disabled]=\"selectIsDisabled()\"\n    (click)=\"onSave()\"\n  >\n    {{ 'Select' | translate }}\n  </button>\n</div>\n", dependencies: [{ kind: "pipe", type: C8yTranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule$1 }, { kind: "component", type: AssetPropertyListComponent, selector: "c8y-asset-property-list", inputs: ["config", "asset", "customProperties"], outputs: ["selectedProperties"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: AssetPropertySelectorDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'c8y-asset-property-selector-drawer-component', host: {
+                        class: 'd-contents'
+                    }, standalone: true, imports: [C8yTranslatePipe, FormsModule$1, AssetPropertyListComponent], template: "<div class=\"card-header separator\">\n  <span class=\"h4 card-title\">{{ title | translate }}</span>\n</div>\n\n<div class=\"inner-scroll flex-grow\">\n  <c8y-asset-property-list\n    class=\"bg-component\"\n    [asset]=\"asset\"\n    [config]=\"config\"\n    [customProperties]=\"customProperties\"\n    (selectedProperties)=\"onSelectedProperties($event)\"\n  ></c8y-asset-property-list>\n</div>\n\n<div class=\"card-footer text-center p-24 separator flex-no-shrink\">\n  <button\n    class=\"btn btn-default\"\n    title=\"{{ 'Cancel' | translate }}\"\n    type=\"button\"\n    (click)=\"onCancel()\"\n  >\n    {{ 'Cancel' | translate }}\n  </button>\n  <button\n    class=\"btn btn-primary\"\n    title=\"{{ 'Select' | translate }}\"\n    type=\"button\"\n    [disabled]=\"selectIsDisabled()\"\n    (click)=\"onSave()\"\n  >\n    {{ 'Select' | translate }}\n  </button>\n</div>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], savePropertySelection: [{
+                type: Output
+            }], cancelPropertySelection: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AssetPropertiesService, AssetPropertyActionDirective, AssetPropertyListComponent, AssetPropertySelectorDrawerComponent, RESULT_TYPES, defaultAssetProperties, defaultAssetPropertyListConfig, deviceAssetProperties };
+//# sourceMappingURL=c8y-ngx-components-asset-properties.mjs.map