@masterteam/governance 0.0.1

package/fesm2022/masterteam-governance.mjs

@@ -0,0 +1,1482 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, Injectable, computed, input, effect, Component, viewChild, linkedSignal, signal } from '@angular/core';
+import { Table } from '@masterteam/components/table';
+import * as i1 from 'primeng/skeleton';
+import { SkeletonModule } from 'primeng/skeleton';
+import { Action, Selector, State, Store, select } from '@ngxs/store';
+import { HttpClient } from '@angular/common/http';
+import { CrudStateBase, handleApiRequest, TextFieldConfig, NumberFieldConfig, TextareaFieldConfig, SelectFieldConfig, ToggleFieldConfig, ValidatorConfig, DateFieldConfig, MultiSelectFieldConfig } from '@masterteam/components';
+import { TranslocoService, TranslocoDirective, TranslocoPipe } from '@jsverse/transloco';
+import { ModalService } from '@masterteam/components/modal';
+import * as i2 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { DynamicForm } from '@masterteam/forms/dynamic-form';
+import { Button } from '@masterteam/components/button';
+import { ModalRef, DialogService } from '@masterteam/components/dialog';
+import { finalize } from 'rxjs';
+import { Breadcrumb } from '@masterteam/components/breadcrumb';
+import { Icon } from '@masterteam/icons';
+import { Chip } from '@masterteam/components/chip';
+
+class SetLevelId {
+    levelId;
+    static type = '[Governance] Set Level ID';
+    constructor(levelId) {
+        this.levelId = levelId;
+    }
+}
+class GetGovernanceRules {
+    static type = '[Governance] Get Rules';
+}
+class GetGovernanceRule {
+    id;
+    static type = '[Governance] Get Rule';
+    constructor(id) {
+        this.id = id;
+    }
+}
+class GetGovernanceRuleTypes {
+    static type = '[Governance] Get Rule Types';
+}
+class AddGovernanceRule {
+    rule;
+    static type = '[Governance] Add Rule';
+    constructor(rule) {
+        this.rule = rule;
+    }
+}
+class UpdateGovernanceRule {
+    id;
+    rule;
+    static type = '[Governance] Update Rule';
+    constructor(id, rule) {
+        this.id = id;
+        this.rule = rule;
+    }
+}
+class DeleteGovernanceRule {
+    id;
+    static type = '[Governance] Delete Rule';
+    constructor(id) {
+        this.id = id;
+    }
+}
+class ToggleGovernanceRuleActive {
+    id;
+    static type = '[Governance] Toggle Rule Active';
+    constructor(id) {
+        this.id = id;
+    }
+}
+class ClearSelectedRule {
+    static type = '[Governance] Clear Selected Rule';
+}
+class ResetGovernanceState {
+    static type = '[Governance] Reset State';
+}
+class GetModules {
+    static type = '[Governance] Get Modules';
+}
+/**
+ * Get request schemas for a specific scope
+ * @param targetScope - 'Level' or 'Module'
+ * @param targetModuleKey - Required if scope is 'Module'
+ */
+class GetRequestSchemas {
+    targetScope;
+    targetModuleKey;
+    static type = '[Governance] Get Request Schemas';
+    constructor(targetScope, targetModuleKey) {
+        this.targetScope = targetScope;
+        this.targetModuleKey = targetModuleKey;
+    }
+}
+/**
+ * Get properties for a specific scope
+ * @param targetScope - 'Level' or 'Module'
+ * @param targetModuleKey - Required if scope is 'Module'
+ */
+class GetProperties {
+    targetScope;
+    targetModuleKey;
+    static type = '[Governance] Get Properties';
+    constructor(targetScope, targetModuleKey) {
+        this.targetScope = targetScope;
+        this.targetModuleKey = targetModuleKey;
+    }
+}
+/**
+ * Clear request schemas (when scope/module changes)
+ */
+class ClearRequestSchemas {
+    static type = '[Governance] Clear Request Schemas';
+}
+/**
+ * Clear properties (when scope/module changes)
+ */
+class ClearProperties {
+    static type = '[Governance] Clear Properties';
+}
+
+// ============================================================================
+// Rule Type Enum
+// ============================================================================
+var GovernanceRuleTypeEnum;
+(function (GovernanceRuleTypeEnum) {
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["ModuleExists"] = 1] = "ModuleExists";
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["ModuleDoesNotExist"] = 2] = "ModuleDoesNotExist";
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["ModuleMaxCount"] = 3] = "ModuleMaxCount";
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["ModuleMinCount"] = 4] = "ModuleMinCount";
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["FieldRequired"] = 5] = "FieldRequired";
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["FieldValue"] = 6] = "FieldValue";
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["PhaseGateModuleRequired"] = 7] = "PhaseGateModuleRequired";
+    GovernanceRuleTypeEnum[GovernanceRuleTypeEnum["NoActiveRequest"] = 8] = "NoActiveRequest";
+})(GovernanceRuleTypeEnum || (GovernanceRuleTypeEnum = {}));
+// ============================================================================
+// State Model
+// ============================================================================
+var GovernanceActionKey;
+(function (GovernanceActionKey) {
+    GovernanceActionKey["GetRules"] = "getRules";
+    GovernanceActionKey["GetRule"] = "getRule";
+    GovernanceActionKey["GetRuleTypes"] = "getRuleTypes";
+    GovernanceActionKey["AddRule"] = "addRule";
+    GovernanceActionKey["UpdateRule"] = "updateRule";
+    GovernanceActionKey["DeleteRule"] = "deleteRule";
+    GovernanceActionKey["ToggleRuleActive"] = "toggleRuleActive";
+    GovernanceActionKey["GetModules"] = "getModules";
+    GovernanceActionKey["GetRequestSchemas"] = "getRequestSchemas";
+    GovernanceActionKey["GetProperties"] = "getProperties";
+})(GovernanceActionKey || (GovernanceActionKey = {}));
+
+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 DEFAULTS = {
+    levelId: null,
+    rules: [],
+    ruleTypes: [],
+    modules: [],
+    requestSchemas: [],
+    properties: [],
+    selectedRule: null,
+    loadingActive: [],
+    errors: {},
+};
+let GovernanceState = class GovernanceState extends CrudStateBase {
+    http = inject(HttpClient);
+    // ============================================================================
+    // Selectors - Individual data selectors for fine-grained reactivity
+    // ============================================================================
+    static getLevelId(state) {
+        return state.levelId;
+    }
+    static getRules(state) {
+        return state.rules;
+    }
+    static getRuleTypes(state) {
+        return state.ruleTypes;
+    }
+    static getSelectedRule(state) {
+        return state.selectedRule;
+    }
+    static getModules(state) {
+        return state.modules;
+    }
+    static getRequestSchemas(state) {
+        return state.requestSchemas;
+    }
+    static getProperties(state) {
+        return state.properties;
+    }
+    // ============================================================================
+    // Loading/Error Slice Selectors - REQUIRED for optimal performance
+    // ============================================================================
+    static getLoadingActive(state) {
+        return state.loadingActive;
+    }
+    static getErrors(state) {
+        return state.errors;
+    }
+    // ============================================================================
+    // Level Context
+    // ============================================================================
+    setLevelId(ctx, { levelId }) {
+        ctx.patchState({ levelId });
+    }
+    resetState(ctx) {
+        ctx.setState(DEFAULTS);
+    }
+    // ============================================================================
+    // CRUD Actions
+    // ============================================================================
+    getRules(ctx) {
+        const { levelId } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        const req$ = this.http.get(`control-panel/levels/${levelId}/governance-rules`);
+        return handleApiRequest({
+            ctx,
+            key: GovernanceActionKey.GetRules,
+            request$: req$,
+            onSuccess: (response) => ({
+                rules: response.data ?? [],
+            }),
+        });
+    }
+    getRule(ctx, { id }) {
+        const { levelId } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        const req$ = this.http.get(`control-panel/levels/${levelId}/governance-rules/${id}`);
+        return handleApiRequest({
+            ctx,
+            key: GovernanceActionKey.GetRule,
+            request$: req$,
+            onSuccess: (response) => ({
+                selectedRule: response.data ?? null,
+            }),
+        });
+    }
+    getRuleTypes(ctx) {
+        const req$ = this.http.get('control-panel/governance/rule-types');
+        return handleApiRequest({
+            ctx,
+            key: GovernanceActionKey.GetRuleTypes,
+            request$: req$,
+            onSuccess: (response) => ({
+                ruleTypes: response.data ?? [],
+            }),
+        });
+    }
+    addRule(ctx, { rule }) {
+        const { levelId } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        const req$ = this.http.post(`control-panel/levels/${levelId}/governance-rules`, rule);
+        return this.create(ctx, {
+            key: GovernanceActionKey.AddRule,
+            request$: req$,
+            stateProperty: (state) => state.rules,
+        });
+    }
+    updateRule(ctx, { id, rule }) {
+        const { levelId } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        const req$ = this.http.put(`control-panel/levels/${levelId}/governance-rules/${id}`, rule);
+        return this.update(ctx, {
+            key: GovernanceActionKey.UpdateRule,
+            request$: req$,
+            uniqueKey: 'id',
+            id,
+            stateProperty: (state) => state.rules,
+        });
+    }
+    deleteRule(ctx, { id }) {
+        const { levelId } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        const req$ = this.http.delete(`control-panel/levels/${levelId}/governance-rules/${id}`);
+        return this.delete(ctx, {
+            key: GovernanceActionKey.DeleteRule,
+            request$: req$,
+            uniqueKey: 'id',
+            id,
+            stateProperty: (state) => state.rules,
+        });
+    }
+    toggleRuleActive(ctx, { id }) {
+        const { levelId } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        const req$ = this.http.patch(`control-panel/levels/${levelId}/governance-rules/${id}/toggle`, {});
+        return handleApiRequest({
+            ctx,
+            key: GovernanceActionKey.ToggleRuleActive,
+            request$: req$,
+            onSuccess: (response, state) => {
+                const updatedRule = response.data;
+                if (!updatedRule)
+                    return {};
+                return {
+                    rules: this.adapter.upsertOne(state.rules, updatedRule, 'id'),
+                };
+            },
+        });
+    }
+    // ============================================================================
+    // Reference Data Actions
+    // ============================================================================
+    getModules(ctx) {
+        const { levelId } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        const req$ = this.http.get(`Modules?LevelId=${levelId}`);
+        return handleApiRequest({
+            ctx,
+            key: GovernanceActionKey.GetModules,
+            request$: req$,
+            onSuccess: (response) => ({
+                // Only keep active modules for Target Module selection
+                modules: (response.data ?? []).filter((m) => m.isActive),
+            }),
+        });
+    }
+    clearSelectedRule(ctx) {
+        ctx.patchState({ selectedRule: null });
+    }
+    // ============================================================================
+    // Request Schema & Properties Actions (for optionsSource)
+    // ============================================================================
+    getRequestSchemas(ctx, { targetScope, targetModuleKey }) {
+        const { levelId, modules } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        // Build endpoint based on scope
+        // Level scope: ProcessBuilder/level/{levelId}/{moduleType}/{moduleId}/requestSchema
+        // Module scope: ProcessBuilder/level/{levelId}/module/{targetModuleId}/{moduleType}/{moduleId}/requestSchema
+        let basePath = `ProcessBuilder/level/${levelId}`;
+        // For Module scope, we need to find the module by key to get its ID
+        if (targetScope === 'Module' && targetModuleKey) {
+            const targetModule = modules.find((m) => m.key === targetModuleKey);
+            if (targetModule) {
+                basePath += `/module/${targetModule.id}`;
+            }
+        }
+        // Get request schemas (assuming a common endpoint pattern)
+        const req$ = this.http.get(`${basePath}/requestSchemas`);
+        return handleApiRequest({
+            ctx,
+            key: GovernanceActionKey.GetRequestSchemas,
+            request$: req$,
+            onSuccess: (response) => ({
+                requestSchemas: (response.data ?? []).filter((s) => s.isPublished),
+            }),
+        });
+    }
+    getProperties(ctx, { targetScope, targetModuleKey }) {
+        const { levelId, modules } = ctx.getState();
+        if (!levelId) {
+            return;
+        }
+        // Build endpoint based on scope
+        let basePath = `Properties?LevelId=${levelId}`;
+        // For Module scope, add module filter
+        if (targetScope === 'Module' && targetModuleKey) {
+            const targetModule = modules.find((m) => m.key === targetModuleKey);
+            if (targetModule) {
+                basePath = `Properties?LevelId=${levelId}&ModuleId=${targetModule.id}`;
+            }
+        }
+        const req$ = this.http.get(basePath);
+        return handleApiRequest({
+            ctx,
+            key: GovernanceActionKey.GetProperties,
+            request$: req$,
+            onSuccess: (response) => ({
+                properties: response.data ?? [],
+            }),
+        });
+    }
+    clearRequestSchemas(ctx) {
+        ctx.patchState({ requestSchemas: [] });
+    }
+    clearProperties(ctx) {
+        ctx.patchState({ properties: [] });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceState, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceState });
+};
+__decorate([
+    Action(SetLevelId)
+], GovernanceState.prototype, "setLevelId", null);
+__decorate([
+    Action(ResetGovernanceState)
+], GovernanceState.prototype, "resetState", null);
+__decorate([
+    Action(GetGovernanceRules)
+], GovernanceState.prototype, "getRules", null);
+__decorate([
+    Action(GetGovernanceRule)
+], GovernanceState.prototype, "getRule", null);
+__decorate([
+    Action(GetGovernanceRuleTypes)
+], GovernanceState.prototype, "getRuleTypes", null);
+__decorate([
+    Action(AddGovernanceRule)
+], GovernanceState.prototype, "addRule", null);
+__decorate([
+    Action(UpdateGovernanceRule)
+], GovernanceState.prototype, "updateRule", null);
+__decorate([
+    Action(DeleteGovernanceRule)
+], GovernanceState.prototype, "deleteRule", null);
+__decorate([
+    Action(ToggleGovernanceRuleActive)
+], GovernanceState.prototype, "toggleRuleActive", null);
+__decorate([
+    Action(GetModules)
+], GovernanceState.prototype, "getModules", null);
+__decorate([
+    Action(ClearSelectedRule)
+], GovernanceState.prototype, "clearSelectedRule", null);
+__decorate([
+    Action(GetRequestSchemas)
+], GovernanceState.prototype, "getRequestSchemas", null);
+__decorate([
+    Action(GetProperties)
+], GovernanceState.prototype, "getProperties", null);
+__decorate([
+    Action(ClearRequestSchemas)
+], GovernanceState.prototype, "clearRequestSchemas", null);
+__decorate([
+    Action(ClearProperties)
+], GovernanceState.prototype, "clearProperties", null);
+__decorate([
+    Selector()
+], GovernanceState, "getLevelId", null);
+__decorate([
+    Selector()
+], GovernanceState, "getRules", null);
+__decorate([
+    Selector()
+], GovernanceState, "getRuleTypes", null);
+__decorate([
+    Selector()
+], GovernanceState, "getSelectedRule", null);
+__decorate([
+    Selector()
+], GovernanceState, "getModules", null);
+__decorate([
+    Selector()
+], GovernanceState, "getRequestSchemas", null);
+__decorate([
+    Selector()
+], GovernanceState, "getProperties", null);
+__decorate([
+    Selector()
+], GovernanceState, "getLoadingActive", null);
+__decorate([
+    Selector()
+], GovernanceState, "getErrors", null);
+GovernanceState = __decorate([
+    State({
+        name: 'governance',
+        defaults: DEFAULTS,
+    })
+], GovernanceState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceState, decorators: [{
+            type: Injectable
+        }], propDecorators: { setLevelId: [], resetState: [], getRules: [], getRule: [], getRuleTypes: [], addRule: [], updateRule: [], deleteRule: [], toggleRuleActive: [], getModules: [], clearSelectedRule: [], getRequestSchemas: [], getProperties: [], clearRequestSchemas: [], clearProperties: [] } });
+
+class GovernanceFacade {
+    store = inject(Store);
+    // ============================================================================
+    // Data Selectors - Memoized by NGXS (fine-grained reactivity)
+    // ============================================================================
+    levelId = select(GovernanceState.getLevelId);
+    rules = select(GovernanceState.getRules);
+    ruleTypes = select(GovernanceState.getRuleTypes);
+    selectedRule = select(GovernanceState.getSelectedRule);
+    modules = select(GovernanceState.getModules);
+    requestSchemas = select(GovernanceState.getRequestSchemas);
+    properties = select(GovernanceState.getProperties);
+    // ============================================================================
+    // Loading/Error Slices - Memoized by NGXS
+    // ============================================================================
+    loadingActive = select(GovernanceState.getLoadingActive);
+    errors = select(GovernanceState.getErrors);
+    // ============================================================================
+    // Loading Signals - Computed from slice (minimal reactivity)
+    // ============================================================================
+    isLoadingRules = computed(() => this.loadingActive().includes(GovernanceActionKey.GetRules), ...(ngDevMode ? [{ debugName: "isLoadingRules" }] : []));
+    isLoadingRule = computed(() => this.loadingActive().includes(GovernanceActionKey.GetRule), ...(ngDevMode ? [{ debugName: "isLoadingRule" }] : []));
+    isLoadingRuleTypes = computed(() => this.loadingActive().includes(GovernanceActionKey.GetRuleTypes), ...(ngDevMode ? [{ debugName: "isLoadingRuleTypes" }] : []));
+    isAddingRule = computed(() => this.loadingActive().includes(GovernanceActionKey.AddRule), ...(ngDevMode ? [{ debugName: "isAddingRule" }] : []));
+    isUpdatingRule = computed(() => this.loadingActive().includes(GovernanceActionKey.UpdateRule), ...(ngDevMode ? [{ debugName: "isUpdatingRule" }] : []));
+    isDeletingRule = computed(() => this.loadingActive().includes(GovernanceActionKey.DeleteRule), ...(ngDevMode ? [{ debugName: "isDeletingRule" }] : []));
+    isTogglingRule = computed(() => this.loadingActive().includes(GovernanceActionKey.ToggleRuleActive), ...(ngDevMode ? [{ debugName: "isTogglingRule" }] : []));
+    isLoadingModules = computed(() => this.loadingActive().includes(GovernanceActionKey.GetModules), ...(ngDevMode ? [{ debugName: "isLoadingModules" }] : []));
+    isLoadingRequestSchemas = computed(() => this.loadingActive().includes(GovernanceActionKey.GetRequestSchemas), ...(ngDevMode ? [{ debugName: "isLoadingRequestSchemas" }] : []));
+    isLoadingProperties = computed(() => this.loadingActive().includes(GovernanceActionKey.GetProperties), ...(ngDevMode ? [{ debugName: "isLoadingProperties" }] : []));
+    // ============================================================================
+    // Error Signals - Computed from slice (minimal reactivity)
+    // ============================================================================
+    rulesError = computed(() => this.errors()[GovernanceActionKey.GetRules] ?? null, ...(ngDevMode ? [{ debugName: "rulesError" }] : []));
+    ruleError = computed(() => this.errors()[GovernanceActionKey.GetRule] ?? null, ...(ngDevMode ? [{ debugName: "ruleError" }] : []));
+    ruleTypesError = computed(() => this.errors()[GovernanceActionKey.GetRuleTypes] ?? null, ...(ngDevMode ? [{ debugName: "ruleTypesError" }] : []));
+    addRuleError = computed(() => this.errors()[GovernanceActionKey.AddRule] ?? null, ...(ngDevMode ? [{ debugName: "addRuleError" }] : []));
+    updateRuleError = computed(() => this.errors()[GovernanceActionKey.UpdateRule] ?? null, ...(ngDevMode ? [{ debugName: "updateRuleError" }] : []));
+    deleteRuleError = computed(() => this.errors()[GovernanceActionKey.DeleteRule] ?? null, ...(ngDevMode ? [{ debugName: "deleteRuleError" }] : []));
+    modulesError = computed(() => this.errors()[GovernanceActionKey.GetModules] ?? null, ...(ngDevMode ? [{ debugName: "modulesError" }] : []));
+    requestSchemasError = computed(() => this.errors()[GovernanceActionKey.GetRequestSchemas] ?? null, ...(ngDevMode ? [{ debugName: "requestSchemasError" }] : []));
+    propertiesError = computed(() => this.errors()[GovernanceActionKey.GetProperties] ?? null, ...(ngDevMode ? [{ debugName: "propertiesError" }] : []));
+    // ============================================================================
+    // Derived Data - Computed from data selectors
+    // ============================================================================
+    activeRules = computed(() => this.rules().filter((r) => r.isActive === true), ...(ngDevMode ? [{ debugName: "activeRules" }] : []));
+    inactiveRules = computed(() => this.rules().filter((r) => r.isActive === false), ...(ngDevMode ? [{ debugName: "inactiveRules" }] : []));
+    rulesCount = computed(() => this.rules().length, ...(ngDevMode ? [{ debugName: "rulesCount" }] : []));
+    // ============================================================================
+    // Action Dispatchers
+    // ============================================================================
+    setLevelId(levelId) {
+        return this.store.dispatch(new SetLevelId(levelId));
+    }
+    getRules() {
+        return this.store.dispatch(new GetGovernanceRules());
+    }
+    getRule(id) {
+        return this.store.dispatch(new GetGovernanceRule(id));
+    }
+    getRuleTypes() {
+        return this.store.dispatch(new GetGovernanceRuleTypes());
+    }
+    getModules() {
+        return this.store.dispatch(new GetModules());
+    }
+    addRule(rule) {
+        return this.store.dispatch(new AddGovernanceRule(rule));
+    }
+    updateRule(id, rule) {
+        return this.store.dispatch(new UpdateGovernanceRule(id, rule));
+    }
+    deleteRule(id) {
+        return this.store.dispatch(new DeleteGovernanceRule(id));
+    }
+    toggleRuleActive(id) {
+        return this.store.dispatch(new ToggleGovernanceRuleActive(id));
+    }
+    clearSelectedRule() {
+        return this.store.dispatch(new ClearSelectedRule());
+    }
+    resetState() {
+        return this.store.dispatch(new ResetGovernanceState());
+    }
+    // ============================================================================
+    // Request Schema & Properties Actions (for optionsSource)
+    // ============================================================================
+    getRequestSchemas(targetScope, targetModuleKey) {
+        return this.store.dispatch(new GetRequestSchemas(targetScope, targetModuleKey));
+    }
+    getProperties(targetScope, targetModuleKey) {
+        return this.store.dispatch(new GetProperties(targetScope, targetModuleKey));
+    }
+    clearRequestSchemas() {
+        return this.store.dispatch(new ClearRequestSchemas());
+    }
+    clearProperties() {
+        return this.store.dispatch(new ClearProperties());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceFacade, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceFacade, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceFacade, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class GovernanceRuleForm {
+    // ============================================================================
+    // Injected Services
+    // ============================================================================
+    modal = inject(ModalService);
+    ref = inject(ModalRef);
+    translocoService = inject(TranslocoService);
+    facade = inject(GovernanceFacade);
+    // ============================================================================
+    // Input - rule to edit (null for create)
+    // ============================================================================
+    ruleForEdit = input(null, ...(ngDevMode ? [{ debugName: "ruleForEdit" }] : []));
+    // ============================================================================
+    // Facade Data
+    // ============================================================================
+    selectedRule = this.facade.selectedRule;
+    ruleTypes = this.facade.ruleTypes;
+    isLoadingRule = this.facade.isLoadingRule;
+    isAddingRule = this.facade.isAddingRule;
+    isUpdatingRule = this.facade.isUpdatingRule;
+    // For optionsSource: 'auto-populated' (modules from API)
+    modules = this.facade.modules;
+    // For optionsSource: 'requestSchema' and 'properties'
+    requestSchemas = this.facade.requestSchemas;
+    properties = this.facade.properties;
+    isLoadingRequestSchemas = this.facade.isLoadingRequestSchemas;
+    isLoadingProperties = this.facade.isLoadingProperties;
+    // ============================================================================
+    // Form Control
+    // ============================================================================
+    ruleFormControl = new FormControl();
+    formValue = toSignal(this.ruleFormControl.valueChanges);
+    // ============================================================================
+    // Selected Rule Type (from form value)
+    // ============================================================================
+    selectedRuleType = computed(() => {
+        const formValue = this.formValue();
+        const ruleTypeKey = formValue?.ruleType;
+        if (!ruleTypeKey)
+            return null;
+        return this.ruleTypes().find((rt) => rt.type === ruleTypeKey) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "selectedRuleType" }] : []));
+    // ============================================================================
+    // Target Scope and Module Key (from form value)
+    // ============================================================================
+    targetScope = computed(() => this.formValue()?.targetScope ?? 'Level', ...(ngDevMode ? [{ debugName: "targetScope" }] : []));
+    targetModuleKey = computed(() => this.formValue()?.targetModuleKey ?? null, ...(ngDevMode ? [{ debugName: "targetModuleKey" }] : []));
+    // ============================================================================
+    // Options from state for optionsSource: 'requestSchema'
+    // ============================================================================
+    requestSchemaOptions = computed(() => {
+        const lang = this.translocoService.getActiveLang();
+        return this.requestSchemas().map((schema) => ({
+            label: schema.name[lang] || schema.name.en,
+            value: schema.id.toString(),
+        }));
+    }, ...(ngDevMode ? [{ debugName: "requestSchemaOptions" }] : []));
+    // ============================================================================
+    // Options from state for optionsSource: 'properties'
+    // ============================================================================
+    propertyOptions = computed(() => {
+        const lang = this.translocoService.getActiveLang();
+        return this.properties().map((prop) => ({
+            label: prop.name[lang] || prop.name.en,
+            value: prop.key,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "propertyOptions" }] : []));
+    // ============================================================================
+    // Module Options for optionsSource: 'auto-populated' (moduleKey, requiredModuleKey)
+    // ============================================================================
+    moduleOptions = computed(() => {
+        const lang = this.translocoService.getActiveLang();
+        return this.modules().map((mod) => ({
+            label: mod.name[lang] || mod.name.en,
+            value: mod.key,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "moduleOptions" }] : []));
+    // ============================================================================
+    // Scope Options based on selected rule type
+    // ============================================================================
+    scopeOptions = computed(() => {
+        const t = (key) => this.translocoService.translate(`governance.scopes.${key.toLowerCase()}`);
+        const ruleType = this.selectedRuleType();
+        if (!ruleType) {
+            return [
+                { label: t('level'), value: 'Level' },
+                { label: t('module'), value: 'Module' },
+                { label: t('phasegate'), value: 'PhaseGate' },
+            ];
+        }
+        return ruleType.supportedScopes.map((scope) => ({
+            label: t(scope.toLowerCase()),
+            value: scope,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "scopeOptions" }] : []));
+    // ============================================================================
+    // Operation Options based on selected rule type
+    // ============================================================================
+    operationOptions = computed(() => {
+        const t = (key) => this.translocoService.translate(`governance.operations.${key.toLowerCase()}`);
+        const ruleType = this.selectedRuleType();
+        if (!ruleType) {
+            return [
+                { label: t('all'), value: '' },
+                { label: t('create'), value: 'Create' },
+                { label: t('update'), value: 'Update' },
+                { label: t('delete'), value: 'Delete' },
+            ];
+        }
+        return [
+            { label: t('all'), value: '' },
+            ...ruleType.supportedOperations.map((op) => ({
+                label: t(op.toLowerCase()),
+                value: op,
+            })),
+        ];
+    }, ...(ngDevMode ? [{ debugName: "operationOptions" }] : []));
+    // ============================================================================
+    // Rule Type Options
+    // ============================================================================
+    ruleTypeOptions = computed(() => {
+        const lang = this.translocoService.getActiveLang();
+        return this.ruleTypes().map((rt) => ({
+            label: rt.name[lang] || rt.name.en,
+            value: rt.type,
+        }));
+    }, ...(ngDevMode ? [{ debugName: "ruleTypeOptions" }] : []));
+    // ============================================================================
+    // Dynamic Form Configuration
+    // ============================================================================
+    formConfig = computed(() => {
+        const t = (key) => this.translocoService.translate(`governance.${key}`);
+        const ruleType = this.selectedRuleType();
+        const isEdit = !!this.ruleForEdit()?.id;
+        return {
+            sections: [
+                // Section 1: Basic Information
+                {
+                    key: 'basicInfo',
+                    type: 'header',
+                    label: t('basic-information'),
+                    order: 1,
+                    fields: [
+                        new TextFieldConfig({
+                            key: 'key',
+                            label: t('rule-key'),
+                            placeholder: 'e.g., charter-required',
+                            validators: [
+                                ValidatorConfig.required(),
+                                ValidatorConfig.pattern('^[a-z0-9-]+$', 'Only lowercase letters, numbers and hyphens allowed'),
+                            ],
+                            order: 1,
+                            colSpan: 6,
+                            disabled: isEdit,
+                        }),
+                        new NumberFieldConfig({
+                            key: 'priority',
+                            label: t('priority'),
+                            placeholder: '10',
+                            validators: [ValidatorConfig.required()],
+                            min: 0,
+                            max: 1000,
+                            order: 2,
+                            colSpan: 6,
+                        }),
+                        new TextFieldConfig({
+                            key: 'name_en',
+                            label: t('name-en'),
+                            placeholder: t('name-en-placeholder'),
+                            validators: [ValidatorConfig.required()],
+                            order: 3,
+                            colSpan: 6,
+                        }),
+                        new TextFieldConfig({
+                            key: 'name_ar',
+                            label: t('name-ar'),
+                            placeholder: t('name-ar-placeholder'),
+                            validators: [ValidatorConfig.required()],
+                            order: 4,
+                            colSpan: 6,
+                        }),
+                        new TextareaFieldConfig({
+                            key: 'description_en',
+                            label: t('description-en'),
+                            placeholder: t('description-en-placeholder'),
+                            order: 5,
+                            colSpan: 6,
+                        }),
+                        new TextareaFieldConfig({
+                            key: 'description_ar',
+                            label: t('description-ar'),
+                            placeholder: t('description-ar-placeholder'),
+                            order: 6,
+                            colSpan: 6,
+                        }),
+                        new TextareaFieldConfig({
+                            key: 'errorMessage_en',
+                            label: t('error-message-en'),
+                            placeholder: t('error-message-en-placeholder'),
+                            validators: [ValidatorConfig.required()],
+                            order: 7,
+                            colSpan: 6,
+                        }),
+                        new TextareaFieldConfig({
+                            key: 'errorMessage_ar',
+                            label: t('error-message-ar'),
+                            placeholder: t('error-message-ar-placeholder'),
+                            validators: [ValidatorConfig.required()],
+                            order: 8,
+                            colSpan: 6,
+                        }),
+                    ],
+                },
+                // Section 2: Rule Target
+                {
+                    key: 'ruleTarget',
+                    type: 'header',
+                    label: t('rule-target'),
+                    order: 2,
+                    fields: [
+                        new SelectFieldConfig({
+                            key: 'ruleType',
+                            label: t('rule-type'),
+                            options: this.ruleTypeOptions(),
+                            optionLabel: 'label',
+                            optionValue: 'value',
+                            validators: [ValidatorConfig.required()],
+                            order: 1,
+                            colSpan: 6,
+                            disabled: isEdit,
+                        }),
+                        new SelectFieldConfig({
+                            key: 'targetScope',
+                            label: t('target-scope'),
+                            options: this.scopeOptions(),
+                            optionLabel: 'label',
+                            optionValue: 'value',
+                            validators: [ValidatorConfig.required()],
+                            order: 2,
+                            colSpan: 6,
+                        }),
+                        new SelectFieldConfig({
+                            key: 'targetModuleKey',
+                            label: t('target-module'),
+                            placeholder: t('select-target-module'),
+                            options: this.moduleOptions(),
+                            optionLabel: 'label',
+                            optionValue: 'value',
+                            order: 3,
+                            colSpan: 6,
+                            relations: [
+                                {
+                                    key: 'targetScope',
+                                    value: 'Module',
+                                    action: 'show',
+                                },
+                            ],
+                        }),
+                        new SelectFieldConfig({
+                            key: 'targetOperationKey',
+                            label: t('target-operation'),
+                            options: this.operationOptions(),
+                            optionLabel: 'label',
+                            optionValue: 'value',
+                            order: 4,
+                            colSpan: 6,
+                        }),
+                    ],
+                },
+                // Section 3: Rule-Specific Configuration (dynamic)
+                ...(ruleType ? [this.buildConfigurationSection(ruleType)] : []),
+                // Section 4: Execution Settings
+                {
+                    key: 'executionSettings',
+                    type: 'header',
+                    label: t('execution-settings'),
+                    order: 4,
+                    fields: [
+                        new ToggleFieldConfig({
+                            key: 'stopOnFailure',
+                            label: t('stop-on-failure'),
+                            order: 1,
+                            colSpan: 6,
+                        }),
+                        new ToggleFieldConfig({
+                            key: 'isActive',
+                            label: t('active-rule'),
+                            order: 2,
+                            colSpan: 6,
+                        }),
+                    ],
+                },
+            ],
+        };
+    }, ...(ngDevMode ? [{ debugName: "formConfig" }] : []));
+    // ============================================================================
+    // Constructor with Effect for Form Population
+    // ============================================================================
+    constructor() {
+        // Effect to populate form when editing existing rule
+        effect(() => {
+            const ruleId = this.ruleForEdit()?.id;
+            if (this.selectedRule() && ruleId) {
+                const rule = this.selectedRule();
+                if (!rule)
+                    return;
+                // Unpack rule data to form format
+                const formData = this.unpackRuleToForm(rule);
+                this.ruleFormControl.patchValue(formData);
+            }
+            else {
+                // Default values for new rule
+                this.ruleFormControl.reset({
+                    priority: 10,
+                    stopOnFailure: true,
+                    isActive: true,
+                    targetScope: 'Module',
+                });
+            }
+        });
+        // Effect to apply default values when rule type changes (for new rules only)
+        effect(() => {
+            const ruleType = this.selectedRuleType();
+            const ruleId = this.ruleForEdit()?.id;
+            // Only apply defaults for new rules (not editing)
+            if (ruleType && !ruleId) {
+                const defaults = this.getDefaultsFromSchema(ruleType);
+                if (Object.keys(defaults).length > 0) {
+                    const currentValue = this.ruleFormControl.value ?? {};
+                    this.ruleFormControl.patchValue({ ...currentValue, ...defaults });
+                }
+            }
+        });
+        // Effect to fetch requestSchemas and properties when scope/module changes
+        // This runs when configurationSchema has fields with optionsSource = 'requestSchema' or 'properties'
+        effect(() => {
+            const ruleType = this.selectedRuleType();
+            const scope = this.targetScope();
+            const moduleKey = this.targetModuleKey();
+            if (!ruleType)
+                return;
+            // Check if any field needs requestSchema options
+            const needsRequestSchemas = ruleType.configurationSchema.some((f) => f.optionsSource === 'requestSchema');
+            // Check if any field needs properties options
+            const needsProperties = ruleType.configurationSchema.some((f) => f.optionsSource === 'properties');
+            // For Module scope, we need a target module key
+            if (scope === 'Module' && !moduleKey) {
+                // Clear options when module is not selected
+                if (needsRequestSchemas) {
+                    this.facade.clearRequestSchemas();
+                }
+                if (needsProperties) {
+                    this.facade.clearProperties();
+                }
+                return;
+            }
+            // Fetch options based on scope
+            if (needsRequestSchemas) {
+                this.facade.getRequestSchemas(scope, moduleKey ?? undefined);
+            }
+            if (needsProperties) {
+                this.facade.getProperties(scope, moduleKey ?? undefined);
+            }
+        });
+    }
+    /**
+     * Extract default values from rule type's configuration schema
+     */
+    getDefaultsFromSchema(ruleType) {
+        const defaults = {};
+        for (const field of ruleType.configurationSchema) {
+            if (field.defaultValue !== undefined) {
+                defaults[`config_${field.key}`] = field.defaultValue;
+            }
+        }
+        return defaults;
+    }
+    ngOnInit() {
+        const ruleId = this.ruleForEdit()?.id;
+        if (ruleId) {
+            this.facade.getRule(ruleId);
+        }
+    }
+    // ============================================================================
+    // Submit Handler
+    // ============================================================================
+    onSubmit() {
+        if (!this.ruleFormControl.valid) {
+            return;
+        }
+        const formValue = this.ruleFormControl.value;
+        const ruleId = this.ruleForEdit()?.id;
+        if (ruleId) {
+            // Update
+            const payload = this.packFormToUpdateDto(formValue);
+            this.facade.updateRule(ruleId, payload).subscribe({
+                next: () => {
+                    this.ref.close(true);
+                },
+                error: () => { },
+            });
+        }
+        else {
+            // Create
+            const payload = this.packFormToCreateDto(formValue);
+            this.facade.addRule(payload).subscribe({
+                next: () => {
+                    this.ref.close(true);
+                },
+                error: () => { },
+            });
+        }
+    }
+    // ============================================================================
+    // Build Configuration Section Based on Rule Type
+    // ============================================================================
+    buildConfigurationSection(ruleType) {
+        const t = (key) => this.translocoService.translate(`governance.${key}`);
+        return {
+            key: 'configuration',
+            type: 'header',
+            label: t('rule-configuration'),
+            order: 3,
+            fields: this.buildConfigFieldsForType(ruleType),
+        };
+    }
+    buildConfigFieldsForType(ruleType) {
+        const lang = this.translocoService.getActiveLang();
+        // Build fields dynamically from configurationSchema array
+        return ruleType.configurationSchema.map((field, index) => this.schemaFieldToFormField(field, index + 1, lang));
+    }
+    /**
+     * Convert a ConfigurationFieldSchema to DynamicForm BaseFieldConfig
+     */
+    schemaFieldToFormField(field, order, lang) {
+        const label = field.label[lang] || field.label.en;
+        const colSpan = field.colSpan ?? 6;
+        const validators = field.required ? [ValidatorConfig.required()] : [];
+        switch (field.type) {
+            case 'text':
+                return new TextFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    validators,
+                    order,
+                    colSpan,
+                });
+            case 'textarea':
+                return new TextareaFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    validators,
+                    order,
+                    colSpan,
+                });
+            case 'number':
+                return new NumberFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    validators,
+                    min: field.min,
+                    max: field.max,
+                    order,
+                    colSpan,
+                });
+            case 'select':
+                return new SelectFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    options: this.getOptionsForField(field),
+                    optionLabel: 'label',
+                    optionValue: 'value',
+                    validators,
+                    order,
+                    colSpan,
+                });
+            case 'multi-select':
+                return new MultiSelectFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    options: this.getOptionsForField(field),
+                    optionLabel: 'label',
+                    optionValue: 'value',
+                    validators,
+                    order,
+                    colSpan,
+                });
+            case 'checkbox':
+                return new ToggleFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    order,
+                    colSpan,
+                });
+            case 'date':
+                return new DateFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    validators,
+                    order,
+                    colSpan,
+                });
+            default:
+                // Fallback to text field for unknown types
+                return new TextFieldConfig({
+                    key: `config_${field.key}`,
+                    label,
+                    validators,
+                    order,
+                    colSpan,
+                });
+        }
+    }
+    /**
+     * Get options for a field based on its optionsSource
+     * - 'static' or 'auto-populated': Use options from schema (already in API response)
+     * - 'requestSchema': Use fetched request schemas from state
+     * - 'properties': Use fetched properties from state
+     */
+    getOptionsForField(field) {
+        switch (field.optionsSource) {
+            case 'requestSchema':
+                return this.requestSchemaOptions();
+            case 'properties':
+                return this.propertyOptions();
+            case 'auto-populated':
+            case 'static':
+            default:
+                // Use options directly from schema
+                return field.options ?? [];
+        }
+    }
+    // ============================================================================
+    // Data Transformation Helpers
+    // ============================================================================
+    unpackRuleToForm(rule) {
+        const formData = {
+            key: rule.key,
+            priority: rule.priority,
+            name_en: rule.name?.en ?? '',
+            name_ar: rule.name?.ar ?? '',
+            description_en: rule.description?.en ?? '',
+            description_ar: rule.description?.ar ?? '',
+            errorMessage_en: rule.errorMessage?.en ?? '',
+            errorMessage_ar: rule.errorMessage?.ar ?? '',
+            ruleType: rule.ruleTypeKey,
+            targetScope: rule.targetScope,
+            targetModuleKey: rule.targetModuleKey ?? '',
+            targetOperationKey: rule.targetOperationKey ?? '',
+            stopOnFailure: rule.stopOnFailure,
+            isActive: rule.isActive,
+        };
+        // Unpack configuration fields with config_ prefix
+        if (rule.configuration) {
+            Object.entries(rule.configuration).forEach(([key, value]) => {
+                formData[`config_${key}`] = value;
+            });
+        }
+        return formData;
+    }
+    packFormToCreateDto(formValue) {
+        return {
+            key: formValue['key'],
+            name: {
+                en: formValue['name_en'],
+                ar: formValue['name_ar'],
+            },
+            description: formValue['description_en'] || formValue['description_ar']
+                ? {
+                    en: formValue['description_en'] ?? '',
+                    ar: formValue['description_ar'] ?? '',
+                }
+                : undefined,
+            errorMessage: {
+                en: formValue['errorMessage_en'],
+                ar: formValue['errorMessage_ar'],
+            },
+            ruleType: formValue['ruleType'],
+            targetScope: formValue['targetScope'],
+            targetModuleKey: formValue['targetModuleKey'] || undefined,
+            targetOperationKey: formValue['targetOperationKey'] || undefined,
+            configuration: this.extractConfiguration(formValue),
+            priority: formValue['priority'],
+            stopOnFailure: formValue['stopOnFailure'] ?? true,
+        };
+    }
+    packFormToUpdateDto(formValue) {
+        return {
+            ...this.packFormToCreateDto(formValue),
+            isActive: formValue['isActive'] ?? true,
+        };
+    }
+    extractConfiguration(formValue) {
+        const config = {};
+        Object.entries(formValue).forEach(([key, value]) => {
+            if (key.startsWith('config_') &&
+                value !== null &&
+                value !== undefined &&
+                value !== '') {
+                const configKey = key.replace('config_', '');
+                config[configKey] = value;
+            }
+        });
+        return Object.keys(config).length > 0 ? config : undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceRuleForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: GovernanceRuleForm, isStandalone: true, selector: "mt-governance-rule-form", inputs: { ruleForEdit: { classPropertyName: "ruleForEdit", publicName: "ruleForEdit", isSignal: true, isRequired: false, transformFunction: null } }, providers: [DialogService], ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'governance'\">\r\n  <div [class]=\"'flex flex-col gap-3 p-4 overflow-y-auto   ' + modal.contentClass\">\r\n    @if (isLoadingRule()) {\r\n      <p-skeleton class=\"my-4 mt-7\" height=\"3rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"3rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"6rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"3rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"3rem\" />\r\n    } @else {\r\n      <mt-dynamic-form\r\n        [formConfig]=\"formConfig()\"\r\n        [formControl]=\"ruleFormControl\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"'cancel' | transloco\"\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      (click)=\"ref.close()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"ruleForEdit() ? t('update') : t('create')\"\r\n      [loading]=\"isAddingRule() || isUpdatingRule()\"\r\n      [disabled]=\"!ruleFormControl.valid\"\r\n      (click)=\"onSubmit()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: DynamicForm, selector: "mt-dynamic-form", inputs: ["formConfig"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceRuleForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-governance-rule-form', standalone: true, imports: [
+                        CommonModule,
+                        Button,
+                        TranslocoDirective,
+                        SkeletonModule,
+                        DynamicForm,
+                        ReactiveFormsModule,
+                        TranslocoPipe,
+                    ], providers: [DialogService], template: "<ng-container *transloco=\"let t; prefix: 'governance'\">\r\n  <div [class]=\"'flex flex-col gap-3 p-4 overflow-y-auto   ' + modal.contentClass\">\r\n    @if (isLoadingRule()) {\r\n      <p-skeleton class=\"my-4 mt-7\" height=\"3rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"3rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"6rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"3rem\" />\r\n      <p-skeleton class=\"my-4\" height=\"3rem\" />\r\n    } @else {\r\n      <mt-dynamic-form\r\n        [formConfig]=\"formConfig()\"\r\n        [formControl]=\"ruleFormControl\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  <div [class]=\"modal.footerClass\">\r\n    <mt-button\r\n      [label]=\"'cancel' | transloco\"\r\n      severity=\"secondary\"\r\n      variant=\"outlined\"\r\n      (click)=\"ref.close()\"\r\n    />\r\n    <mt-button\r\n      [label]=\"ruleForEdit() ? t('update') : t('create')\"\r\n      [loading]=\"isAddingRule() || isUpdatingRule()\"\r\n      [disabled]=\"!ruleFormControl.valid\"\r\n      (click)=\"onSubmit()\"\r\n    />\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { ruleForEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "ruleForEdit", required: false }] }] } });
+
+class GovernanceRulesList {
+    // ============================================================================
+    // Input - levelId from parent page
+    // ============================================================================
+    levelId = input.required(...(ngDevMode ? [{ debugName: "levelId" }] : []));
+    // ============================================================================
+    // Template References for Custom Columns
+    // ============================================================================
+    typeCol = viewChild.required('typeCol');
+    scopeCol = viewChild.required('scopeCol');
+    priorityCol = viewChild.required('priorityCol');
+    // ============================================================================
+    // Services
+    // ============================================================================
+    facade = inject(GovernanceFacade);
+    modal = inject(ModalService);
+    translocoService = inject(TranslocoService);
+    // ============================================================================
+    // Breadcrumb
+    // ============================================================================
+    breadcrumbItems = linkedSignal(() => [
+        {
+            label: '',
+            icon: 'general.home-line',
+            routerLink: '/control-panel/workspaces',
+        },
+        {
+            label: this.translocoService.translate('governance.control-panel'),
+            routerLink: '/control-panel',
+        },
+        {
+            label: this.translocoService.translate('governance.governance-rules'),
+        },
+    ], ...(ngDevMode ? [{ debugName: "breadcrumbItems" }] : []));
+    // ============================================================================
+    // Data Computed from Facade
+    // ============================================================================
+    rules = computed(() => {
+        const tab = this.activeTab();
+        const all = this.allRules();
+        const activeRules = this.activeRules();
+        const inactiveRules = this.inactiveRules();
+        switch (tab) {
+            case 'active':
+                return activeRules;
+            case 'inactive':
+                return inactiveRules;
+            case 'all':
+            default:
+                return all;
+        }
+    }, ...(ngDevMode ? [{ debugName: "rules" }] : []));
+    // ============================================================================
+    // Tabs
+    // ============================================================================
+    tabs = signal([
+        {
+            label: this.translocoService.translate('governance.all'),
+            value: 'all',
+        },
+        {
+            label: this.translocoService.translate('governance.active'),
+            value: 'active',
+        },
+        {
+            label: this.translocoService.translate('governance.inactive'),
+            value: 'inactive',
+        },
+    ], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    activeTab = signal('all', ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    // ============================================================================
+    // Table Actions
+    // ============================================================================
+    tableActions = signal([
+        {
+            icon: 'general.plus',
+            label: this.translocoService.translate('governance.add-rule'),
+            color: 'primary',
+            action: () => {
+                this.openRuleDialog();
+            },
+        },
+    ], ...(ngDevMode ? [{ debugName: "tableActions" }] : []));
+    deletingRowIds = signal([], ...(ngDevMode ? [{ debugName: "deletingRowIds" }] : []));
+    rowActions = signal([
+        {
+            icon: 'custom.pencil',
+            tooltip: this.translocoService.translate('edit'),
+            color: 'primary',
+            action: (row) => {
+                this.facade.clearSelectedRule();
+                this.openRuleDialog(row);
+            },
+        },
+        {
+            icon: 'general.trash-01',
+            tooltip: this.translocoService.translate('delete'),
+            color: 'danger',
+            variant: 'outlined',
+            action: (row) => {
+                this.deletingRowIds.update((ids) => [...ids, row.id]);
+                this.facade
+                    .deleteRule(row.id)
+                    .pipe(finalize(() => {
+                    this.deletingRowIds.update((ids) => ids.filter((id) => id !== row.id));
+                }))
+                    .subscribe();
+            },
+            confirmation: {
+                type: 'popup',
+                confirmationType: 'delete',
+            },
+            loading: (row) => this.deletingRowIds().includes(row.id),
+        },
+    ], ...(ngDevMode ? [{ debugName: "rowActions" }] : []));
+    // ============================================================================
+    // Table Columns
+    // ============================================================================
+    tableColumns = linkedSignal(() => [
+        {
+            key: 'priority',
+            label: this.translocoService.translate('governance.priority'),
+            type: 'custom',
+            customCellTpl: this.priorityCol(),
+            sortable: true,
+        },
+        {
+            key: 'name.en',
+            label: this.translocoService.translate('governance.name'),
+            type: 'text',
+            sortable: true,
+        },
+        {
+            key: 'ruleTypeKey',
+            label: this.translocoService.translate('governance.rule-type'),
+            type: 'custom',
+            customCellTpl: this.typeCol(),
+            filterConfig: {
+                type: 'select',
+                label: this.translocoService.translate('governance.rule-type'),
+                options: this.getRuleTypeOptions(),
+            },
+        },
+        {
+            key: 'targetScope',
+            label: this.translocoService.translate('governance.scope'),
+            type: 'custom',
+            customCellTpl: this.scopeCol(),
+            filterConfig: {
+                type: 'select',
+                label: this.translocoService.translate('governance.scope'),
+                options: [
+                    { label: 'Level', value: 'Level' },
+                    { label: 'Module', value: 'Module' },
+                    { label: 'PhaseGate', value: 'PhaseGate' },
+                ],
+            },
+        },
+        {
+            key: 'targetModuleKey',
+            label: this.translocoService.translate('governance.target-module'),
+            type: 'text',
+        },
+        {
+            key: 'isActive',
+            label: this.translocoService.translate('governance.status'),
+            type: 'boolean',
+            filterConfig: {
+                type: 'select',
+                label: this.translocoService.translate('governance.status'),
+                options: [
+                    {
+                        label: this.translocoService.translate('governance.active'),
+                        value: true,
+                    },
+                    {
+                        label: this.translocoService.translate('governance.inactive'),
+                        value: false,
+                    },
+                ],
+            },
+        },
+    ], ...(ngDevMode ? [{ debugName: "tableColumns" }] : []));
+    // ============================================================================
+    // Private
+    // ============================================================================
+    loading = this.facade.isLoadingRules;
+    allRules = this.facade.rules;
+    activeRules = this.facade.activeRules;
+    inactiveRules = this.facade.inactiveRules;
+    ngOnDestroy() {
+        this.facade.resetState();
+    }
+    openRuleDialog(rule = null) {
+        const modalType = rule ? 'drawer' : 'drawer';
+        this.modal.openModal(GovernanceRuleForm, modalType, {
+            header: rule
+                ? this.translocoService.translate('governance.edit-rule')
+                : this.translocoService.translate('governance.add-rule'),
+            styleClass: '!w-[50rem] !absolute ',
+            position: modalType === 'drawer' ? 'end' : '',
+            appendTo: modalType === 'drawer' ? 'page-content' : 'body',
+            dismissableMask: true,
+            dismissible: true,
+            inputValues: {
+                ruleForEdit: rule,
+            },
+        });
+    }
+    onCellChange(event) {
+        if (event.column === 'isActive' && event.type === 'boolean') {
+            this.facade.toggleRuleActive(event.row.id);
+        }
+    }
+    getRuleTypeOptions() {
+        return [
+            { label: 'Module Exists', value: 'ModuleExists' },
+            { label: 'Module Does Not Exist', value: 'ModuleDoesNotExist' },
+            { label: 'Module Max Count', value: 'ModuleMaxCount' },
+            { label: 'Module Min Count', value: 'ModuleMinCount' },
+            { label: 'Field Required', value: 'FieldRequired' },
+            { label: 'Field Value', value: 'FieldValue' },
+            { label: 'Phase Gate Module Required', value: 'PhaseGateModuleRequired' },
+            { label: 'No Active Request', value: 'NoActiveRequest' },
+        ];
+    }
+    getRuleTypeChipClass(ruleTypeKey) {
+        const classes = {
+            ModuleExists: 'bg-blue-100 text-blue-700',
+            ModuleDoesNotExist: 'bg-red-100 text-red-700',
+            ModuleMaxCount: 'bg-amber-100 text-amber-700',
+            ModuleMinCount: 'bg-orange-100 text-orange-700',
+            FieldRequired: 'bg-purple-100 text-purple-700',
+            FieldValue: 'bg-indigo-100 text-indigo-700',
+            PhaseGateModuleRequired: 'bg-green-100 text-green-700',
+            NoActiveRequest: 'bg-rose-100 text-rose-700',
+        };
+        return classes[ruleTypeKey] ?? 'bg-slate-100 text-slate-700';
+    }
+    getScopeIcon(scope) {
+        const icons = {
+            Level: 'general.layers-three-01',
+            Module: 'general.cube-01',
+            PhaseGate: 'general.flag-01',
+        };
+        return icons[scope] ?? 'general.file-02';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceRulesList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: GovernanceRulesList, isStandalone: true, selector: "mt-governance-rules-list", inputs: { levelId: { classPropertyName: "levelId", publicName: "levelId", isSignal: true, isRequired: true, transformFunction: null } }, viewQueries: [{ propertyName: "typeCol", first: true, predicate: ["typeCol"], descendants: true, isSignal: true }, { propertyName: "scopeCol", first: true, predicate: ["scopeCol"], descendants: true, isSignal: true }, { propertyName: "priorityCol", first: true, predicate: ["priorityCol"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'governance'\">\r\n  <div class=\"space-y-4\">\r\n    <div class=\"flex items-center justify-between\">\r\n      <div class=\"space-y-1\">\r\n        <h1 class=\"text-xl font-semibold text-slate-900 tracking-tight\">\r\n          {{ t(\"governance-rules\") }}\r\n        </h1>\r\n        <mt-breadcrumb\r\n          [items]=\"breadcrumbItems()\"\r\n          [styleClass]=\"'flex justify-start mx-1'\"\r\n        ></mt-breadcrumb>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Rule Type Column Template -->\r\n    <ng-template #typeCol let-row>\r\n      <mt-chip\r\n        [label]=\"row.ruleTypeKey\"\r\n        [styleClass]=\"getRuleTypeChipClass(row.ruleTypeKey)\"\r\n      />\r\n    </ng-template>\r\n\r\n    <!-- Scope Column Template -->\r\n    <ng-template #scopeCol let-row>\r\n      <div class=\"flex items-center gap-2\">\r\n        <mt-icon\r\n          class=\"text-lg\"\r\n          [icon]=\"getScopeIcon(row.targetScope)\"\r\n        ></mt-icon>\r\n        <span>{{ row.targetScope }}</span>\r\n        @if (row.targetModuleKey) {\r\n          <span class=\"text-slate-500\">\u2192 {{ row.targetModuleKey }}</span>\r\n        }\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- Priority Column Template -->\r\n    <ng-template #priorityCol let-row>\r\n      <div\r\n        class=\"flex items-center justify-center w-8 h-8 rounded-full bg-slate-100 text-slate-700 font-semibold text-sm\"\r\n      >\r\n        {{ row.priority }}\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- Table -->\r\n    <mt-table\r\n      [tabs]=\"tabs()\"\r\n      [(activeTab)]=\"activeTab\"\r\n      [data]=\"rules()\"\r\n      [columns]=\"tableColumns()\"\r\n      [actions]=\"tableActions()\"\r\n      [rowActions]=\"rowActions()\"\r\n      [generalSearch]=\"true\"\r\n      [showFilters]=\"true\"\r\n      [loading]=\"loading()\"\r\n      (cellChange)=\"onCellChange($event)\"\r\n    >\r\n    </mt-table>\r\n  </div>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SkeletonModule }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "generalSearch", "showFilters", "loading", "updating", "lazy", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "exportable", "exportFilename", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "pageSize", "currentPage", "first", "filterTerm"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: Breadcrumb, selector: "mt-breadcrumb", inputs: ["items", "styleClass"], outputs: ["onItemClick"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: Chip, selector: "mt-chip", inputs: ["label", "icon", "image", "removable", "removeIcon", "styleClass"], outputs: ["onRemove", "onImageError"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: GovernanceRulesList, decorators: [{
+            type: Component,
+            args: [{ selector: 'mt-governance-rules-list', standalone: true, imports: [
+                        CommonModule,
+                        SkeletonModule,
+                        Table,
+                        TranslocoDirective,
+                        Breadcrumb,
+                        Icon,
+                        Chip,
+                    ], template: "<ng-container *transloco=\"let t; prefix: 'governance'\">\r\n  <div class=\"space-y-4\">\r\n    <div class=\"flex items-center justify-between\">\r\n      <div class=\"space-y-1\">\r\n        <h1 class=\"text-xl font-semibold text-slate-900 tracking-tight\">\r\n          {{ t(\"governance-rules\") }}\r\n        </h1>\r\n        <mt-breadcrumb\r\n          [items]=\"breadcrumbItems()\"\r\n          [styleClass]=\"'flex justify-start mx-1'\"\r\n        ></mt-breadcrumb>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Rule Type Column Template -->\r\n    <ng-template #typeCol let-row>\r\n      <mt-chip\r\n        [label]=\"row.ruleTypeKey\"\r\n        [styleClass]=\"getRuleTypeChipClass(row.ruleTypeKey)\"\r\n      />\r\n    </ng-template>\r\n\r\n    <!-- Scope Column Template -->\r\n    <ng-template #scopeCol let-row>\r\n      <div class=\"flex items-center gap-2\">\r\n        <mt-icon\r\n          class=\"text-lg\"\r\n          [icon]=\"getScopeIcon(row.targetScope)\"\r\n        ></mt-icon>\r\n        <span>{{ row.targetScope }}</span>\r\n        @if (row.targetModuleKey) {\r\n          <span class=\"text-slate-500\">\u2192 {{ row.targetModuleKey }}</span>\r\n        }\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- Priority Column Template -->\r\n    <ng-template #priorityCol let-row>\r\n      <div\r\n        class=\"flex items-center justify-center w-8 h-8 rounded-full bg-slate-100 text-slate-700 font-semibold text-sm\"\r\n      >\r\n        {{ row.priority }}\r\n      </div>\r\n    </ng-template>\r\n\r\n    <!-- Table -->\r\n    <mt-table\r\n      [tabs]=\"tabs()\"\r\n      [(activeTab)]=\"activeTab\"\r\n      [data]=\"rules()\"\r\n      [columns]=\"tableColumns()\"\r\n      [actions]=\"tableActions()\"\r\n      [rowActions]=\"rowActions()\"\r\n      [generalSearch]=\"true\"\r\n      [showFilters]=\"true\"\r\n      [loading]=\"loading()\"\r\n      (cellChange)=\"onCellChange($event)\"\r\n    >\r\n    </mt-table>\r\n  </div>\r\n</ng-container>\r\n" }]
+        }], propDecorators: { levelId: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelId", required: true }] }], typeCol: [{ type: i0.ViewChild, args: ['typeCol', { isSignal: true }] }], scopeCol: [{ type: i0.ViewChild, args: ['scopeCol', { isSignal: true }] }], priorityCol: [{ type: i0.ViewChild, args: ['priorityCol', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AddGovernanceRule, ClearProperties, ClearRequestSchemas, ClearSelectedRule, DeleteGovernanceRule, GetGovernanceRule, GetGovernanceRuleTypes, GetGovernanceRules, GetModules, GetProperties, GetRequestSchemas, GovernanceActionKey, GovernanceFacade, GovernanceRuleForm, GovernanceRuleTypeEnum, GovernanceRulesList, GovernanceState, ResetGovernanceState, SetLevelId, ToggleGovernanceRuleActive, UpdateGovernanceRule };
+//# sourceMappingURL=masterteam-governance.mjs.map