@masterteam/properties 0.0.1

package/fesm2022/masterteam-properties.mjs

@@ -0,0 +1,1959 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, computed, signal, Component, DestroyRef, effect, forwardRef, ChangeDetectionStrategy, linkedSignal, input, EnvironmentInjector, ViewContainerRef, ViewChild } from '@angular/core';
+import { CommonModule, NgComponentOutlet } from '@angular/common';
+import { Table } from '@masterteam/components/table';
+import { Router, ActivatedRoute } from '@angular/router';
+import { HttpClient, HttpContextToken } from '@angular/common/http';
+import { Action, Selector, State, Store, select } from '@ngxs/store';
+import { of, startWith, map, distinctUntilChanged, Subscription } from 'rxjs';
+import { tap, catchError, finalize, switchMap } from 'rxjs/operators';
+import { Button } from '@masterteam/components/button';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { Card } from '@masterteam/components/card';
+import { Avatar } from '@masterteam/components/avatar';
+import { DynamicForm } from '@masterteam/forms/dynamic-form';
+import { PickListFieldConfig, ValidatorConfig } from '@masterteam/components';
+import * as i1 from '@angular/forms';
+import { FormGroup, FormControl, FormArray, Validators, ReactiveFormsModule, NG_VALUE_ACCESSOR, ControlContainer, FormGroupDirective } from '@angular/forms';
+import { SelectField } from '@masterteam/components/select-field';
+import { TextField } from '@masterteam/components/text-field';
+import { ToggleField } from '@masterteam/components/toggle-field';
+
+function startLoading(ctx, loadingName) {
+    const { loadingActive, errors } = ctx.getState();
+    if (!loadingActive.includes(loadingName)) {
+        ctx.patchState({
+            loadingActive: [...loadingActive, loadingName],
+        });
+    }
+    if (errors && errors[loadingName]) {
+        const { [loadingName]: _removed, ...rest } = errors;
+        ctx.patchState({ errors: rest });
+    }
+}
+function endLoading(ctx, loadingName) {
+    const { loadingActive } = ctx.getState();
+    ctx.patchState({
+        loadingActive: loadingActive.filter((name) => name !== loadingName),
+    });
+}
+function setLoadingError(ctx, loadingName, message) {
+    const { errors } = ctx.getState();
+    ctx.patchState({
+        errors: { ...errors, [loadingName]: message },
+    });
+}
+
+class GetProperties {
+    params;
+    static type = '[Properties] Get All';
+    constructor(params) {
+        this.params = params;
+    }
+}
+class GetProperty {
+    id;
+    mode;
+    static type = '[Properties] Get One';
+    constructor(id, mode = 'edit') {
+        this.id = id;
+        this.mode = mode;
+    }
+}
+class GetLookups {
+    static type = '[Properties] Get Lookups';
+}
+class GetGroups {
+    static type = '[Properties] Get Groups';
+}
+class GetLogs {
+    static type = '[Properties] Get Logs';
+}
+class GetCountries {
+    static type = '[Properties] Get Countries';
+}
+class TestApiConfiguration {
+    payload;
+    static type = '[Properties] Test API Configuration';
+    constructor(payload) {
+        this.payload = payload;
+    }
+}
+class ResetApiConfiguration {
+    static type = '[Properties] Reset API Configuration';
+}
+class GetPropertiesForConfigType {
+    moduleType;
+    moduleId;
+    params;
+    static type = '[Properties] Get By Config Type';
+    constructor(moduleType, moduleId, params) {
+        this.moduleType = moduleType;
+        this.moduleId = moduleId;
+        this.params = params;
+    }
+}
+class ResetConfigProperties {
+    static type = '[Properties] Reset Config Properties';
+}
+class ResetSelectedProperty {
+    static type = '[Properties] Reset Selected Property';
+}
+class DeleteProperty {
+    id;
+    static type = '[Properties] Delete';
+    constructor(id) {
+        this.id = id;
+    }
+}
+class CreateProperty {
+    payload;
+    static type = '[Properties] Create';
+    constructor(payload) {
+        this.payload = payload;
+    }
+}
+class UpdateProperty {
+    id;
+    payload;
+    static type = '[Properties] Update';
+    constructor(id, payload) {
+        this.id = id;
+        this.payload = payload;
+    }
+}
+class SetPropertiesModuleInfo {
+    moduleType;
+    moduleId;
+    static type = '[Properties] Set Module Info';
+    constructor(moduleType, moduleId) {
+        this.moduleType = moduleType;
+        this.moduleId = moduleId;
+    }
+}
+class SetPropertyTypes {
+    payload;
+    static type = '[Properties] Set Property Types';
+    constructor(payload) {
+        this.payload = payload;
+    }
+}
+
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const DEFAULT_STATE = {
+    properties: [],
+    selectedProperty: null,
+    loadingActive: [],
+    errors: {},
+    moduleType: null,
+    moduleId: null,
+    lastQueryParams: null,
+    lookups: [],
+    configTypeProperties: [],
+    groups: [],
+    logs: [],
+    countries: [],
+    apiSchema: null,
+    apiProperties: [],
+};
+let PropertiesState = class PropertiesState {
+    http = inject(HttpClient);
+    baseUrl = 'Properties';
+    lookupsUrl = 'Lookups';
+    configPropertiesUrl = 'Properties';
+    groupsUrl = 'identity/Groups';
+    logsUrl = 'Logs';
+    countriesUrl = '/assets/countries/countries.json';
+    apiTestUrl = 'app/testAPI';
+    apiDetectUrl = 'app/detect';
+    static properties(state) {
+        return state.properties;
+    }
+    static selectedProperty(state) {
+        return state.selectedProperty;
+    }
+    static lookups(state) {
+        return state.lookups;
+    }
+    static configTypeProperties(state) {
+        return state.configTypeProperties;
+    }
+    static groups(state) {
+        return state.groups;
+    }
+    static logs(state) {
+        return state.logs;
+    }
+    static countries(state) {
+        return state.countries;
+    }
+    static apiSchema(state) {
+        return state.apiSchema;
+    }
+    static apiProperties(state) {
+        return state.apiProperties;
+    }
+    static propertyTypes(state) {
+        return state.propertyTypes ?? [];
+    }
+    static isLoadingFactory(state) {
+        return (loadingName) => state.loadingActive.includes(loadingName);
+    }
+    static errorFactory(state) {
+        return (loadingName) => state.errors?.[loadingName] ?? null;
+    }
+    static propertyById(state) {
+        return (id) => state.properties.find((property) => property.id === Number(id)) ?? null;
+    }
+    getAll(ctx, action) {
+        startLoading(ctx, 'getAll');
+        const state = ctx.getState();
+        const moduleType = state.moduleType ?? undefined;
+        const moduleId = state.moduleId ?? undefined;
+        const params = { ...action.params };
+        ctx.patchState({
+            lastQueryParams: params ?? null,
+        });
+        return this.http
+            .get(`${this.baseUrl}/${moduleType}/${moduleId}`, {
+            params: params,
+        })
+            .pipe(tap((response) => {
+            const properties = Array.isArray(response?.data) ? response.data : [];
+            ctx.patchState({ properties });
+        }), catchError((error) => {
+            const message = error?.error?.message ??
+                error?.message ??
+                'Failed to load properties';
+            setLoadingError(ctx, 'getAll', message);
+            return of(null);
+        }), finalize(() => endLoading(ctx, 'getAll')));
+    }
+    getOne(ctx, action) {
+        startLoading(ctx, 'getOne');
+        const params = { mode: action.mode ?? 'edit' };
+        return this.http
+            .get(`${this.baseUrl}/${action.id}`, { params })
+            .pipe(tap((response) => {
+            ctx.patchState({
+                selectedProperty: response?.data ?? null,
+            });
+        }), catchError((error) => {
+            const message = error?.error?.message ??
+                error?.message ??
+                'Failed to load property';
+            setLoadingError(ctx, 'getOne', message);
+            return of(null);
+        }), finalize(() => endLoading(ctx, 'getOne')));
+    }
+    getLookups(ctx, _action) {
+        const state = ctx.getState();
+        if (state.lookups.length) {
+            return of(state.lookups);
+        }
+        startLoading(ctx, 'getLookups');
+        return this.http.get(this.lookupsUrl).pipe(tap((response) => {
+            const lookups = Array.isArray(response?.data) ? response.data : [];
+            ctx.patchState({ lookups });
+        }), catchError((error) => {
+            const message = error?.error?.message ?? error?.message ?? 'Failed to load lookups';
+            setLoadingError(ctx, 'getLookups', message);
+            return of([]);
+        }), finalize(() => endLoading(ctx, 'getLookups')));
+    }
+    getGroups(ctx, _action) {
+        const state = ctx.getState();
+        if (state.groups.length) {
+            return of(state.groups);
+        }
+        startLoading(ctx, 'getGroups');
+        return this.http.get(this.groupsUrl).pipe(tap((response) => {
+            const groups = Array.isArray(response?.data) ? response.data : [];
+            ctx.patchState({ groups });
+        }), catchError((error) => {
+            const message = error?.error?.message ?? error?.message ?? 'Failed to load groups';
+            setLoadingError(ctx, 'getGroups', message);
+            return of([]);
+        }), finalize(() => endLoading(ctx, 'getGroups')));
+    }
+    getLogs(ctx, _action) {
+        const state = ctx.getState();
+        if (state.logs.length) {
+            return of(state.logs);
+        }
+        startLoading(ctx, 'getLogs');
+        return this.http.get(this.logsUrl).pipe(tap((response) => {
+            const logs = Array.isArray(response?.data) ? response.data : [];
+            ctx.patchState({ logs });
+        }), catchError((error) => {
+            const message = error?.error?.message ?? error?.message ?? 'Failed to load logs';
+            setLoadingError(ctx, 'getLogs', message);
+            return of([]);
+        }), finalize(() => endLoading(ctx, 'getLogs')));
+    }
+    getCountries(ctx, _action) {
+        const state = ctx.getState();
+        if (state.countries.length) {
+            return of(state.countries);
+        }
+        startLoading(ctx, 'getCountries');
+        return this.http.get(this.countriesUrl).pipe(tap((response) => {
+            const countries = Array.isArray(response) ? response : [];
+            ctx.patchState({ countries });
+        }), catchError((error) => {
+            const message = error?.error?.message ?? error?.message ?? 'Failed to load countries';
+            setLoadingError(ctx, 'getCountries', message);
+            return of([]);
+        }), finalize(() => endLoading(ctx, 'getCountries')));
+    }
+    testApiConfiguration(ctx, action) {
+        startLoading(ctx, 'testApiConfiguration');
+        ctx.patchState({
+            apiSchema: null,
+            apiProperties: [],
+        });
+        return this.http.post(this.apiTestUrl, action.payload).pipe(switchMap((testResponse) => {
+            const rawData = testResponse?.data;
+            if (!rawData) {
+                return of(null);
+            }
+            const formData = new FormData();
+            formData.append('jsonData', JSON.stringify(rawData));
+            return this.http
+                .post(this.apiDetectUrl, formData)
+                .pipe(tap((detectResponse) => {
+                const schema = detectResponse?.data ?? null;
+                const apiProperties = this.mapSchemaToOptions(schema);
+                ctx.patchState({
+                    apiSchema: schema,
+                    apiProperties,
+                });
+            }));
+        }), catchError((error) => {
+            const message = error?.error?.message ?? error?.message ?? 'Failed to test API';
+            setLoadingError(ctx, 'testApiConfiguration', message);
+            return of(null);
+        }), finalize(() => endLoading(ctx, 'testApiConfiguration')));
+    }
+    resetApiConfiguration(ctx) {
+        ctx.patchState({
+            apiSchema: null,
+            apiProperties: [],
+        });
+    }
+    resolveApiSchema(response) {
+        if (!response) {
+            return null;
+        }
+        if (response.schema) {
+            return response.schema;
+        }
+        return this.buildSchemaFromData(response.data);
+    }
+    buildSchemaFromData(data) {
+        const sample = Array.isArray(data) ? data[0] : data;
+        if (!sample || Array.isArray(sample) || typeof sample !== 'object') {
+            return null;
+        }
+        const entries = Object.entries(sample);
+        if (!entries.length) {
+            return null;
+        }
+        const properties = entries.reduce((acc, [key, value]) => {
+            acc[key] = { type: this.resolveValueType(value) };
+            return acc;
+        }, {});
+        return { properties };
+    }
+    resolveValueType(value) {
+        if (Array.isArray(value)) {
+            return 'array';
+        }
+        if (value === null) {
+            return 'null';
+        }
+        return typeof value;
+    }
+    mapSchemaToOptions(schema) {
+        if (!schema?.properties) {
+            return [];
+        }
+        return Object.entries(schema.properties).map(([key, definition]) => {
+            const typeLabel = definition?.type ? ` | ${definition.type}` : '';
+            return {
+                key,
+                name: `${key}${typeLabel}`,
+                type: definition?.type,
+            };
+        });
+    }
+    getPropertiesForConfigType(ctx, action) {
+        startLoading(ctx, 'getConfigProperties');
+        const { moduleType, moduleId, params } = action;
+        const httpParams = params
+            ? Object.entries(params)
+                .filter(([, value]) => value !== undefined && value !== null)
+                .reduce((acc, [key, value]) => {
+                acc[key] = String(value);
+                return acc;
+            }, {})
+            : undefined;
+        return this.http
+            .get(`${this.configPropertiesUrl}/${encodeURIComponent(moduleType)}/${encodeURIComponent(String(moduleId))}`, httpParams ? { params: httpParams } : undefined)
+            .pipe(tap((response) => {
+            const configTypeProperties = Array.isArray(response?.data)
+                ? response.data
+                : [];
+            ctx.patchState({ configTypeProperties });
+        }), catchError((error) => {
+            const message = error?.error?.message ??
+                error?.message ??
+                'Failed to load properties';
+            setLoadingError(ctx, 'getConfigProperties', message);
+            return of([]);
+        }), finalize(() => endLoading(ctx, 'getConfigProperties')));
+    }
+    resetConfigProperties(ctx) {
+        ctx.patchState({ configTypeProperties: [] });
+    }
+    resetSelectedProperty(ctx) {
+        ctx.patchState({ selectedProperty: null });
+    }
+    setModuleInfo(ctx, action) {
+        ctx.patchState({
+            moduleType: encodeURIComponent(action.moduleType),
+            moduleId: encodeURIComponent(String(action.moduleId)),
+        });
+    }
+    create(ctx, action) {
+        startLoading(ctx, 'create');
+        const state = ctx.getState();
+        const moduleType = state.moduleType ?? undefined;
+        const moduleId = state.moduleId ?? undefined;
+        if (!moduleType || moduleId === undefined || moduleId === null) {
+            const message = 'Missing module context for creating property';
+            setLoadingError(ctx, 'create', message);
+            endLoading(ctx, 'create');
+            return of(null);
+        }
+        return this.http
+            .post(`${this.baseUrl}/${moduleType}/${moduleId}`, action.payload)
+            .pipe(tap((response) => {
+            const created = response?.data;
+            if (!created) {
+                return;
+            }
+            const state = ctx.getState();
+            ctx.patchState({
+                properties: [...state.properties, created],
+                selectedProperty: created,
+            });
+        }), finalize(() => endLoading(ctx, 'create')));
+    }
+    update(ctx, action) {
+        startLoading(ctx, 'update');
+        const state = ctx.getState();
+        const moduleType = state.moduleType ?? undefined;
+        const moduleId = state.moduleId ?? undefined;
+        if (!moduleType || moduleId === undefined || moduleId === null) {
+            const message = 'Missing module context for updating property';
+            setLoadingError(ctx, 'update', message);
+            endLoading(ctx, 'update');
+            return of(null);
+        }
+        return this.http
+            .put(`${this.baseUrl}/${moduleType}/${moduleId}/${encodeURIComponent(String(action.id))}`, action.payload)
+            .pipe(tap((response) => {
+            const updated = response?.data;
+            if (!updated) {
+                return;
+            }
+            const updatedId = updated.id ?? Number(action.id);
+            const state = ctx.getState();
+            const properties = state.properties.some((item) => item.id === updatedId)
+                ? state.properties.map((item) => item.id === updatedId ? { ...item, ...updated } : item)
+                : [...state.properties, updated];
+            ctx.patchState({
+                properties,
+                selectedProperty: updated,
+            });
+        }), catchError((error) => {
+            const message = error?.error?.message ??
+                error?.message ??
+                'Failed to update property';
+            setLoadingError(ctx, 'update', message);
+            return of(null);
+        }), finalize(() => endLoading(ctx, 'update')));
+    }
+    delete(ctx, action) {
+        startLoading(ctx, 'delete');
+        return this.http
+            .delete(`${this.baseUrl}/${encodeURIComponent(String(action.id))}`)
+            .pipe(tap(() => {
+            const { properties, selectedProperty } = ctx.getState();
+            const remaining = properties.filter((item) => item.id !== Number(action.id));
+            const nextSelected = selectedProperty && selectedProperty.id === Number(action.id)
+                ? null
+                : selectedProperty;
+            ctx.patchState({
+                properties: remaining,
+                selectedProperty: nextSelected,
+            });
+        }), catchError((error) => {
+            const message = error?.error?.message ??
+                error?.message ??
+                'Failed to delete property';
+            setLoadingError(ctx, 'delete', message);
+            return of(null);
+        }), finalize(() => endLoading(ctx, 'delete')));
+    }
+    SetPropertyTypes(ctx, action) {
+        ctx.patchState({
+            propertyTypes: action.payload,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesState, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesState });
+};
+__decorate([
+    Action(GetProperties)
+], PropertiesState.prototype, "getAll", null);
+__decorate([
+    Action(GetProperty)
+], PropertiesState.prototype, "getOne", null);
+__decorate([
+    Action(GetLookups)
+], PropertiesState.prototype, "getLookups", null);
+__decorate([
+    Action(GetGroups)
+], PropertiesState.prototype, "getGroups", null);
+__decorate([
+    Action(GetLogs)
+], PropertiesState.prototype, "getLogs", null);
+__decorate([
+    Action(GetCountries)
+], PropertiesState.prototype, "getCountries", null);
+__decorate([
+    Action(TestApiConfiguration)
+], PropertiesState.prototype, "testApiConfiguration", null);
+__decorate([
+    Action(ResetApiConfiguration)
+], PropertiesState.prototype, "resetApiConfiguration", null);
+__decorate([
+    Action(GetPropertiesForConfigType)
+], PropertiesState.prototype, "getPropertiesForConfigType", null);
+__decorate([
+    Action(ResetConfigProperties)
+], PropertiesState.prototype, "resetConfigProperties", null);
+__decorate([
+    Action(ResetSelectedProperty)
+], PropertiesState.prototype, "resetSelectedProperty", null);
+__decorate([
+    Action(SetPropertiesModuleInfo)
+], PropertiesState.prototype, "setModuleInfo", null);
+__decorate([
+    Action(CreateProperty)
+], PropertiesState.prototype, "create", null);
+__decorate([
+    Action(UpdateProperty)
+], PropertiesState.prototype, "update", null);
+__decorate([
+    Action(DeleteProperty)
+], PropertiesState.prototype, "delete", null);
+__decorate([
+    Action(SetPropertyTypes)
+], PropertiesState.prototype, "SetPropertyTypes", null);
+__decorate([
+    Selector()
+], PropertiesState, "properties", null);
+__decorate([
+    Selector()
+], PropertiesState, "selectedProperty", null);
+__decorate([
+    Selector()
+], PropertiesState, "lookups", null);
+__decorate([
+    Selector()
+], PropertiesState, "configTypeProperties", null);
+__decorate([
+    Selector()
+], PropertiesState, "groups", null);
+__decorate([
+    Selector()
+], PropertiesState, "logs", null);
+__decorate([
+    Selector()
+], PropertiesState, "countries", null);
+__decorate([
+    Selector()
+], PropertiesState, "apiSchema", null);
+__decorate([
+    Selector()
+], PropertiesState, "apiProperties", null);
+__decorate([
+    Selector()
+], PropertiesState, "propertyTypes", null);
+__decorate([
+    Selector()
+], PropertiesState, "isLoadingFactory", null);
+__decorate([
+    Selector()
+], PropertiesState, "errorFactory", null);
+__decorate([
+    Selector()
+], PropertiesState, "propertyById", null);
+PropertiesState = __decorate([
+    State({
+        name: 'properties',
+        defaults: DEFAULT_STATE,
+    })
+], PropertiesState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesState, decorators: [{
+            type: Injectable
+        }], propDecorators: { getAll: [], getOne: [], getLookups: [], getGroups: [], getLogs: [], getCountries: [], testApiConfiguration: [], resetApiConfiguration: [], getPropertiesForConfigType: [], resetConfigProperties: [], resetSelectedProperty: [], setModuleInfo: [], create: [], update: [], delete: [], SetPropertyTypes: [] } });
+
+class PropertiesFacade {
+    store = inject(Store);
+    list = select(PropertiesState.properties);
+    propertyTypes = select(PropertiesState.propertyTypes);
+    selected = select(PropertiesState.selectedProperty);
+    lookups = select(PropertiesState.lookups);
+    configProperties = select(PropertiesState.configTypeProperties);
+    groups = select(PropertiesState.groups);
+    logs = select(PropertiesState.logs);
+    countries = select(PropertiesState.countries);
+    apiSchema = select(PropertiesState.apiSchema);
+    apiProperties = select(PropertiesState.apiProperties);
+    systemProperties = computed(() => this.list().filter((property) => Boolean(property.isSystem)), ...(ngDevMode ? [{ debugName: "systemProperties" }] : []));
+    customProperties = computed(() => this.list().filter((property) => !Boolean(property.isSystem)), ...(ngDevMode ? [{ debugName: "customProperties" }] : []));
+    isLoading(loadingName) {
+        const loadingFactory = select(PropertiesState.isLoadingFactory);
+        return computed(() => loadingFactory()(loadingName));
+    }
+    loadAll(params) {
+        return this.store.dispatch(new GetProperties(params));
+    }
+    loadOne(id, mode = 'edit') {
+        return this.store.dispatch(new GetProperty(id, mode));
+    }
+    delete(id) {
+        return this.store.dispatch(new DeleteProperty(id));
+    }
+    create(payload) {
+        return this.store.dispatch(new CreateProperty(payload));
+    }
+    update(id, payload) {
+        return this.store.dispatch(new UpdateProperty(id, payload));
+    }
+    setModuleInfo(moduleType, moduleId) {
+        return this.store.dispatch(new SetPropertiesModuleInfo(moduleType, moduleId));
+    }
+    loadLookups() {
+        return this.store.dispatch(new GetLookups());
+    }
+    loadGroups() {
+        return this.store.dispatch(new GetGroups());
+    }
+    loadLogs() {
+        return this.store.dispatch(new GetLogs());
+    }
+    loadCountries() {
+        return this.store.dispatch(new GetCountries());
+    }
+    testApiConfiguration(payload) {
+        return this.store.dispatch(new TestApiConfiguration(payload));
+    }
+    resetApiConfiguration() {
+        return this.store.dispatch(new ResetApiConfiguration());
+    }
+    setPropertyTypes(propertyTypes) {
+        return this.store.dispatch(new SetPropertyTypes(propertyTypes));
+    }
+    loadPropertiesForConfigType(moduleType, moduleId, params) {
+        return this.store.dispatch(new GetPropertiesForConfigType(moduleType, moduleId, params));
+    }
+    resetSelectedProperty() {
+        return this.store.dispatch(new ResetSelectedProperty());
+    }
+    resetConfigProperties() {
+        return this.store.dispatch(new ResetConfigProperties());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesFacade, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesFacade, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// store/app.state.ts
+const REQUEST_CONTEXT = new HttpContextToken(() => ({
+    useBaseUrl: false,
+}));
+
+// store/index.ts
+// This file exports EVERYTHING - one import for all state needs
+// States
+
+class PropertiesList {
+    facade = inject(PropertiesFacade);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    tabs = signal([
+        { label: 'All', value: 'all' },
+        { label: 'System', value: 'system' },
+        { label: 'Custom', value: 'custom' },
+    ], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    activeTab = signal('all', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    tableColumns = signal([
+        { key: 'name', label: 'Name' },
+        { key: 'viewType', label: 'Type' },
+        { key: 'required', label: 'Required', type: 'boolean' },
+    ], ...(ngDevMode ? [{ debugName: "tableColumns" }] : []));
+    rowActions = signal([
+        {
+            icon: 'custom.pencil',
+            tooltip: 'Edit',
+            color: 'primary',
+            action: (row) => this.editRow(row),
+        },
+        {
+            icon: 'general.trash-01',
+            tooltip: 'Delete',
+            color: 'danger',
+            variant: 'outlined',
+            action: (row) => this.deleteRow(row),
+        },
+    ], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
+    loading = this.facade.isLoading('getAll');
+    tableData = computed(() => {
+        const tab = this.activeTab();
+        const allProperties = this.facade.list();
+        switch (tab) {
+            case 'system':
+                return this.facade.systemProperties();
+            case 'custom':
+                return this.facade.customProperties();
+            case 'all':
+            default:
+                return allProperties;
+        }
+    }, ...(ngDevMode ? [{ debugName: "tableData" }] : []));
+    editRow(row) {
+        if (!row?.id) {
+            return;
+        }
+        this.router.navigate(['../properties-form', row.id], {
+            relativeTo: this.route,
+        });
+    }
+    deleteRow(row) {
+        if (!row?.id) {
+            return;
+        }
+        this.facade.delete(row.id);
+    }
+    createProperty() {
+        this.router.navigate(['../properties-form'], {
+            relativeTo: this.route,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: PropertiesList, isStandalone: true, selector: "mt-properties-list", ngImport: i0, template: "<div class=\"py-4 px-6 space-y-3\">\n  <div class=\"flex items-center justify-between\">\n    <div class=\"space-y-1\">\n      <h1 class=\"text-xl font-semibold text-slate-900 tracking-tight\">\n        All Properties\n      </h1>\n      <p class=\"text-sm text-slate-500\">PMO - Project - Properties</p>\n    </div>\n    <mt-button label=\"Create\" (click)=\"createProperty()\" />\n  </div>\n\n  <mt-table\n    [tabs]=\"tabs()\"\n    [(activeTab)]=\"activeTab\"\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns()\"\n    [rowActions]=\"rowActions()\"\n    [generalSearch]=\"true\"\n    [showFilters]=\"true\"\n    [loading]=\"loading()\"\n    paginatorPosition=\"center\"\n  >\n  </mt-table>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Table, selector: "mt-table", inputs: ["data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "generalSearch", "showFilters", "loading", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "pageSize", "currentPage", "first", "filterTerm"], outputs: ["selectionChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertiesList, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-properties-list', standalone: true, imports: [CommonModule, Table, Button], template: "<div class=\"py-4 px-6 space-y-3\">\n  <div class=\"flex items-center justify-between\">\n    <div class=\"space-y-1\">\n      <h1 class=\"text-xl font-semibold text-slate-900 tracking-tight\">\n        All Properties\n      </h1>\n      <p class=\"text-sm text-slate-500\">PMO - Project - Properties</p>\n    </div>\n    <mt-button label=\"Create\" (click)=\"createProperty()\" />\n  </div>\n\n  <mt-table\n    [tabs]=\"tabs()\"\n    [(activeTab)]=\"activeTab\"\n    [data]=\"tableData()\"\n    [columns]=\"tableColumns()\"\n    [rowActions]=\"rowActions()\"\n    [generalSearch]=\"true\"\n    [showFilters]=\"true\"\n    [loading]=\"loading()\"\n    paginatorPosition=\"center\"\n  >\n  </mt-table>\n</div>\n" }]
+        }] });
+
+class ApiConfiguration {
+    facade = inject(PropertiesFacade);
+    destroyRef = inject(DestroyRef);
+    schema = signal(null, ...(ngDevMode ? [{ debugName: "schema" }] : []));
+    isWriting = false;
+    touched = false;
+    isTesting = this.facade.isLoading('testApiConfiguration');
+    apiProperties = this.facade.apiProperties;
+    hasDetectedSchema = computed(() => this.apiProperties().length > 0, ...(ngDevMode ? [{ debugName: "hasDetectedSchema" }] : []));
+    form = new FormGroup({
+        endpoint: new FormControl('', {
+            nonNullable: true,
+            validators: [Validators.required],
+        }),
+        headers: new FormArray([]),
+        key: new FormControl(null),
+        value: new FormControl(null),
+        supportMultiSelect: new FormControl(false, { nonNullable: true }),
+    });
+    onChange = () => { };
+    onTouched = () => { };
+    formChanges = toSignal(this.form.valueChanges, {
+        initialValue: this.form.getRawValue(),
+    });
+    constructor() {
+        this.facade.resetApiConfiguration();
+        effect(() => {
+            this.formChanges();
+            this.emitValue();
+        });
+        effect(() => {
+            const latestSchema = this.facade.apiSchema();
+            if (latestSchema !== undefined) {
+                this.schema.set(latestSchema);
+                if (!this.isWriting) {
+                    this.emitValue(false);
+                }
+            }
+        });
+        this.destroyRef.onDestroy(() => {
+            this.facade.resetApiConfiguration();
+        });
+    }
+    get headers() {
+        return this.form.controls.headers;
+    }
+    writeValue(value) {
+        this.isWriting = true;
+        try {
+            if (!value) {
+                this.form.reset({
+                    endpoint: '',
+                    key: null,
+                    value: null,
+                    supportMultiSelect: false,
+                }, { emitEvent: false });
+                this.setHeadersFromRecord({});
+                this.schema.set(null);
+                this.touched = false;
+                return;
+            }
+            this.schema.set(value.schema ?? null);
+            this.form.patchValue({
+                endpoint: value.endpoint ?? '',
+                key: value.key ?? null,
+                value: value.value ?? null,
+                supportMultiSelect: !!value.supportMultiSelect,
+            }, { emitEvent: false });
+            this.setHeadersFromRecord(value.headers ?? {});
+            this.touched = false;
+        }
+        finally {
+            this.isWriting = false;
+            this.emitValue(false);
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (isDisabled) {
+            this.form.disable({ emitEvent: false });
+        }
+        else {
+            this.form.enable({ emitEvent: false });
+        }
+    }
+    addHeader() {
+        this.headers.push(this.createHeaderGroup());
+    }
+    removeHeader(index) {
+        this.headers.removeAt(index);
+        this.emitValue();
+    }
+    testApi() {
+        if (!this.form.controls.endpoint.valid) {
+            this.form.controls.endpoint.markAsTouched();
+            return;
+        }
+        const headers = this.headersToRecord();
+        const payload = {
+            endpoint: this.form.controls.endpoint.value,
+            headers: Object.keys(headers).length ? headers : undefined,
+        };
+        this.facade.testApiConfiguration(payload).subscribe();
+    }
+    emitValue(triggerTouched = true) {
+        if (this.isWriting) {
+            return;
+        }
+        const headers = this.headersToRecord();
+        const value = {
+            endpoint: this.form.controls.endpoint.value,
+            headers,
+            key: this.form.controls.key.value ?? undefined,
+            value: this.form.controls.value.value ?? undefined,
+            supportMultiSelect: this.form.controls.supportMultiSelect.value,
+            schema: this.schema(),
+        };
+        this.onChange(value);
+        if (triggerTouched && !this.touched) {
+            this.onTouched();
+            this.touched = true;
+        }
+    }
+    createHeaderGroup(initial = {}) {
+        return new FormGroup({
+            key: new FormControl(initial.key ?? '', { nonNullable: true }),
+            value: new FormControl(initial.value ?? '', { nonNullable: true }),
+        });
+    }
+    setHeadersFromRecord(headers) {
+        while (this.headers.length) {
+            this.headers.removeAt(0);
+        }
+        Object.entries(headers).forEach(([key, value]) => {
+            this.headers.push(this.createHeaderGroup({ key, value }));
+        });
+    }
+    headersToRecord() {
+        return this.headers.controls.reduce((acc, group) => {
+            const key = group.controls.key.value?.trim();
+            if (key) {
+                acc[key] = group.controls.value.value ?? '';
+            }
+            return acc;
+        }, {});
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ApiConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: ApiConfiguration, isStandalone: true, selector: "mt-api-configuration", providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ApiConfiguration),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div [formGroup]=\"form\" class=\"space-y-6\">\n  <div class=\"space-y-4 rounded-xl bg-white px-6 py-4 shadow-sm\">\n    <div class=\"grid items-end gap-3 md:grid-cols-[minmax(0,1fr)_auto]\">\n      <mt-text-field\n        formControlName=\"endpoint\"\n        label=\"Endpoint\"\n        placeholder=\"https://api.example.com/items\"\n      />\n      <div class=\"flex justify-end gap-2\">\n        <mt-button\n          type=\"button\"\n          [text]=\"true\"\n          icon=\"general.plus\"\n          label=\"Add Header\"\n          (click)=\"addHeader()\"\n        />\n        <mt-button\n          type=\"button\"\n          label=\"Test API\"\n          [loading]=\"isTesting()\"\n          (click)=\"testApi()\"\n        />\n      </div>\n    </div>\n\n    @if (headers.controls.length) {\n      <div class=\"space-y-3\">\n        <div class=\"text-sm font-medium text-surface-500\">Headers</div>\n        <div class=\"space-y-3\">\n          @for (\n            headerCtrl of headers.controls;\n            track headerCtrl;\n            let i = $index\n          ) {\n            <div\n              [formGroup]=\"headerCtrl\"\n              class=\"grid items-end gap-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]\"\n            >\n              <mt-text-field formControlName=\"key\" label=\"Key\" />\n              <mt-text-field formControlName=\"value\" label=\"Value\" />\n              <mt-button\n                type=\"button\"\n                [text]=\"true\"\n                icon=\"general.trash-01\"\n                (click)=\"removeHeader(i)\"\n              />\n            </div>\n          }\n        </div>\n      </div>\n    } @else {\n      <p class=\"text-xs text-surface-400\">\n        No headers added. Use \u201CAdd Header\u201D to include authentication or custom\n        headers.\n      </p>\n    }\n  </div>\n\n  <div class=\"space-y-4 rounded-xl bg-white px-6 py-4 shadow-sm\">\n    @if (hasDetectedSchema()) {\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <mt-select-field\n          formControlName=\"key\"\n          [options]=\"apiProperties()\"\n          [showClear]=\"true\"\n          optionLabel=\"name\"\n          optionValue=\"key\"\n          label=\"Key field\"\n        />\n        <mt-select-field\n          formControlName=\"value\"\n          [options]=\"apiProperties()\"\n          [showClear]=\"true\"\n          optionLabel=\"name\"\n          optionValue=\"key\"\n          label=\"Value field\"\n        />\n      </div>\n    } @else {\n      <p class=\"text-xs text-surface-400\">\n        Run \u201CTest API\u201D to detect available fields.\n      </p>\n    }\n\n    <div class=\"flex items-center justify-between gap-4\">\n      <mt-toggle-field\n        formControlName=\"supportMultiSelect\"\n        label=\"Support multiple select\"\n      />\n      @if (isTesting()) {\n        <span class=\"text-xs text-surface-400\">Testing...</span>\n      }\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }, { kind: "component", type: SelectField, selector: "mt-select-field", inputs: ["field", "label", "placeholder", "hasPlaceholderPrefix", "class", "readonly", "pInputs", "options", "optionValue", "optionLabel", "filter", "filterBy", "dataKey", "showClear", "clearAfterSelect", "required"], outputs: ["onChange"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required"], outputs: ["onChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: ApiConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-api-configuration', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        TextField,
+                        SelectField,
+                        ToggleField,
+                        Button,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ApiConfiguration),
+                            multi: true,
+                        },
+                    ], template: "<div [formGroup]=\"form\" class=\"space-y-6\">\n  <div class=\"space-y-4 rounded-xl bg-white px-6 py-4 shadow-sm\">\n    <div class=\"grid items-end gap-3 md:grid-cols-[minmax(0,1fr)_auto]\">\n      <mt-text-field\n        formControlName=\"endpoint\"\n        label=\"Endpoint\"\n        placeholder=\"https://api.example.com/items\"\n      />\n      <div class=\"flex justify-end gap-2\">\n        <mt-button\n          type=\"button\"\n          [text]=\"true\"\n          icon=\"general.plus\"\n          label=\"Add Header\"\n          (click)=\"addHeader()\"\n        />\n        <mt-button\n          type=\"button\"\n          label=\"Test API\"\n          [loading]=\"isTesting()\"\n          (click)=\"testApi()\"\n        />\n      </div>\n    </div>\n\n    @if (headers.controls.length) {\n      <div class=\"space-y-3\">\n        <div class=\"text-sm font-medium text-surface-500\">Headers</div>\n        <div class=\"space-y-3\">\n          @for (\n            headerCtrl of headers.controls;\n            track headerCtrl;\n            let i = $index\n          ) {\n            <div\n              [formGroup]=\"headerCtrl\"\n              class=\"grid items-end gap-3 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]\"\n            >\n              <mt-text-field formControlName=\"key\" label=\"Key\" />\n              <mt-text-field formControlName=\"value\" label=\"Value\" />\n              <mt-button\n                type=\"button\"\n                [text]=\"true\"\n                icon=\"general.trash-01\"\n                (click)=\"removeHeader(i)\"\n              />\n            </div>\n          }\n        </div>\n      </div>\n    } @else {\n      <p class=\"text-xs text-surface-400\">\n        No headers added. Use \u201CAdd Header\u201D to include authentication or custom\n        headers.\n      </p>\n    }\n  </div>\n\n  <div class=\"space-y-4 rounded-xl bg-white px-6 py-4 shadow-sm\">\n    @if (hasDetectedSchema()) {\n      <div class=\"grid gap-4 md:grid-cols-2\">\n        <mt-select-field\n          formControlName=\"key\"\n          [options]=\"apiProperties()\"\n          [showClear]=\"true\"\n          optionLabel=\"name\"\n          optionValue=\"key\"\n          label=\"Key field\"\n        />\n        <mt-select-field\n          formControlName=\"value\"\n          [options]=\"apiProperties()\"\n          [showClear]=\"true\"\n          optionLabel=\"name\"\n          optionValue=\"key\"\n          label=\"Value field\"\n        />\n      </div>\n    } @else {\n      <p class=\"text-xs text-surface-400\">\n        Run \u201CTest API\u201D to detect available fields.\n      </p>\n    }\n\n    <div class=\"flex items-center justify-between gap-4\">\n      <mt-toggle-field\n        formControlName=\"supportMultiSelect\"\n        label=\"Support multiple select\"\n      />\n      @if (isTesting()) {\n        <span class=\"text-xs text-surface-400\">Testing...</span>\n      }\n    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [] });
+
+class CheckListFormConfiguration {
+    propertiesFacade = inject(PropertiesFacade);
+    controlContainer = inject(ControlContainer);
+    parentGroup = this.controlContainer.control;
+    lookups = this.propertiesFacade.lookups;
+    logs = this.propertiesFacade.logs;
+    configProperties = this.propertiesFacade.configProperties;
+    prevLogId = signal(null, ...(ngDevMode ? [{ debugName: "prevLogId" }] : []));
+    configuration = toSignal(this.parentGroup.valueChanges.pipe(startWith(this.parentGroup.value), map((value) => value?.configuration), distinctUntilChanged()), { initialValue: this.parentGroup.value?.configuration });
+    formConfig = linkedSignal(() => ({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-2 gap-3',
+                fields: [
+                    {
+                        key: 'lookup',
+                        type: 'select',
+                        label: 'Select Lookup',
+                        optionLabel: 'displayName',
+                        optionValue: 'id',
+                        options: this.lookups(),
+                    },
+                    {
+                        key: 'log',
+                        type: 'select',
+                        label: 'Select Log',
+                        optionLabel: 'name',
+                        optionValue: 'id',
+                        options: this.logs(),
+                    },
+                    new PickListFieldConfig({
+                        key: 'properties',
+                        cssClass: 'md:col-span-2',
+                        options: this.configProperties(),
+                        optionLabel: 'name',
+                        optionValue: 'key',
+                        sourceHeader: 'Available Properties',
+                        targetHeader: 'Selected Properties',
+                    }),
+                ],
+            },
+        ],
+    }));
+    constructor() {
+        effect(() => {
+            if (!this.lookups().length) {
+                this.propertiesFacade.loadLookups();
+            }
+        });
+        effect(() => {
+            if (!this.logs().length) {
+                this.propertiesFacade.loadLogs();
+            }
+        });
+        effect(() => {
+            const logId = this.configuration()?.log;
+            if (logId) {
+                if (this.prevLogId() == logId) {
+                    return;
+                }
+                this.prevLogId.set(logId);
+                this.propertiesFacade.loadPropertiesForConfigType('Log', logId);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.propertiesFacade.resetConfigProperties();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CheckListFormConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: CheckListFormConfiguration, isStandalone: true, selector: "mt-check-list-form-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: CheckListFormConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-check-list-form-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }], ctorParameters: () => [] });
+
+class DynamicListConfiguration {
+    propertiesFacade = inject(PropertiesFacade);
+    controlContainer = inject(ControlContainer);
+    parentGroup = this.controlContainer.control;
+    logs = this.propertiesFacade.logs;
+    configProperties = this.propertiesFacade.configProperties;
+    prevLogId = signal(null, ...(ngDevMode ? [{ debugName: "prevLogId" }] : []));
+    configuration = toSignal(this.parentGroup.valueChanges.pipe(startWith(this.parentGroup.value), map((value) => value?.configuration), distinctUntilChanged()), { initialValue: this.parentGroup.value?.configuration });
+    formConfig = linkedSignal(() => ({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-2 gap-3',
+                fields: [
+                    {
+                        key: 'logId',
+                        type: 'select',
+                        label: 'Select Log',
+                        optionLabel: 'name',
+                        optionValue: 'id',
+                        options: this.logs(),
+                    },
+                    new PickListFieldConfig({
+                        key: 'properties',
+                        cssClass: 'md:col-span-2',
+                        options: this.configProperties(),
+                        optionLabel: 'name',
+                        optionValue: 'key',
+                        sourceHeader: 'Available Properties',
+                        targetHeader: 'Selected Properties',
+                    }),
+                    {
+                        key: 'mapToActual',
+                        type: 'toggle',
+                        label: 'Map To Actual',
+                        cssClass: 'md:col-span-2',
+                    },
+                ],
+            },
+        ],
+    }));
+    constructor() {
+        effect(() => {
+            if (!this.logs().length) {
+                this.propertiesFacade.loadLogs();
+            }
+        });
+        effect(() => {
+            const logId = this.configuration()?.logId;
+            if (logId) {
+                if (this.prevLogId() == logId) {
+                    return;
+                }
+                this.prevLogId.set(logId);
+                this.propertiesFacade.loadPropertiesForConfigType('Log', logId);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.propertiesFacade.resetConfigProperties();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DynamicListConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: DynamicListConfiguration, isStandalone: true, selector: "mt-dynamic-list-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DynamicListConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-dynamic-list-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }], ctorParameters: () => [] });
+
+class EditableListViewConfiguration {
+    propertiesFacade = inject(PropertiesFacade);
+    controlContainer = inject(ControlContainer);
+    parentGroup = this.controlContainer.control;
+    logs = this.propertiesFacade.logs;
+    configProperties = this.propertiesFacade.configProperties;
+    prevLogId = signal(null, ...(ngDevMode ? [{ debugName: "prevLogId" }] : []));
+    configuration = toSignal(this.parentGroup.valueChanges.pipe(startWith(this.parentGroup.value), map((value) => value?.configuration), distinctUntilChanged()), { initialValue: this.parentGroup.value?.configuration });
+    formConfig = linkedSignal(() => ({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-2 gap-3',
+                fields: [
+                    {
+                        key: 'logId',
+                        type: 'select',
+                        label: 'Select Log',
+                        optionLabel: 'name',
+                        optionValue: 'id',
+                        options: this.logs(),
+                    },
+                    new PickListFieldConfig({
+                        key: 'Properties',
+                        cssClass: 'md:col-span-2',
+                        options: this.configProperties(),
+                        optionLabel: 'name',
+                        optionValue: 'key',
+                        sourceHeader: 'Available Properties',
+                        targetHeader: 'Selected Properties',
+                    }),
+                    {
+                        key: 'isEditable',
+                        type: 'toggle',
+                        label: 'Is Editable',
+                    },
+                    {
+                        key: 'preserveValue',
+                        type: 'toggle',
+                        label: 'Preserve Value',
+                    },
+                ],
+            },
+        ],
+    }));
+    constructor() {
+        effect(() => {
+            if (!this.logs().length) {
+                this.propertiesFacade.loadLogs();
+            }
+        });
+        effect(() => {
+            const logId = this.configuration()?.logId;
+            if (logId) {
+                if (this.prevLogId() == logId) {
+                    return;
+                }
+                this.prevLogId.set(logId);
+                this.propertiesFacade.loadPropertiesForConfigType('Log', logId);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.propertiesFacade.resetConfigProperties();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: EditableListViewConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: EditableListViewConfiguration, isStandalone: true, selector: "mt-editable-list-view-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: EditableListViewConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-editable-list-view-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }], ctorParameters: () => [] });
+
+class InternalModuleConfiguration {
+    // private readonly workspaceStructureFacade = inject(WorkspaceStructureFacade);
+    //  = this.workspaceStructureFacade.workspaceNodes;
+    levels;
+    propertiesFacade = inject(PropertiesFacade);
+    cc = inject(ControlContainer);
+    parentGroup = this.cc.control;
+    configProperties = this.propertiesFacade.configProperties;
+    logs = this.propertiesFacade.logs;
+    configuration = toSignal(this.parentGroup.valueChanges.pipe(startWith(this.parentGroup.value), map((v) => v?.configuration), distinctUntilChanged()), { initialValue: this.parentGroup.value?.configuration });
+    PrevModuleId = signal(null, ...(ngDevMode ? [{ debugName: "PrevModuleId" }] : []));
+    formConfig = linkedSignal(() => ({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-2 gap-3 align-items-end ',
+                fields: [
+                    {
+                        key: 'type',
+                        type: 'select',
+                        label: 'Type',
+                        optionLabel: 'label',
+                        optionValue: 'value',
+                        options: [
+                            { label: 'Level', value: 'Level' },
+                            { label: 'Log', value: 'Log' },
+                        ],
+                    },
+                    {
+                        key: 'levelId',
+                        type: 'select',
+                        hidden: true,
+                        label: 'Select Level',
+                        optionLabel: 'name.en',
+                        optionValue: 'id',
+                        options: this.levels(),
+                        relations: [
+                            {
+                                key: 'type',
+                                value: 'Level',
+                                action: 'show',
+                            },
+                        ],
+                    },
+                    {
+                        key: 'logId',
+                        type: 'select',
+                        hidden: true,
+                        label: 'Select Log',
+                        optionLabel: 'name',
+                        optionValue: 'id',
+                        options: this.logs(),
+                        relations: [
+                            {
+                                key: 'type',
+                                value: 'Log',
+                                action: 'show',
+                            },
+                        ],
+                    },
+                    {
+                        type: 'select',
+                        key: 'property',
+                        label: 'Value Property',
+                        optionLabel: 'name',
+                        optionValue: 'key',
+                        options: this.configProperties(),
+                    },
+                    new PickListFieldConfig({
+                        cssClass: 'md:col-span-2 mt-2',
+                        key: 'propertyDetails',
+                        options: this.configProperties(),
+                        optionLabel: 'name',
+                        optionValue: 'key',
+                        sourceHeader: 'Available Properties',
+                        targetHeader: 'Selected Properties',
+                    }),
+                    {
+                        cssClass: 'md:col-span-2',
+                        key: 'preserveValue',
+                        type: 'toggle',
+                        label: 'Preserve Value',
+                    },
+                ],
+            },
+        ],
+    }));
+    constructor() {
+        effect(() => {
+            if (this.configuration()?.type === 'Log') {
+                if (!this.logs().length) {
+                    this.propertiesFacade.loadLogs();
+                }
+                this.parentGroup.get('levelId')?.setValue(null);
+            }
+            else if (this.configuration()?.type === 'Level') {
+                this.parentGroup.get('logId')?.setValue(null);
+            }
+            if (this.configuration()?.logId || this.configuration()?.levelId) {
+                const moduleType = this.configuration()?.type;
+                const moduleId = moduleType === 'Log'
+                    ? this.configuration()?.logId
+                    : this.configuration()?.levelId;
+                if (moduleId == this.PrevModuleId()) {
+                    return;
+                }
+                if (moduleType && moduleId) {
+                    this.PrevModuleId.set(moduleId);
+                    this.propertiesFacade.loadPropertiesForConfigType(moduleType, moduleId);
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.propertiesFacade.resetConfigProperties();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: InternalModuleConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: InternalModuleConfiguration, isStandalone: true, selector: "mt-internal-module-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: InternalModuleConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-internal-module-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }], ctorParameters: () => [] });
+
+class LocationConfiguration {
+    facade = inject(PropertiesFacade);
+    countries = this.facade.countries;
+    formConfig = computed(() => ({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-3',
+                fields: [
+                    {
+                        key: 'country',
+                        type: 'select',
+                        label: 'Select Country',
+                        optionLabel: 'name',
+                        optionValue: 'name',
+                        options: this.countries(),
+                    },
+                ],
+            },
+        ],
+    }), ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
+    constructor() {
+        effect(() => {
+            if (!this.countries().length) {
+                this.facade.loadCountries();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LocationConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: LocationConfiguration, isStandalone: true, selector: "mt-location-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LocationConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-location-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }], ctorParameters: () => [] });
+
+class LookupConfiguration {
+    facade = inject(PropertiesFacade);
+    lookups = this.facade.lookups;
+    formConfig = computed(() => ({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-3',
+                fields: [
+                    {
+                        key: 'lookup',
+                        type: 'select',
+                        label: 'Select Lookup',
+                        optionLabel: 'displayName',
+                        optionValue: 'id',
+                        options: this.lookups(),
+                    },
+                ],
+            },
+        ],
+    }), ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
+    constructor() {
+        effect(() => {
+            if (!this.lookups().length) {
+                this.facade.loadLookups();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LookupConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: LookupConfiguration, isStandalone: true, selector: "mt-lookup-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: LookupConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-lookup-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }], ctorParameters: () => [] });
+
+class PercentageConfiguration {
+    formConfig = signal({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-3',
+                fields: [
+                    {
+                        key: 'color',
+                        type: 'color-picker',
+                        label: 'Select Color',
+                    },
+                ],
+            },
+        ],
+    }, ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PercentageConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: PercentageConfiguration, isStandalone: true, selector: "mt-percentage-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PercentageConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-percentage-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }] });
+
+class UserConfiguration {
+    facade = inject(PropertiesFacade);
+    groups = this.facade.groups;
+    formConfig = computed(() => ({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] gap-3',
+                fields: [
+                    {
+                        key: 'group',
+                        type: 'select',
+                        label: 'Select Group',
+                        optionLabel: 'name',
+                        optionValue: 'id',
+                        options: this.groups(),
+                    },
+                ],
+            },
+        ],
+    }), ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
+    constructor() {
+        effect(() => {
+            if (!this.groups().length) {
+                this.facade.loadGroups();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: UserConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: UserConfiguration, isStandalone: true, selector: "mt-user-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: UserConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-user-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }], ctorParameters: () => [] });
+
+const ATTACHMENT_ACCEPT = [
+    {
+        key: 'image/*',
+        name: 'image',
+    },
+    {
+        key: 'application/pdf',
+        name: 'pdf',
+    },
+    {
+        key: '.mpp',
+        name: 'mpp',
+    },
+    {
+        key: '.xer',
+        name: 'xer',
+    },
+    {
+        key: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        name: 'word',
+    },
+    {
+        key: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+        name: 'excel',
+    },
+    {
+        key: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+        name: 'powrpoint',
+    },
+    {
+        key: '.eml',
+        name: 'eml',
+    },
+    {
+        key: '.doc',
+        name: 'doc',
+    },
+    {
+        key: '.docx',
+        name: 'docx',
+    },
+    {
+        key: '.ppt',
+        name: 'ppt',
+    },
+    {
+        key: '.pptx',
+        name: 'pptx',
+    },
+    {
+        key: '.xls',
+        name: 'xls',
+    },
+    {
+        key: '.xlsx',
+        name: 'xlsx',
+    },
+    {
+        key: '.csv',
+        name: 'csv',
+    },
+    {
+        key: '.mp4',
+        name: 'mp4',
+    },
+    {
+        key: '.mov',
+        name: 'mov',
+    },
+    {
+        key: '.wmv',
+        name: 'wmv',
+    },
+    {
+        key: '.avi',
+        name: 'avi',
+    },
+    {
+        key: '.mkv',
+        name: 'mkv',
+    },
+    {
+        key: '.msg',
+        name: 'msg',
+    },
+    {
+        key: '.zip',
+        name: 'zip',
+    },
+    {
+        key: '.rar',
+        name: 'rar',
+    },
+    {
+        key: '.7z',
+        name: '7z',
+    },
+    {
+        key: '.gz',
+        name: 'gz',
+    },
+    {
+        key: '.gzip',
+        name: 'gzip',
+    },
+    {
+        key: '.gzip',
+        name: 'gzip',
+    },
+];
+class AttachmentConfiguration {
+    formConfig = signal({
+        sections: [
+            {
+                key: 'configuration',
+                label: 'Configuration',
+                cssClass: ' rounded-xl bg-white \
+    shadow-sm \
+   px-6 py-4',
+                type: 'header',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-2 gap-3',
+                fields: [
+                    new PickListFieldConfig({
+                        key: 'AcceptTypes',
+                        options: ATTACHMENT_ACCEPT,
+                        optionLabel: 'name',
+                        optionValue: 'key',
+                        sourceHeader: 'Available Types',
+                        targetHeader: 'Selected Types',
+                        cssClass: 'md:col-span-2',
+                    }),
+                    {
+                        key: 'IsMulitple',
+                        type: 'toggle',
+                        label: 'Allow Multiple Files',
+                    },
+                ],
+            },
+        ],
+    }, ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AttachmentConfiguration, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AttachmentConfiguration, isStandalone: true, selector: "mt-attachment-configuration", ngImport: i0, template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n", styles: [""], dependencies: [{ kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            { provide: ControlContainer, useExisting: FormGroupDirective },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AttachmentConfiguration, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-attachment-configuration', imports: [DynamicForm, ReactiveFormsModule], viewProviders: [
+                        { provide: ControlContainer, useExisting: FormGroupDirective },
+                    ], template: "<mt-dynamic-form formControlName=\"configuration\" [formConfig]=\"formConfig()\" />\n" }]
+        }] });
+
+class PropertyForm {
+    facade = inject(PropertiesFacade);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    propertyId = input('', ...(ngDevMode ? [{ debugName: "propertyId" }] : []));
+    propertyTypes = this.facade.propertyTypes;
+    submitLabel = computed(() => (this.propertyId() ? 'Update' : 'Create'), ...(ngDevMode ? [{ debugName: "submitLabel" }] : []));
+    isEditing = computed(() => !!this.propertyId(), ...(ngDevMode ? [{ debugName: "isEditing" }] : []));
+    // Keep your original structure: "main" is a FormControl<any>, "configuration" is FormControl<any|null>
+    propertyForm = new FormGroup({
+        main: new FormControl({
+            isCalculated: false,
+            viewType: null,
+            name: { ar: '', en: '' },
+            description: '',
+        }),
+        configuration: new FormControl(null),
+    });
+    mainControl = this.propertyForm.get('main');
+    configurationControl = this.propertyForm.get('configuration');
+    creating = this.facade.isLoading('create');
+    updating = this.facade.isLoading('update');
+    submitting = computed(() => this.creating() || this.updating(), ...(ngDevMode ? [{ debugName: "submitting" }] : []));
+    propertyType = toSignal(this.mainControl.valueChanges.pipe(startWith(this.mainControl.value), map((v) => v?.viewType), distinctUntilChanged()), { initialValue: this.mainControl.value?.viewType });
+    selectedPropertyTypeConfiguration = computed(() => {
+        const propertyTypesSetting = this.propertyTypes();
+        const selectedViewType = this.propertyType();
+        if (!propertyTypesSetting?.value || !selectedViewType)
+            return null;
+        // PropertyTypeSetting
+        const match = propertyTypesSetting.value.find((item) => item.viewType?.toLowerCase() === selectedViewType.toLowerCase());
+        return match?.configuration ?? null;
+    }, ...(ngDevMode ? [{ debugName: "selectedPropertyTypeConfiguration" }] : []));
+    configurationFormConfig = computed(() => this.selectedPropertyTypeConfiguration()?.configurationForm ?? null, ...(ngDevMode ? [{ debugName: "configurationFormConfig" }] : []));
+    configurationHost;
+    environmentInjector = inject(EnvironmentInjector);
+    configurationComponentType = signal(null, ...(ngDevMode ? [{ debugName: "configurationComponentType" }] : []));
+    configurationComponentRef = null;
+    configurationComponentLoadId = 0;
+    externalConfigurationForm = signal(null, ...(ngDevMode ? [{ debugName: "externalConfigurationForm" }] : []));
+    externalConfigurationSubscriptions = null;
+    externalConfigurationInvalid = signal(false, ...(ngDevMode ? [{ debugName: "externalConfigurationInvalid" }] : []));
+    viewReady = signal(false, ...(ngDevMode ? [{ debugName: "viewReady" }] : []));
+    configurationComponentExists = computed(() => !!this.configurationComponentType(), ...(ngDevMode ? [{ debugName: "configurationComponentExists" }] : []));
+    configurationFormInvalid = computed(() => this.externalConfigurationInvalid(), ...(ngDevMode ? [{ debugName: "configurationFormInvalid" }] : []));
+    submitDisabled = computed(() => this.submitting() || this.configurationFormInvalid(), ...(ngDevMode ? [{ debugName: "submitDisabled" }] : []));
+    // Your existing dynamic form config unchanged
+    dynamicFormConfigMain = linkedSignal(() => ({
+        layout: {
+            containerClass: `space-y-2`,
+        },
+        sections: [
+            {
+                key: 'top-row',
+                type: 'none',
+                cssClass: ' rounded-xl bg-white shadow-sm px-6 py-4',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_auto] items-center gap-6',
+                fields: [
+                    {
+                        key: 'viewType',
+                        type: 'select',
+                        placeholder: 'Select Property Type',
+                        optionLabel: 'label.en',
+                        optionValue: 'viewType',
+                        options: this.propertyTypes()?.value,
+                    },
+                    {
+                        key: 'isCalculated',
+                        type: 'toggle',
+                        label: 'Calculated',
+                        cssClass: 'md:justify-self-end',
+                    },
+                ],
+            },
+            {
+                key: 'default-info',
+                label: 'Default Information',
+                type: 'header',
+                cssClass: ' rounded-xl bg-white shadow-sm px-6 py-4',
+                bodyClass: 'grid grid-cols-1 md:grid-cols-2 gap-3',
+                fields: [
+                    {
+                        key: 'name.ar',
+                        label: 'Name-AR',
+                        placeholder: 'Name-Ar',
+                        validators: [new ValidatorConfig({ type: 'required' })],
+                    },
+                    {
+                        key: 'name.en',
+                        label: 'Name-En',
+                        placeholder: 'Name-En',
+                        validators: [new ValidatorConfig({ type: 'required' })],
+                    },
+                    {
+                        key: 'description',
+                        label: 'Description',
+                        type: 'textarea',
+                        cssClass: 'md:col-span-2',
+                    },
+                    {
+                        key: 'defaultValue',
+                        label: 'Default Value',
+                        cssClass: 'md:col-span-2',
+                    },
+                ],
+            },
+        ],
+    }));
+    constructor() {
+        // Load when editing
+        effect(() => {
+            if (this.propertyId()) {
+                this.facade.loadOne(this.propertyId());
+            }
+        });
+        effect(() => {
+            const property = this.facade.selected();
+            this.syncFormWithSelectedProperty(property);
+        });
+        effect(() => {
+            const currentPropertyType = this.propertyType();
+            if (currentPropertyType === undefined)
+                return;
+            this.configurationControl.reset(null, { emitEvent: false });
+        }, { allowSignalWrites: true });
+        effect(() => {
+            this.resolveConfigurationComponent(this.selectedPropertyTypeConfiguration());
+        });
+        effect(() => {
+            if (!this.viewReady())
+                return;
+            this.renderConfigurationComponent(this.configurationComponentType());
+        });
+        effect(() => {
+            const form = this.externalConfigurationForm();
+            if (!form)
+                return;
+            const value = this.configurationControl.value;
+            if (value) {
+                form.patchValue(value, { emitEvent: false });
+            }
+            else {
+                form.reset({}, { emitEvent: false });
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.viewReady.set(true);
+        this.renderConfigurationComponent(this.configurationComponentType());
+    }
+    ngOnDestroy() {
+        this.facade.resetSelectedProperty();
+        this.destroyConfigurationComponent();
+    }
+    renderConfigurationComponent(componentType) {
+        if (!this.configurationHost)
+            return;
+        this.destroyConfigurationComponent();
+        if (!componentType)
+            return;
+        const componentRef = this.configurationHost.createComponent(componentType, {
+            environmentInjector: this.environmentInjector,
+        });
+        this.configurationComponentRef = componentRef;
+        this.connectExternalConfigurationForm(componentRef.instance);
+    }
+    destroyConfigurationComponent() {
+        this.externalConfigurationSubscriptions?.unsubscribe();
+        this.externalConfigurationSubscriptions = null;
+        this.externalConfigurationForm.set(null);
+        this.externalConfigurationInvalid.set(false);
+        this.configurationComponentRef?.destroy();
+        this.configurationComponentRef = null;
+        this.configurationHost?.clear();
+    }
+    connectExternalConfigurationForm(instance) {
+        const form = this.extractConfigurationForm(instance);
+        if (!form)
+            return;
+        this.externalConfigurationForm.set(form);
+        this.externalConfigurationInvalid.set(form.invalid);
+        const currentValue = this.configurationControl.value;
+        if (currentValue) {
+            form.patchValue(currentValue, { emitEvent: false });
+        }
+        this.configurationControl.setValue(form.value ?? null, {
+            emitEvent: false,
+        });
+        this.externalConfigurationSubscriptions = new Subscription();
+        this.externalConfigurationSubscriptions.add(form.valueChanges.subscribe((value) => this.configurationControl.setValue(value, { emitEvent: false })));
+        this.externalConfigurationSubscriptions.add(form.statusChanges.subscribe(() => this.externalConfigurationInvalid.set(form.invalid)));
+    }
+    extractConfigurationForm(instance) {
+        const form = instance?.form;
+        return form instanceof FormGroup ? form : null;
+    }
+    // PropertyTypeConfiguration
+    resolveConfigurationComponent(configuration) {
+        const componentLoader = configuration?.configurationComponent;
+        const loadId = ++this.configurationComponentLoadId;
+        if (!componentLoader) {
+            this.configurationComponentType.set(null);
+            return;
+        }
+        // Direct component type
+        if (typeof componentLoader !== 'function' || componentLoader.prototype) {
+            this.configurationComponentType.set(componentLoader);
+            return;
+        }
+        // Async loader factory
+        try {
+            const result = componentLoader();
+            this.applyConfigurationComponentResult(result, loadId);
+        }
+        catch (error) {
+            console.error('Failed to resolve configuration component.', error);
+            this.configurationComponentType.set(null);
+        }
+    }
+    applyConfigurationComponentResult(result, loadId) {
+        // Async promise result
+        if (result instanceof Promise) {
+            this.configurationComponentType.set(null);
+            result
+                .then((component) => {
+                if (loadId !== this.configurationComponentLoadId)
+                    return;
+                // Handle default export
+                const resolved = component?.default ?? component;
+                this.configurationComponentType.set(resolved);
+            })
+                .catch((error) => {
+                if (loadId === this.configurationComponentLoadId) {
+                    this.configurationComponentType.set(null);
+                }
+                console.error('Unable to load configuration component.', error);
+            });
+            return;
+        }
+        // Direct component type
+        this.configurationComponentType.set(result);
+    }
+    createOrEditProperty() {
+        const mainValue = this.mainControl.value;
+        if (!mainValue)
+            return;
+        const payload = {
+            ...mainValue,
+            Configuration: this.configurationControl.value ?? mainValue.Configuration ?? null,
+        };
+        const request$ = this.propertyId()
+            ? this.facade.update(this.propertyId(), payload)
+            : this.facade.create(payload);
+        request$.subscribe(() => this.goBack());
+    }
+    goBack() {
+        const path = this.isEditing()
+            ? '../../properties-list'
+            : '../properties-list';
+        this.router.navigate([path], { relativeTo: this.route });
+    }
+    syncFormWithSelectedProperty(property) {
+        if (!property)
+            return;
+        this.mainControl.patchValue(property, { emitEvent: true });
+        this.configurationControl.setValue(property.Configuration ?? null, {
+            emitEvent: false,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertyForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: PropertyForm, isStandalone: true, selector: "mt-property-form", inputs: { propertyId: { classPropertyName: "propertyId", publicName: "propertyId", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "configurationHost", first: true, predicate: ["configurationHost"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<mt-card class=\"h-full\">\n  <ng-template #headless>\n    <div class=\"flex justify-between items-center p-3 border-b border-surface\">\n      <div class=\"flex gap-2 items-center\">\n        <mt-button\n          [text]=\"true\"\n          icon=\"arrow.arrow-narrow-left\"\n          size=\"large\"\n          (click)=\"goBack()\"\n        ></mt-button>\n        <mt-avatar size=\"normal\" icon=\"custom.user-pp\" />\n        <h3 class=\"font-bold text-lg\">\n          {{ propertyId() ? \"Edit Property\" : \"Create New Property\" }}\n        </h3>\n      </div>\n      <mt-button\n        [label]=\"submitLabel()\"\n        [loading]=\"submitting()\"\n        [disabled]=\"submitDisabled() || this.propertyForm.invalid\"\n        (click)=\"createOrEditProperty()\"\n      />\n    </div>\n    <div\n      [formGroup]=\"propertyForm\"\n      class=\"h-full bg-[radial-gradient(120%_80%_at_100%_0%,_#EBEFFF_0%,_#F6F8FC_45%,_#F6F8FC_100%)] flex justify-center\"\n    >\n      <div class=\"w-2/3\">\n        <mt-dynamic-form\n          [formConfig]=\"dynamicFormConfigMain()\"\n          [formControlName]=\"'main'\"\n        />\n        @if (configurationFormConfig()) {\n          <mt-dynamic-form\n            formControlName=\"configuration\"\n            [formConfig]=\"configurationFormConfig()!\"\n          />\n        } @else {\n          <ng-container #configurationHost></ng-container>\n          @if (!configurationComponentExists()) {\n            @switch (propertyType()) {\n              @case (\"User\") {\n                <mt-user-configuration />\n              }\n              @case (\"Percentage\") {\n                <mt-percentage-configuration />\n              }\n              @case (\"Lookup\") {\n                <mt-lookup-configuration />\n              }\n              @case (\"LookupMultiSelect\") {\n                <mt-lookup-configuration />\n              }\n              @case (\"InternalModule\") {\n                <mt-internal-module-configuration />\n              }\n              @case (\"DynamicList\") {\n                <mt-dynamic-list-configuration />\n              }\n              @case (\"API\") {\n                <mt-api-configuration formControlName=\"configuration\" />\n              }\n              <!-- @case('ViewList') { REMOVED FOR NOW\n                <mt-view-list-configuration />\n                } -->\n              @case (\"Attachment\") {\n                <mt-attachment-configuration />\n              }\n              <!-- @case('ReferenceProperty') { REMOVED FOR NOW\n                 } -->\n              @case (\"EditableListView\") {\n                <mt-editable-list-view-configuration />\n              }\n              @case (\"LookupLog\") {\n                <mt-check-list-form-configuration />\n              }\n              <!-- @case('LookupMatrix') { REMOVED FOR NOW\n                <mt-lookup-configuration />\n                } -->\n              @case (\"Location\") {\n                <mt-location-configuration />\n              }\n            }\n          }\n        }\n      </div>\n    </div>\n  </ng-template>\n</mt-card>\n", styles: [""], dependencies: [{ kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { kind: "component", type: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: ApiConfiguration, selector: "mt-api-configuration" }, { kind: "component", type: CheckListFormConfiguration, selector: "mt-check-list-form-configuration" }, { kind: "component", type: DynamicListConfiguration, selector: "mt-dynamic-list-configuration" }, { kind: "component", type: EditableListViewConfiguration, selector: "mt-editable-list-view-configuration" }, { kind: "component", type: InternalModuleConfiguration, selector: "mt-internal-module-configuration" }, { kind: "component", type: LocationConfiguration, selector: "mt-location-configuration" }, { kind: "component", type: LookupConfiguration, selector: "mt-lookup-configuration" }, { kind: "component", type: PercentageConfiguration, selector: "mt-percentage-configuration" }, { kind: "component", type: UserConfiguration, selector: "mt-user-configuration" }, { kind: "component", type: AttachmentConfiguration, selector: "mt-attachment-configuration" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: PropertyForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-property-form', imports: [
+                        Card,
+                        Avatar,
+                        Button,
+                        DynamicForm,
+                        ReactiveFormsModule,
+                        ApiConfiguration,
+                        CheckListFormConfiguration,
+                        DynamicListConfiguration,
+                        EditableListViewConfiguration,
+                        InternalModuleConfiguration,
+                        LocationConfiguration,
+                        LookupConfiguration,
+                        PercentageConfiguration,
+                        UserConfiguration,
+                        AttachmentConfiguration,
+                        NgComponentOutlet,
+                    ], template: "<mt-card class=\"h-full\">\n  <ng-template #headless>\n    <div class=\"flex justify-between items-center p-3 border-b border-surface\">\n      <div class=\"flex gap-2 items-center\">\n        <mt-button\n          [text]=\"true\"\n          icon=\"arrow.arrow-narrow-left\"\n          size=\"large\"\n          (click)=\"goBack()\"\n        ></mt-button>\n        <mt-avatar size=\"normal\" icon=\"custom.user-pp\" />\n        <h3 class=\"font-bold text-lg\">\n          {{ propertyId() ? \"Edit Property\" : \"Create New Property\" }}\n        </h3>\n      </div>\n      <mt-button\n        [label]=\"submitLabel()\"\n        [loading]=\"submitting()\"\n        [disabled]=\"submitDisabled() || this.propertyForm.invalid\"\n        (click)=\"createOrEditProperty()\"\n      />\n    </div>\n    <div\n      [formGroup]=\"propertyForm\"\n      class=\"h-full bg-[radial-gradient(120%_80%_at_100%_0%,_#EBEFFF_0%,_#F6F8FC_45%,_#F6F8FC_100%)] flex justify-center\"\n    >\n      <div class=\"w-2/3\">\n        <mt-dynamic-form\n          [formConfig]=\"dynamicFormConfigMain()\"\n          [formControlName]=\"'main'\"\n        />\n        @if (configurationFormConfig()) {\n          <mt-dynamic-form\n            formControlName=\"configuration\"\n            [formConfig]=\"configurationFormConfig()!\"\n          />\n        } @else {\n          <ng-container #configurationHost></ng-container>\n          @if (!configurationComponentExists()) {\n            @switch (propertyType()) {\n              @case (\"User\") {\n                <mt-user-configuration />\n              }\n              @case (\"Percentage\") {\n                <mt-percentage-configuration />\n              }\n              @case (\"Lookup\") {\n                <mt-lookup-configuration />\n              }\n              @case (\"LookupMultiSelect\") {\n                <mt-lookup-configuration />\n              }\n              @case (\"InternalModule\") {\n                <mt-internal-module-configuration />\n              }\n              @case (\"DynamicList\") {\n                <mt-dynamic-list-configuration />\n              }\n              @case (\"API\") {\n                <mt-api-configuration formControlName=\"configuration\" />\n              }\n              <!-- @case('ViewList') { REMOVED FOR NOW\n                <mt-view-list-configuration />\n                } -->\n              @case (\"Attachment\") {\n                <mt-attachment-configuration />\n              }\n              <!-- @case('ReferenceProperty') { REMOVED FOR NOW\n                 } -->\n              @case (\"EditableListView\") {\n                <mt-editable-list-view-configuration />\n              }\n              @case (\"LookupLog\") {\n                <mt-check-list-form-configuration />\n              }\n              <!-- @case('LookupMatrix') { REMOVED FOR NOW\n                <mt-lookup-configuration />\n                } -->\n              @case (\"Location\") {\n                <mt-location-configuration />\n              }\n            }\n          }\n        }\n      </div>\n    </div>\n  </ng-template>\n</mt-card>\n" }]
+        }], ctorParameters: () => [], propDecorators: { configurationHost: [{
+                type: ViewChild,
+                args: ['configurationHost', { read: ViewContainerRef }]
+            }] } });
+
+/*
+ * Public API Surface of structure-builder
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CreateProperty, DeleteProperty, GetCountries, GetGroups, GetLogs, GetLookups, GetProperties, GetPropertiesForConfigType, GetProperty, PropertiesFacade, PropertiesState, REQUEST_CONTEXT, ResetApiConfiguration, ResetConfigProperties, ResetSelectedProperty, SetPropertiesModuleInfo, SetPropertyTypes, TestApiConfiguration, UpdateProperty };
+//# sourceMappingURL=masterteam-properties.mjs.map