@acorex/modules 20.2.0-next.4 → 20.2.0

package/fesm2022/acorex-modules-contact-management-acorex-modules-contact-management-_Bxallkg.mjs

@@ -0,0 +1,863 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, Injectable, NgModule, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
+import { AXPSearchCommandProvider, createAllQueryView, AXPEntityCommandScope, AXPEntityQueryType, AXP_MENU_PROVIDER, AXP_SEARCH_PROVIDER } from '@acorex/platform/common';
+import { AXPEntityService, AXMEntityCrudServiceImpl, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
+import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
+import * as i4 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXPSystemActionType } from '@acorex/platform/core';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i1$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/loading';
+import { AXLoadingModule } from '@acorex/components/loading';
+import { AXFormatModule } from '@acorex/core/format';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
+import { AXPThemeLayoutBlockComponent } from '@acorex/platform/layout/components';
+
+const config = {
+    i18n: 'contact-management',
+};
+const RootConfig = {
+    config,
+    module: {
+        name: 'ContactManagement',
+        title: '@contact-management:module-name',
+        icon: 'fa-light fa-address-book',
+    },
+    entities: {
+        contactMethodType: {
+            name: 'ContactMethodType',
+            title: '@contact-management:contact-method-type.individual-title',
+            titlePlural: '@contact-management:contact-method-type.plural-title',
+            icon: 'fa-light fa-list',
+        },
+        contactMethod: {
+            name: 'ContactMethod',
+            title: '@contact-management:contact-method.individual-title',
+            titlePlural: '@contact-management:contact-method.plural-title',
+            icon: 'fa-light fa-phone',
+        },
+        emergencyContactCategory: {
+            name: 'EmergencyContactCategory',
+            title: '@contact-management:emergency-contact-category.individual-title',
+            titlePlural: '@contact-management:emergency-contact-category.plural-title',
+            icon: 'fa-light fa-shield-halved',
+        },
+        emergencyContact: {
+            name: 'EmergencyContact',
+            title: '@contact-management:emergency-contact.individual-title',
+            titlePlural: '@contact-management:emergency-contact.plural-title',
+            icon: 'fa-light fa-siren',
+        },
+    },
+};
+
+class AXMContactManagementEntityProvider {
+    constructor() {
+        this.injector = inject(Injector);
+    }
+    preload() {
+        const module = RootConfig.module.name;
+        return Array.from(Object.values(RootConfig.entities)).map((entity) => ({
+            module: module,
+            entity: entity.name,
+        }));
+    }
+    async get(moduleName, entityName) {
+        if (moduleName == RootConfig.module.name) {
+            switch (entityName) {
+                case RootConfig.entities.contactMethodType.name:
+                    return (await Promise.resolve().then(function () { return contactMethodType_entity; })).contactMethodTypeFactory(this.injector);
+                case RootConfig.entities.contactMethod.name:
+                    return (await import('./acorex-modules-contact-management-contact-method.entity-CIeZtPSy.mjs')).contactMethodFactory(this.injector);
+                case RootConfig.entities.emergencyContactCategory.name:
+                    return (await import('./acorex-modules-contact-management-emergency-contact-category.entity-B2DPfonq.mjs')).emergencyContactCategoryFactory(this.injector);
+                case RootConfig.entities.emergencyContact.name:
+                    return (await import('./acorex-modules-contact-management-emergency-contact.entity-CeIealVy.mjs')).emergencyContactFactory(this.injector);
+            }
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactManagementEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactManagementEntityProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactManagementEntityProvider, decorators: [{
+            type: Injectable
+        }] });
+
+class AXMContactManagementMenuProvider {
+    constructor() {
+        this.entityService = inject(AXPEntityService);
+        this.sessionService = inject(AXPSessionService);
+    }
+    async provide(context) {
+        const module = RootConfig.module;
+        context.addItems([
+            {
+                priority: 9002,
+                text: '@contact-management:root-menu',
+                icon: module.icon,
+                children: [
+                    {
+                        text: '@contact-management:contact-method-type.plural-title',
+                        path: this.entityService.createPath(module.name, RootConfig.entities.contactMethodType.name),
+                        icon: RootConfig.entities.contactMethodType.icon,
+                        priority: 5,
+                    },
+                    {
+                        text: ``,
+                        type: 'break',
+                        priority: 10,
+                    },
+                    {
+                        text: '@contact-management:emergency-contact-category.plural-title',
+                        path: this.entityService.createPath(module.name, RootConfig.entities.emergencyContactCategory.name),
+                        icon: RootConfig.entities.emergencyContactCategory.icon,
+                        priority: 11,
+                    },
+                    {
+                        text: '@contact-management:emergency-contact.plural-title',
+                        path: this.entityService.createPath(module.name, RootConfig.entities.emergencyContact.name),
+                        icon: RootConfig.entities.emergencyContact.icon,
+                        priority: 12,
+                    },
+                    {
+                        text: '@contact-management:emergency-contact.page.title',
+                        path: `${this.sessionService.application?.name}/emergency-contacts`,
+                        icon: 'fa-light fa-phone-rotary',
+                        priority: 13,
+                    },
+                ],
+            },
+        ]);
+    }
+}
+
+class AXMContactManagementSearchCommandProvider extends AXPSearchCommandProvider {
+    constructor() {
+        super(...arguments);
+        this.commands = [
+        // Commands will be added here following the correct pattern
+        ];
+    }
+}
+
+class AXMContactMethodTypeService extends AXMEntityCrudServiceImpl {
+}
+class AXMContactMethodTypeServiceImpl extends AXMContactMethodTypeService {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.contactMethodType.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactMethodTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactMethodTypeServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactMethodTypeServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+async function contactMethodTypeFactory(injector) {
+    const dataService = injector.get(AXMContactMethodTypeService);
+    const i18n = RootConfig.config.i18n;
+    const entityDef = {
+        module: RootConfig.module.name,
+        name: RootConfig.entities.contactMethodType.name,
+        source: '',
+        title: RootConfig.entities.contactMethodType.title,
+        formats: {
+            individual: RootConfig.entities.contactMethodType.title,
+            plural: RootConfig.entities.contactMethodType.titlePlural,
+            searchResult: {
+                title: '{{ title }}',
+                description: RootConfig.module.title,
+            },
+        },
+        groups: [
+            {
+                id: 'basic-info',
+                title: '@general:terms.basic-info',
+            },
+            {
+                id: 'validation',
+                title: '@general:terms.validation',
+            },
+            {
+                id: 'settings',
+                title: '@general:terms.settings',
+            },
+        ],
+        properties: [
+            {
+                name: 'title',
+                title: '@general:terms.title',
+                groupId: 'basic-info',
+                options: {
+                    sort: { enabled: true },
+                    filter: { advance: { enabled: true }, inline: { enabled: true } },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: { type: AXPWidgetsCatalog.text },
+                },
+                validations: [{ rule: 'required' }],
+            },
+            {
+                name: 'validationRegex',
+                title: '@general:terms.validation-regex',
+                groupId: 'validation',
+                options: {
+                    sort: { enabled: false },
+                    filter: { advance: { enabled: false }, inline: { enabled: false } },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                        options: {
+                            placeholder: '^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$'
+                        }
+                    },
+                },
+            },
+            {
+                name: 'placeholder',
+                title: '@general:terms.placeholder',
+                groupId: 'validation',
+                options: {
+                    sort: { enabled: false },
+                    filter: { advance: { enabled: false }, inline: { enabled: false } },
+                },
+                schema: {
+                    dataType: 'string',
+                    interface: {
+                        type: AXPWidgetsCatalog.text,
+                        options: {
+                            placeholder: 'user@example.com'
+                        }
+                    },
+                },
+            },
+            {
+                name: 'isActive',
+                title: '@general:terms.status.options.active',
+                groupId: 'settings',
+                options: {
+                    sort: { enabled: true },
+                    filter: { advance: { enabled: true }, inline: { enabled: true } },
+                },
+                schema: {
+                    dataType: 'boolean',
+                    interface: { type: AXPWidgetsCatalog.toggle },
+                },
+            },
+        ],
+        columns: [
+            { name: 'title' },
+            { name: 'validationRegex' },
+            { name: 'placeholder' },
+            { name: 'isActive' }
+        ],
+        commands: {
+            create: {
+                execute: async (data) => {
+                    const res = await dataService.insertOne(data);
+                    return { id: res };
+                },
+            },
+            delete: {
+                execute: async (id) => {
+                    return await dataService.deleteOne(id);
+                },
+            },
+            update: {
+                execute: async (data) => {
+                    return await dataService.updateOne(data.id, data);
+                },
+            },
+        },
+        queries: {
+            byKey: {
+                execute: async (id) => {
+                    return await dataService.getOne(id);
+                },
+                type: AXPEntityQueryType.Single,
+            },
+            list: {
+                execute: async (e) => {
+                    return await dataService.query({ skip: e.skip, take: e.take, filter: e.filter });
+                },
+                type: AXPEntityQueryType.List,
+            },
+        },
+        interfaces: {
+            master: {
+                create: {
+                    sections: [
+                        { id: 'basic-info' },
+                        { id: 'validation' },
+                        { id: 'settings' }
+                    ],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'validationRegex', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
+                        { name: 'placeholder', layout: { positions: { lg: { colSpan: 6, order: 3 } } } },
+                        { name: 'isActive', layout: { positions: { lg: { colSpan: 3, order: 4 } } } },
+                    ],
+                },
+                update: {
+                    sections: [
+                        { id: 'basic-info' },
+                        { id: 'validation' },
+                        { id: 'settings' }
+                    ],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'validationRegex', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
+                        { name: 'placeholder', layout: { positions: { lg: { colSpan: 6, order: 3 } } } },
+                        { name: 'isActive', layout: { positions: { lg: { colSpan: 3, order: 4 } } } },
+                    ],
+                },
+                single: {
+                    title: '{{title}}',
+                    sections: [
+                        { id: 'basic-info' },
+                        { id: 'validation' },
+                        { id: 'settings' }
+                    ],
+                    properties: [
+                        { name: 'title', layout: { positions: { lg: { colSpan: 6, order: 1 } } } },
+                        { name: 'validationRegex', layout: { positions: { lg: { colSpan: 6, order: 2 } } } },
+                        { name: 'placeholder', layout: { positions: { lg: { colSpan: 6, order: 3 } } } },
+                        { name: 'isActive', layout: { positions: { lg: { colSpan: 3, order: 4 } } } },
+                    ],
+                    actions: [],
+                },
+                list: {
+                    actions: [
+                        {
+                            title: '@general:actions.create.title',
+                            command: 'create-entity',
+                            priority: 'primary',
+                            type: 'create',
+                            scope: AXPEntityCommandScope.TypeLevel,
+                        },
+                        {
+                            title: '@general:actions.delete-items.title',
+                            command: 'delete-entity',
+                            priority: 'primary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Selected,
+                        },
+                        {
+                            title: '@general:actions.view.title',
+                            command: 'open-entity',
+                            priority: 'secondary',
+                            type: 'view',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                        {
+                            title: '@general:actions.delete.title',
+                            command: 'delete-entity',
+                            priority: 'secondary',
+                            type: 'delete',
+                            scope: AXPEntityCommandScope.Individual,
+                        },
+                    ],
+                    views: [createAllQueryView({ sorts: [{ name: 'title', dir: 'asc' }] })],
+                },
+            },
+        },
+    };
+    return entityDef;
+}
+
+var contactMethodType_entity = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    contactMethodTypeFactory: contactMethodTypeFactory
+});
+
+class AXMContactMethodService extends AXMEntityCrudServiceImpl {
+}
+class AXMContactMethodServiceImpl extends AXMContactMethodService {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.contactMethod.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactMethodServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactMethodServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactMethodServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+// Note: contact-method.entity.ts will reference contactMethodType lookup
+
+class AXMEmergencyContactCategoryService extends AXMEntityCrudServiceImpl {
+}
+class AXMEmergencyContactCategoryServiceImpl extends AXMEmergencyContactCategoryService {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.emergencyContactCategory.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMEmergencyContactService extends AXMEntityCrudServiceImpl {
+}
+class AXMEmergencyContactServiceImpl extends AXMEmergencyContactService {
+    constructor() {
+        super(`${RootConfig.module.name}.${RootConfig.entities.emergencyContact.name}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactServiceImpl }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactServiceImpl, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AXMContactManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.6", ngImport: i0, type: AXMContactManagementModule, imports: [CommonModule, i1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactManagementModule, providers: [
+            // Entity Provider
+            {
+                provide: AXP_ENTITY_DEFINITION_LOADER,
+                useClass: AXMContactManagementEntityProvider,
+                multi: true,
+            },
+            // Menu Provider
+            {
+                provide: AXP_MENU_PROVIDER,
+                useClass: AXMContactManagementMenuProvider,
+                multi: true,
+            },
+            // Search Command Provider
+            {
+                provide: AXP_SEARCH_PROVIDER,
+                useClass: AXMContactManagementSearchCommandProvider,
+                multi: true,
+            },
+            // Permission Provider
+            {
+                provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                useFactory: async () => {
+                    const injector = inject(Injector);
+                    const provider = (await Promise.resolve().then(function () { return permissionDefinition_provider; })).AXMPermissionDefinitionProvider;
+                    return new provider(injector);
+                },
+                multi: true,
+            },
+            // Entity Services
+            {
+                provide: AXMContactMethodTypeService,
+                useClass: AXMContactMethodTypeServiceImpl,
+            },
+            {
+                provide: AXMContactMethodService,
+                useClass: AXMContactMethodServiceImpl,
+            },
+            {
+                provide: AXMEmergencyContactCategoryService,
+                useClass: AXMEmergencyContactCategoryServiceImpl,
+            },
+            {
+                provide: AXMEmergencyContactService,
+                useClass: AXMEmergencyContactServiceImpl,
+            },
+        ], imports: [CommonModule,
+            RouterModule.forChild([{
+                    path: ':app/emergency-contacts',
+                    component: AXPRootLayoutComponent,
+                    children: [
+                        {
+                            path: '',
+                            loadComponent: () => Promise.resolve().then(function () { return emergencyContactsPage_component; }).then(m => m.AXMEmergencyContactsPageComponent)
+                        }
+                    ]
+                }
+            ])] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMContactManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule.forChild([{
+                                path: ':app/emergency-contacts',
+                                component: AXPRootLayoutComponent,
+                                children: [
+                                    {
+                                        path: '',
+                                        loadComponent: () => Promise.resolve().then(function () { return emergencyContactsPage_component; }).then(m => m.AXMEmergencyContactsPageComponent)
+                                    }
+                                ]
+                            }
+                        ]),
+                    ],
+                    providers: [
+                        // Entity Provider
+                        {
+                            provide: AXP_ENTITY_DEFINITION_LOADER,
+                            useClass: AXMContactManagementEntityProvider,
+                            multi: true,
+                        },
+                        // Menu Provider
+                        {
+                            provide: AXP_MENU_PROVIDER,
+                            useClass: AXMContactManagementMenuProvider,
+                            multi: true,
+                        },
+                        // Search Command Provider
+                        {
+                            provide: AXP_SEARCH_PROVIDER,
+                            useClass: AXMContactManagementSearchCommandProvider,
+                            multi: true,
+                        },
+                        // Permission Provider
+                        {
+                            provide: AXP_PERMISSION_DEFINITION_PROVIDER,
+                            useFactory: async () => {
+                                const injector = inject(Injector);
+                                const provider = (await Promise.resolve().then(function () { return permissionDefinition_provider; })).AXMPermissionDefinitionProvider;
+                                return new provider(injector);
+                            },
+                            multi: true,
+                        },
+                        // Entity Services
+                        {
+                            provide: AXMContactMethodTypeService,
+                            useClass: AXMContactMethodTypeServiceImpl,
+                        },
+                        {
+                            provide: AXMContactMethodService,
+                            useClass: AXMContactMethodServiceImpl,
+                        },
+                        {
+                            provide: AXMEmergencyContactCategoryService,
+                            useClass: AXMEmergencyContactCategoryServiceImpl,
+                        },
+                        {
+                            provide: AXMEmergencyContactService,
+                            useClass: AXMEmergencyContactServiceImpl,
+                        },
+                    ],
+                }]
+        }] });
+
+const moduleKey = RootConfig.module.name;
+const entitiesKey = RootConfig.entities;
+const manageKey = AXPSystemActionType.Manage;
+const viewKey = AXPSystemActionType.View;
+const updateKey = AXPSystemActionType.Update;
+const deleteKey = AXPSystemActionType.Delete;
+const createKey = AXPSystemActionType.Create;
+const AXMPermissionsKeys = {
+    ContactManagement: {
+        Management: `${moduleKey}:${manageKey}`,
+        ContactMethodTypes: {
+            Management: `${moduleKey}:${entitiesKey.contactMethodType.name}:${manageKey}`,
+            View: `${moduleKey}:${entitiesKey.contactMethodType.name}:${viewKey}`,
+            Edit: `${moduleKey}:${entitiesKey.contactMethodType.name}:${updateKey}`,
+            Delete: `${moduleKey}:${entitiesKey.contactMethodType.name}:${deleteKey}`,
+            Create: `${moduleKey}:${entitiesKey.contactMethodType.name}:${createKey}`,
+        },
+        EmergencyContactCategories: {
+            Management: `${moduleKey}:${entitiesKey.emergencyContactCategory.name}:${manageKey}`,
+            View: `${moduleKey}:${entitiesKey.emergencyContactCategory.name}:${viewKey}`,
+            Edit: `${moduleKey}:${entitiesKey.emergencyContactCategory.name}:${updateKey}`,
+            Delete: `${moduleKey}:${entitiesKey.emergencyContactCategory.name}:${deleteKey}`,
+            Create: `${moduleKey}:${entitiesKey.emergencyContactCategory.name}:${createKey}`,
+        },
+        EmergencyContacts: {
+            Management: `${moduleKey}:${entitiesKey.emergencyContact.name}:${manageKey}`,
+            View: `${moduleKey}:${entitiesKey.emergencyContact.name}:${viewKey}`,
+            Edit: `${moduleKey}:${entitiesKey.emergencyContact.name}:${updateKey}`,
+            Delete: `${moduleKey}:${entitiesKey.emergencyContact.name}:${deleteKey}`,
+            Create: `${moduleKey}:${entitiesKey.emergencyContact.name}:${createKey}`,
+        },
+    },
+};
+
+class AXMPermissionDefinitionProvider {
+    constructor(injector) {
+        this.injector = injector;
+        this.translateService = this.injector.get(AXTranslationService);
+    }
+    async define(context) {
+        const trans = async (key) => await this.translateService.translateAsync(key);
+        const keys = AXMPermissionsKeys.ContactManagement;
+        context.addGroup(keys.Management, await trans(RootConfig.module.title))
+            // Contact Method Types Management
+            .addPermission(keys.ContactMethodTypes.Management, await trans(RootConfig.entities.contactMethodType.title))
+            .addChild(keys.ContactMethodTypes.View, await trans('@general:actions.view.permission'))
+            .addChild(keys.ContactMethodTypes.Edit, await trans('@general:actions.edit.permission'))
+            .addChild(keys.ContactMethodTypes.Delete, await trans('@general:actions.delete.permission'))
+            .addChild(keys.ContactMethodTypes.Create, await trans('@general:actions.create.permission'))
+            .endPermission()
+            // Emergency Contact Categories Management
+            .addPermission(keys.EmergencyContactCategories.Management, await trans(RootConfig.entities.emergencyContactCategory.title))
+            .addChild(keys.EmergencyContactCategories.View, await trans('@general:actions.view.permission'))
+            .addChild(keys.EmergencyContactCategories.Edit, await trans('@general:actions.edit.permission'))
+            .addChild(keys.EmergencyContactCategories.Delete, await trans('@general:actions.delete.permission'))
+            .addChild(keys.EmergencyContactCategories.Create, await trans('@general:actions.create.permission'))
+            .endPermission()
+            // Emergency Contacts Management
+            .addPermission(keys.EmergencyContacts.Management, await trans(RootConfig.entities.emergencyContact.title))
+            .addChild(keys.EmergencyContacts.View, await trans('@general:actions.view.permission'))
+            .addChild(keys.EmergencyContacts.Edit, await trans('@general:actions.edit.permission'))
+            .addChild(keys.EmergencyContacts.Delete, await trans('@general:actions.delete.permission'))
+            .addChild(keys.EmergencyContacts.Create, await trans('@general:actions.create.permission'))
+            .endPermission()
+            .endGroup();
+    }
+}
+
+var permissionDefinition_provider = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMPermissionDefinitionProvider: AXMPermissionDefinitionProvider
+});
+
+class AXMEmergencyContactsPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        //#region ----   Services & Dependencies   ----
+        this.emergencyContactService = inject(AXMEmergencyContactService);
+        //#endregion
+        //#region ----   Class Properties   ----
+        this.allContacts = signal([], ...(ngDevMode ? [{ debugName: "allContacts" }] : []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.isLargeScreen = signal(true, ...(ngDevMode ? [{ debugName: "isLargeScreen" }] : []));
+        this.expandedContactIds = signal(new Set(), ...(ngDevMode ? [{ debugName: "expandedContactIds" }] : []));
+        //#endregion
+        //#region ----   Computed Properties   ----
+        this.quickDialContacts = computed(() => this.allContacts()
+            .filter((contact) => contact.isQuickDial && contact.isActive)
+            .sort((a, b) => (a.priority || 0) - (b.priority || 0)), ...(ngDevMode ? [{ debugName: "quickDialContacts" }] : []));
+        this.dashboardContacts = computed(() => this.allContacts()
+            .filter((contact) => contact.showOnDashboard && contact.isActive && !contact.isQuickDial)
+            .sort((a, b) => (a.priority || 0) - (b.priority || 0)), ...(ngDevMode ? [{ debugName: "dashboardContacts" }] : []));
+        this.allActiveContacts = computed(() => this.allContacts()
+            .filter((contact) => contact.isActive)
+            .sort((a, b) => (a.priority || 0) - (b.priority || 0)), ...(ngDevMode ? [{ debugName: "allActiveContacts" }] : []));
+        // Fallback: show all contacts if filtered lists are empty
+        this.displayContacts = computed(() => {
+            const allContacts = this.allContacts();
+            // If we have contacts but none are marked as active, show all
+            if (allContacts.length > 0 && this.allActiveContacts().length === 0) {
+                return allContacts.sort((a, b) => (a.priority || 0) - (b.priority || 0));
+            }
+            return this.allActiveContacts();
+        }, ...(ngDevMode ? [{ debugName: "displayContacts" }] : []));
+    }
+    //#endregion
+    onResize() {
+        this.checkScreenSize();
+    }
+    checkScreenSize() {
+        this.isLargeScreen.set(window.innerWidth >= 768);
+    }
+    //#region ----   Lifecycle Methods   ----
+    async ngOnInit() {
+        super.ngOnInit();
+        this.checkScreenSize();
+        await this.loadEmergencyContacts();
+    }
+    //#endregion
+    //#region ----   Data Loading   ----
+    async loadEmergencyContacts() {
+        this.loading.set(true);
+        try {
+            const result = await this.emergencyContactService.query({
+                skip: 0,
+                take: 1000,
+                sort: [{ field: 'priority', dir: 'asc' }],
+            });
+            this.allContacts.set(result.items);
+        }
+        catch (error) {
+            console.error('Failed to load emergency contacts:', error);
+        }
+        finally {
+            this.loading.set(false);
+        }
+    }
+    //#endregion
+    //#region ----   UI Handlers   ----
+    toggleExpanded(contactId) {
+        this.expandedContactIds.update((current) => {
+            const next = new Set(current);
+            if (next.has(contactId)) {
+                next.delete(contactId);
+            }
+            else {
+                next.add(contactId);
+            }
+            return next;
+        });
+    }
+    isExpanded(contactId) {
+        return this.expandedContactIds().has(contactId);
+    }
+    handleCallContact(contact) {
+        if (contact.phoneNumber) {
+            window.open(`tel:${contact.phoneNumber}`, '_self');
+        }
+    }
+    handleTextContact(contact) {
+        const textNumber = contact.textNumber || contact.phoneNumber;
+        if (textNumber) {
+            window.open(`sms:${textNumber}`, '_self');
+        }
+    }
+    handleVisitWebsite(contact) {
+        if (contact.website) {
+            window.open(contact.website, '_blank');
+        }
+    }
+    async handleCopyNumber(contact) {
+        if (contact.phoneNumber && navigator.clipboard) {
+            try {
+                await navigator.clipboard.writeText(contact.phoneNumber);
+                // You could add a toast notification here
+            }
+            catch (error) {
+                console.error('Failed to copy number:', error);
+            }
+        }
+    }
+    handleRefresh() {
+        this.loadEmergencyContacts();
+    }
+    getPrimaryAction(contact) {
+        if (contact.isTextCapable && !!contact.textNumber && !contact.requiresConfirmation) {
+            return 'text';
+        }
+        return 'call';
+    }
+    performPrimaryAction(contact) {
+        const action = this.getPrimaryAction(contact);
+        if (action === 'text') {
+            this.handleTextContact(contact);
+        }
+        else {
+            this.handleCallContact(contact);
+        }
+    }
+    getPrimaryActionLabel(contact) {
+        return this.getPrimaryAction(contact) === 'text' ? 'Text Now' : 'Call Now';
+    }
+    getPrimaryActionColor(contact) {
+        return this.getPrimaryAction(contact) === 'text' ? 'primary' : 'danger';
+    }
+    //#endregion
+    //#region ----   Utility Methods   ----
+    getCoverageText(contact) {
+        const coverage = [];
+        if (contact.isNational)
+            coverage.push('National');
+        if (contact.isRegional)
+            coverage.push('Regional');
+        if (contact.isLocal)
+            coverage.push('Local');
+        return coverage.join(', ') || 'Unknown';
+    }
+    getCapabilitiesText(contact) {
+        const capabilities = [];
+        if (contact.isTextCapable)
+            capabilities.push('Text');
+        if (contact.isVideoCallCapable)
+            capabilities.push('Video');
+        return capabilities.join(', ') || 'Voice Only';
+    }
+    getPriorityColor(priority) {
+        if (priority <= 1)
+            return 'danger';
+        if (priority <= 3)
+            return 'warning';
+        if (priority <= 5)
+            return 'primary';
+        return 'secondary';
+    }
+    //#endregion
+    //#region ----   Page Metadata Overrides   ----
+    async getPageTitle() {
+        return 'Emergency Contacts & Quick Dial';
+    }
+    async getPageDescription() {
+        return 'Access emergency contacts and important numbers quickly';
+    }
+    async getPageBreadcrumbs() {
+        return [
+            {
+                title: 'Contact Management',
+            },
+        ];
+    }
+    async getSecondaryMenuItems() {
+        return [
+            {
+                title: 'Refresh',
+                icon: 'fa-light fa-refresh',
+                color: 'secondary',
+                command: {
+                    name: 'refresh',
+                },
+            },
+        ];
+    }
+    async execute(command) {
+        if (command.name === 'refresh') {
+            this.handleRefresh();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: AXMEmergencyContactsPageComponent, isStandalone: true, selector: "axm-emergency-contacts-page", host: { listeners: { "window:resize": "onResize()" } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMEmergencyContactsPageComponent,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content>\n    <!-- Loading State -->\n    @if (loading()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading emergency contacts...</ax-loading>\n      </div>\n    } @else {\n      <div class=\"ax-space-y-6 ax-p-4\">\n        <!-- Quick Dial Section -->\n        @if (quickDialContacts().length > 0) {\n          <div class=\"ax-mb-8\">\n            <h2 class=\"ax-text-2xl ax-font-semibold ax-mb-4 ax-flex ax-items-center ax-gap-2\">\n              <ax-icon icon=\"fa-light fa-phone-rotary\" class=\"ax-text-danger\"></ax-icon>\n              Quick Dial\n            </h2>\n            <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-2 lg:ax-grid-cols-3 xl:ax-grid-cols-4 ax-gap-4\">\n              @for (contact of quickDialContacts(); track contact.id) {\n                <div\n                  class=\"emergency-contact-quick-dial ax-p-4 ax-rounded-lg ax-border ax-bg-light\"\n                  [style.--priority-color]=\"'var(--ax-sys-color-' + getPriorityColor(contact.priority) + ')' + ''\"\n                >\n                  <!-- Compact Header with Primary Action -->\n                  <div class=\"ax-flex ax-items-start ax-justify-between ax-gap-3\">\n                    <div class=\"ax-flex-1 ax-min-w-0\">\n                      <h3 class=\"ax-text-lg ax-font-semibold ax-truncate ax-text-default\">\n                        {{ contact.name }}\n                      </h3>\n                      @if (contact.shortName) {\n                        <p class=\"ax-text-sm ax-text-muted ax-truncate\">{{ contact.shortName }}</p>\n                      }\n                    </div>\n                    <div class=\"ax-flex ax-items-center ax-gap-2\">\n                      <ax-button\n                        [color]=\"getPrimaryActionColor(contact)\"\n                        [size]=\"'small'\"\n                        [look]=\"'filled'\"\n                        [text]=\"getPrimaryActionLabel(contact)\"\n                        (onClick)=\"performPrimaryAction(contact)\"\n                      >\n                        <ax-icon\n                          [icon]=\"getPrimaryAction(contact) === 'text' ? 'fa-light fa-message' : 'fa-light fa-phone'\"\n                        ></ax-icon>\n                      </ax-button>\n                      <ax-button\n                        [color]=\"'secondary'\"\n                        [look]=\"'ghost'\"\n                        [size]=\"'small'\"\n                        (onClick)=\"toggleExpanded(contact.id)\"\n                      >\n                        <ax-icon\n                          [icon]=\"isExpanded(contact.id) ? 'fa-light fa-chevron-up' : 'fa-light fa-chevron-down'\"\n                        ></ax-icon>\n                      </ax-button>\n                    </div>\n                  </div>\n\n                  <!-- Collapsible Details -->\n                  @if (isExpanded(contact.id)) {\n                    <div class=\"ax-pt-3 ax-space-y-3\">\n                      <!-- Primary Phone -->\n                      <div class=\"ax-flex ax-items-center ax-gap-2\">\n                        <ax-icon icon=\"fa-light fa-phone\" class=\"ax-text-primary ax-w-4\"></ax-icon>\n                        <span class=\"contact-info-text ax-text-sm ax-font-mono ax-flex-1\">{{\n                          contact.phoneNumber\n                        }}</span>\n                        <ax-button\n                          [color]=\"'secondary'\"\n                          [size]=\"'small'\"\n                          [look]=\"'ghost'\"\n                          (onClick)=\"handleCopyNumber(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-copy\"></ax-icon>\n                        </ax-button>\n                      </div>\n\n                      <!-- Capabilities -->\n                      <div class=\"contact-info-text ax-flex ax-items-center ax-gap-2 ax-text-xs ax-text-muted\">\n                        <ax-icon icon=\"fa-light fa-info-circle\" class=\"ax-w-4\"></ax-icon>\n                        <span>{{ getCapabilitiesText(contact) }}</span>\n                      </div>\n\n                      <!-- Availability -->\n                      @if (contact.availability) {\n                        <div class=\"contact-info-text ax-flex ax-items-center ax-gap-2 ax-text-xs ax-text-muted\">\n                          <ax-icon icon=\"fa-light fa-clock\" class=\"ax-w-4\"></ax-icon>\n                          <span class=\"ax-truncate\">{{ contact.availability }}</span>\n                        </div>\n                      }\n\n                      @if (contact.requiresConfirmation) {\n                        <div class=\"ax-p-2 ax-rounded ax-bg-warning-50 ax-border ax-border-warning-200\">\n                          <p class=\"ax-text-xs ax-text-warning-800 ax-flex ax-items-center ax-gap-1\">\n                            <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n                            This contact requires confirmation before calling\n                          </p>\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Dashboard Contacts Section -->\n        @if (dashboardContacts().length > 0) {\n          <div class=\"ax-mb-8\">\n            <h2 class=\"ax-text-2xl ax-font-semibold ax-mb-4 ax-flex ax-items-center ax-gap-2\">\n              <ax-icon icon=\"fa-light fa-tachometer-alt\" class=\"ax-text-primary\"></ax-icon>\n              All Emergency Contacts\n            </h2>\n            <div>\n              <div class=\"ax-space-y-4\">\n                @for (contact of dashboardContacts(); track contact.id) {\n                  <div class=\"emergency-contact-detailed ax-p-4 ax-rounded-lg ax-border ax-bg-light\">\n                    <!-- Compact header -->\n                    <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3 ax-gap-3\">\n                      <div class=\"ax-flex-1 ax-min-w-0\">\n                        <h3 class=\"ax-text-xl ax-font-semibold ax-text-default\">{{ contact.name }}</h3>\n                        @if (contact.shortName) {\n                          <p class=\"ax-text-muted\">{{ contact.shortName }}</p>\n                        }\n                      </div>\n                      <div class=\"ax-flex ax-items-center ax-gap-2\">\n                        <ax-button\n                          [color]=\"getPrimaryActionColor(contact)\"\n                          [look]=\"'filled'\"\n                          [size]=\"'small'\"\n                          [text]=\"getPrimaryActionLabel(contact)\"\n                          (onClick)=\"performPrimaryAction(contact)\"\n                        >\n                          <ax-icon\n                            [icon]=\"getPrimaryAction(contact) === 'text' ? 'fa-light fa-message' : 'fa-light fa-phone'\"\n                          ></ax-icon>\n                        </ax-button>\n                        <ax-button\n                          [color]=\"'secondary'\"\n                          [look]=\"'ghost'\"\n                          [size]=\"'small'\"\n                          (onClick)=\"toggleExpanded(contact.id)\"\n                        >\n                          <ax-icon\n                            [icon]=\"isExpanded(contact.id) ? 'fa-light fa-chevron-up' : 'fa-light fa-chevron-down'\"\n                          ></ax-icon>\n                        </ax-button>\n                      </div>\n                    </div>\n\n                    <!-- Collapsible Details -->\n                    @if (isExpanded(contact.id)) {\n                      <div class=\"ax-grid ax-grid-cols-1 lg:ax-grid-cols-3 ax-gap-4 ax-items-start\">\n                        <!-- Contact Info -->\n                        <div class=\"lg:ax-col-span-2\">\n                          @if (contact.description) {\n                            <p class=\"ax-text-muted ax-mb-4\">{{ contact.description }}</p>\n                          }\n\n                          <!-- Contact Methods Grid -->\n                          <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-2 ax-gap-3 ax-mb-4\">\n                            <!-- Phone -->\n                            <div class=\"ax-flex ax-items-center ax-gap-2\">\n                              <ax-icon icon=\"fa-light fa-phone\" class=\"ax-text-primary\"></ax-icon>\n                              <span class=\"ax-font-mono\">{{ contact.phoneNumber }}</span>\n                            </div>\n\n                            <!-- Text Number -->\n                            @if (contact.textNumber) {\n                              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-message\" class=\"ax-text-secondary\"></ax-icon>\n                                <span class=\"ax-font-mono\">{{ contact.textNumber }}</span>\n                              </div>\n                            }\n\n                            <!-- Email -->\n                            @if (contact.email) {\n                              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-envelope\" class=\"ax-text-info\"></ax-icon>\n                                <span>{{ contact.email }}</span>\n                              </div>\n                            }\n\n                            <!-- Website -->\n                            @if (contact.website) {\n                              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-globe\" class=\"ax-text-accent\"></ax-icon>\n                                <a [href]=\"contact.website\" target=\"_blank\" class=\"ax-text-accent ax-hover:underline\">\n                                  Website\n                                </a>\n                              </div>\n                            }\n                          </div>\n\n                          <!-- Coverage & Capabilities -->\n                          <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-3 ax-gap-3 ax-text-sm\">\n                            <div>\n                              <strong class=\"ax-text-muted\">Coverage:</strong>\n                              <p>{{ getCoverageText(contact) }}</p>\n                            </div>\n                            <div>\n                              <strong class=\"ax-text-muted\">Capabilities:</strong>\n                              <p>{{ getCapabilitiesText(contact) }}</p>\n                            </div>\n                            @if (contact.availability) {\n                              <div>\n                                <strong class=\"ax-text-muted\">Availability:</strong>\n                                <p>{{ contact.availability }}</p>\n                              </div>\n                            }\n                          </div>\n                        </div>\n\n                        <!-- Secondary actions and meta -->\n                        <div class=\"ax-flex ax-flex-col ax-gap-3\">\n                          <!-- Secondary Actions -->\n                          <div class=\"ax-flex ax-gap-2\">\n                            @if (contact.website) {\n                              <ax-button\n                                [color]=\"'secondary'\"\n                                [look]=\"'ghost'\"\n                                [size]=\"'small'\"\n                                class=\"ax-flex-1\"\n                                (onClick)=\"handleVisitWebsite(contact)\"\n                              >\n                                <ax-icon icon=\"fa-light fa-external-link\"></ax-icon>\n                              </ax-button>\n                            }\n\n                            <ax-button\n                              [color]=\"'secondary'\"\n                              [look]=\"'ghost'\"\n                              [size]=\"'small'\"\n                              class=\"ax-flex-1\"\n                              (onClick)=\"handleCopyNumber(contact)\"\n                            >\n                              <ax-icon icon=\"fa-light fa-copy\"></ax-icon>\n                            </ax-button>\n                          </div>\n\n                          <!-- Warnings -->\n                          @if (contact.requiresConfirmation) {\n                            <div class=\"ax-p-3 ax-rounded ax-bg-warning-50 ax-border ax-border-warning-200\">\n                              <p class=\"ax-text-xs ax-text-warning-800 ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n                                This contact requires confirmation before calling\n                              </p>\n                            </div>\n                          }\n\n                          @if (contact.lastVerified) {\n                            <div class=\"ax-text-xs ax-text-muted\">\n                              <strong>Last Verified:</strong>\n                              <p>{{ contact.lastVerified | date }}</p>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        }\n\n        <!-- Fallback: Show all contacts if no filtered contacts are available -->\n        @if (quickDialContacts().length === 0 && dashboardContacts().length === 0 && displayContacts().length > 0) {\n          <div class=\"ax-mb-8\">\n            <h2 class=\"ax-text-2xl ax-font-semibold ax-mb-4 ax-flex ax-items-center ax-gap-2\">\n              <ax-icon icon=\"fa-light fa-list\" class=\"ax-text-info\"></ax-icon>\n              All Emergency Contacts\n            </h2>\n            <div class=\"ax-space-y-4\">\n              @for (contact of displayContacts(); track contact.id) {\n                <div class=\"emergency-contact-detailed ax-p-4 ax-rounded-lg ax-border ax-bg-light\">\n                  <!-- Compact header -->\n                  <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3 ax-gap-3\">\n                    <div class=\"ax-flex-1 ax-min-w-0\">\n                      <h3 class=\"ax-text-xl ax-font-semibold ax-text-default\">{{ contact.name }}</h3>\n                      @if (contact.shortName) {\n                        <p class=\"ax-text-muted\">{{ contact.shortName }}</p>\n                      }\n                    </div>\n                    <div class=\"ax-flex ax-items-center ax-gap-2\">\n                      <ax-button\n                        [color]=\"getPrimaryActionColor(contact)\"\n                        [look]=\"'filled'\"\n                        [size]=\"'small'\"\n                        (onClick)=\"performPrimaryAction(contact)\"\n                      >\n                        <ax-icon\n                          [icon]=\"getPrimaryAction(contact) === 'text' ? 'fa-light fa-message' : 'fa-light fa-phone'\"\n                        ></ax-icon>\n                        {{ getPrimaryActionLabel(contact) }}\n                      </ax-button>\n                      <ax-button\n                        [color]=\"'secondary'\"\n                        [look]=\"'ghost'\"\n                        [size]=\"'small'\"\n                        (onClick)=\"toggleExpanded(contact.id)\"\n                      >\n                        <ax-icon\n                          [icon]=\"isExpanded(contact.id) ? 'fa-light fa-chevron-up' : 'fa-light fa-chevron-down'\"\n                        ></ax-icon>\n                      </ax-button>\n                    </div>\n                  </div>\n\n                  <!-- Collapsible details -->\n                  @if (isExpanded(contact.id)) {\n                    <div class=\"ax-grid ax-grid-cols-1 lg:ax-grid-cols-3 ax-gap-4 ax-items-start\">\n                      <!-- Contact Info -->\n                      <div class=\"lg:ax-col-span-2\">\n                        @if (contact.description) {\n                          <p class=\"ax-text-muted ax-mb-4\">{{ contact.description }}</p>\n                        }\n\n                        <!-- Contact Methods Grid -->\n                        <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-2 ax-gap-3 ax-mb-4\">\n                          <!-- Phone -->\n                          <div class=\"ax-flex ax-items-center ax-gap-2\">\n                            <ax-icon icon=\"fa-light fa-phone\" class=\"ax-text-primary\"></ax-icon>\n                            <span class=\"ax-font-mono\">{{ contact.phoneNumber }}</span>\n                          </div>\n\n                          <!-- Email -->\n                          @if (contact.email) {\n                            <div class=\"ax-flex ax-items-center ax-gap-2\">\n                              <ax-icon icon=\"fa-light fa-envelope\" class=\"ax-text-info\"></ax-icon>\n                              <span>{{ contact.email }}</span>\n                            </div>\n                          }\n\n                          <!-- Website -->\n                          @if (contact.website) {\n                            <div class=\"ax-flex ax-items-center ax-gap-2\">\n                              <ax-icon icon=\"fa-light fa-globe\" class=\"ax-text-accent\"></ax-icon>\n                              <a [href]=\"contact.website\" target=\"_blank\" class=\"ax-text-accent ax-hover:underline\">\n                                Website\n                              </a>\n                            </div>\n                          }\n                        </div>\n\n                        <!-- Status Info -->\n                        <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-3 ax-gap-3 ax-text-sm\">\n                          <div>\n                            <strong class=\"ax-text-muted\">Coverage:</strong>\n                            <p>{{ getCoverageText(contact) }}</p>\n                          </div>\n                          <div>\n                            <strong class=\"ax-text-muted\">Capabilities:</strong>\n                            <p>{{ getCapabilitiesText(contact) }}</p>\n                          </div>\n                          <div>\n                            <strong class=\"ax-text-muted\">Status:</strong>\n                            <p class=\"ax-flex ax-items-center ax-gap-1\">\n                              <span [class]=\"contact.isActive ? 'ax-text-success' : 'ax-text-danger'\">\n                                {{ contact.isActive ? 'Active' : 'Inactive' }}\n                              </span>\n                              @if (contact.isVerified) {\n                                <ax-icon icon=\"fa-light fa-check-circle\" class=\"ax-text-success\"></ax-icon>\n                              }\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n\n                      <!-- Secondary Actions -->\n                      <div class=\"ax-flex ax-gap-2\">\n                        @if (contact.website) {\n                          <ax-button\n                            [color]=\"'secondary'\"\n                            [look]=\"'ghost'\"\n                            [size]=\"'small'\"\n                            class=\"ax-flex-1\"\n                            (onClick)=\"handleVisitWebsite(contact)\"\n                          >\n                            <ax-icon icon=\"fa-light fa-external-link\"></ax-icon>\n                          </ax-button>\n                        }\n\n                        <ax-button\n                          [color]=\"'secondary'\"\n                          [look]=\"'ghost'\"\n                          [size]=\"'small'\"\n                          class=\"ax-flex-1\"\n                          (onClick)=\"handleCopyNumber(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-copy\"></ax-icon>\n                        </ax-button>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- No Contacts State -->\n        @if (allContacts().length === 0 && !loading()) {\n          <div class=\"ax-text-center ax-py-12\">\n            <ax-icon icon=\"fa-light fa-phone-slash\" class=\"ax-text-6xl ax-text-muted ax-mb-4\"></ax-icon>\n            <h3 class=\"ax-text-xl ax-font-medium ax-text-muted ax-mb-2\">No emergency contacts available</h3>\n          </div>\n        }\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axm-emergency-contacts-page{display:block;width:100%;height:100%}axm-emergency-contacts-page .ax-space-y-6.ax-p-4{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){axm-emergency-contacts-page .ax-space-y-6.ax-p-4{padding-left:1.5rem;padding-right:1.5rem}}axm-emergency-contacts-page h2{margin-bottom:1.25rem;color:var(--ax-sys-color-primary);border-bottom:1px solid var(--ax-sys-color-border);padding-bottom:.5rem}axm-emergency-contacts-page h2 ax-icon{margin-right:.5rem}@media (min-width: 768px){axm-emergency-contacts-page h2 ax-icon{margin-right:.75rem}}axm-emergency-contacts-page .emergency-contact-quick-dial{position:relative;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s;border:1px solid var(--ax-sys-color-outline-variant);min-height:140px}axm-emergency-contacts-page .emergency-contact-quick-dial:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-2px);border-color:var(--priority-color, var(--ax-sys-color-primary))}axm-emergency-contacts-page .emergency-contact-quick-dial h3{color:var(--ax-sys-color-on-surface);margin-bottom:.125rem;font-size:1rem;line-height:1.5rem;font-weight:600}@media (min-width: 768px){axm-emergency-contacts-page .emergency-contact-quick-dial h3{font-size:1.125rem;line-height:1.75rem}}axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.75rem;line-height:1rem;font-weight:500}@media (min-width: 768px){axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.875rem;line-height:1.25rem}}axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{min-height:30px}axm-emergency-contacts-page .emergency-contact-detailed{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s;border:1px solid var(--ax-sys-color-outline-variant)}axm-emergency-contacts-page .emergency-contact-detailed:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px);border-color:var(--ax-sys-color-primary)}axm-emergency-contacts-page .emergency-contact-detailed h3{color:var(--ax-sys-color-on-surface);font-size:1.125rem;line-height:1.75rem;font-weight:600}@media (min-width: 768px){axm-emergency-contacts-page .emergency-contact-detailed h3{font-size:1.25rem;line-height:1.75rem}}axm-emergency-contacts-page .emergency-contact-detailed ax-icon{flex-shrink:0}@media (min-width: 640px){axm-emergency-contacts-page .emergency-contact-detailed .ax-grid-cols-1.sm\\\\:ax-grid-cols-2>div{min-width:0px}}@media (min-width: 1024px){axm-emergency-contacts-page .emergency-contact-detailed .ax-flex.ax-flex-col.ax-gap-3{position:-webkit-sticky;position:sticky;top:1rem}}axm-emergency-contacts-page ax-loading{margin-left:auto;margin-right:auto}axm-emergency-contacts-page .ax-text-center.ax-py-12 ax-icon{margin-left:auto;margin-right:auto;display:block}axm-emergency-contacts-page ax-badge[data-color=danger]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page ax-badge[data-color=warning]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-warning-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-warning-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-warning-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page ax-badge[data-color=primary]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page ax-badge[data-color=secondary]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-secondary-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-secondary-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-secondary-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page .ax-bg-warning-50 ax-icon{flex-shrink:0}axm-emergency-contacts-page .ax-font-mono{letter-spacing:.025em}@media (min-width: 640px){axm-emergency-contacts-page axp-layout-content .ax-gap-4{gap:1.5rem}}axm-emergency-contacts-page ax-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}axm-emergency-contacts-page ax-button:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}axm-emergency-contacts-page ax-button:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}axm-emergency-contacts-page ax-button[data-color=danger]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-emergency-contacts-page ax-button[data-color=danger]:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-emergency-contacts-page ax-icon.ax-w-4{height:1rem}axm-emergency-contacts-page ax-icon.ax-text-6xl{height:6rem;width:6rem}@media (max-width: 640px){axm-emergency-contacts-page .ax-grid-cols-1 .ax-gap-3{gap:.5rem}axm-emergency-contacts-page .emergency-contact-quick-dial .contact-info-text{font-size:.75rem;line-height:1rem}}@media print{axm-emergency-contacts-page .emergency-contact-quick-dial,axm-emergency-contacts-page .emergency-contact-detailed{break-inside:avoid;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-emergency-contacts-page ax-button{display:none}axm-emergency-contacts-page .ax-bg-warning-50{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}}@media (prefers-contrast: high){axm-emergency-contacts-page .emergency-contact-quick-dial,axm-emergency-contacts-page .emergency-contact-detailed{border-width:2px}axm-emergency-contacts-page ax-badge{border-width:2px}}@media (prefers-reduced-motion: reduce){axm-emergency-contacts-page *{transition-property:none}axm-emergency-contacts-page ax-button:hover,axm-emergency-contacts-page .emergency-contact-quick-dial:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i3.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i4.AXTranslatorDirective, selector: "[translate]" }, { kind: "ngmodule", type: AXFormatModule }, { kind: "component", type: AXPPageLayoutComponent, selector: "axp-page-layout" }, { kind: "component", type: AXPThemeLayoutBlockComponent, selector: "    axp-page-content,     axp-page-footer-container,    axp-page-footer,    axp-page-header,    axp-page-header-container,    axp-page-toolbar,    axp-layout-content,     axp-layout-page-content,     axp-layout-sections,    axp-layout-body,    axp-layout-page-body,    axp-layout-prefix,    axp-layout-suffix,    axp-layout-title-bar,    axp-layout-title,     axp-layout-title-actions,     axp-layout-nav-button,     axp-layout-description,     axp-layout-breadcrumbs,    axp-layout-list-action,    " }, { kind: "pipe", type: i5.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AXMEmergencyContactsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-emergency-contacts-page', imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXBadgeModule,
+                        AXTranslationModule,
+                        AXFormatModule,
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutBlockComponent,
+                    ], host: {
+                        '(window:resize)': 'onResize()'
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMEmergencyContactsPageComponent,
+                        },
+                    ], template: "<axp-page-layout *translate=\"let t\">\n  <axp-page-content>\n    <!-- Loading State -->\n    @if (loading()) {\n      <div class=\"ax-flex ax-items-center ax-justify-center ax-py-8\">\n        <ax-loading>Loading emergency contacts...</ax-loading>\n      </div>\n    } @else {\n      <div class=\"ax-space-y-6 ax-p-4\">\n        <!-- Quick Dial Section -->\n        @if (quickDialContacts().length > 0) {\n          <div class=\"ax-mb-8\">\n            <h2 class=\"ax-text-2xl ax-font-semibold ax-mb-4 ax-flex ax-items-center ax-gap-2\">\n              <ax-icon icon=\"fa-light fa-phone-rotary\" class=\"ax-text-danger\"></ax-icon>\n              Quick Dial\n            </h2>\n            <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-2 lg:ax-grid-cols-3 xl:ax-grid-cols-4 ax-gap-4\">\n              @for (contact of quickDialContacts(); track contact.id) {\n                <div\n                  class=\"emergency-contact-quick-dial ax-p-4 ax-rounded-lg ax-border ax-bg-light\"\n                  [style.--priority-color]=\"'var(--ax-sys-color-' + getPriorityColor(contact.priority) + ')' + ''\"\n                >\n                  <!-- Compact Header with Primary Action -->\n                  <div class=\"ax-flex ax-items-start ax-justify-between ax-gap-3\">\n                    <div class=\"ax-flex-1 ax-min-w-0\">\n                      <h3 class=\"ax-text-lg ax-font-semibold ax-truncate ax-text-default\">\n                        {{ contact.name }}\n                      </h3>\n                      @if (contact.shortName) {\n                        <p class=\"ax-text-sm ax-text-muted ax-truncate\">{{ contact.shortName }}</p>\n                      }\n                    </div>\n                    <div class=\"ax-flex ax-items-center ax-gap-2\">\n                      <ax-button\n                        [color]=\"getPrimaryActionColor(contact)\"\n                        [size]=\"'small'\"\n                        [look]=\"'filled'\"\n                        [text]=\"getPrimaryActionLabel(contact)\"\n                        (onClick)=\"performPrimaryAction(contact)\"\n                      >\n                        <ax-icon\n                          [icon]=\"getPrimaryAction(contact) === 'text' ? 'fa-light fa-message' : 'fa-light fa-phone'\"\n                        ></ax-icon>\n                      </ax-button>\n                      <ax-button\n                        [color]=\"'secondary'\"\n                        [look]=\"'ghost'\"\n                        [size]=\"'small'\"\n                        (onClick)=\"toggleExpanded(contact.id)\"\n                      >\n                        <ax-icon\n                          [icon]=\"isExpanded(contact.id) ? 'fa-light fa-chevron-up' : 'fa-light fa-chevron-down'\"\n                        ></ax-icon>\n                      </ax-button>\n                    </div>\n                  </div>\n\n                  <!-- Collapsible Details -->\n                  @if (isExpanded(contact.id)) {\n                    <div class=\"ax-pt-3 ax-space-y-3\">\n                      <!-- Primary Phone -->\n                      <div class=\"ax-flex ax-items-center ax-gap-2\">\n                        <ax-icon icon=\"fa-light fa-phone\" class=\"ax-text-primary ax-w-4\"></ax-icon>\n                        <span class=\"contact-info-text ax-text-sm ax-font-mono ax-flex-1\">{{\n                          contact.phoneNumber\n                        }}</span>\n                        <ax-button\n                          [color]=\"'secondary'\"\n                          [size]=\"'small'\"\n                          [look]=\"'ghost'\"\n                          (onClick)=\"handleCopyNumber(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-copy\"></ax-icon>\n                        </ax-button>\n                      </div>\n\n                      <!-- Capabilities -->\n                      <div class=\"contact-info-text ax-flex ax-items-center ax-gap-2 ax-text-xs ax-text-muted\">\n                        <ax-icon icon=\"fa-light fa-info-circle\" class=\"ax-w-4\"></ax-icon>\n                        <span>{{ getCapabilitiesText(contact) }}</span>\n                      </div>\n\n                      <!-- Availability -->\n                      @if (contact.availability) {\n                        <div class=\"contact-info-text ax-flex ax-items-center ax-gap-2 ax-text-xs ax-text-muted\">\n                          <ax-icon icon=\"fa-light fa-clock\" class=\"ax-w-4\"></ax-icon>\n                          <span class=\"ax-truncate\">{{ contact.availability }}</span>\n                        </div>\n                      }\n\n                      @if (contact.requiresConfirmation) {\n                        <div class=\"ax-p-2 ax-rounded ax-bg-warning-50 ax-border ax-border-warning-200\">\n                          <p class=\"ax-text-xs ax-text-warning-800 ax-flex ax-items-center ax-gap-1\">\n                            <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n                            This contact requires confirmation before calling\n                          </p>\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Dashboard Contacts Section -->\n        @if (dashboardContacts().length > 0) {\n          <div class=\"ax-mb-8\">\n            <h2 class=\"ax-text-2xl ax-font-semibold ax-mb-4 ax-flex ax-items-center ax-gap-2\">\n              <ax-icon icon=\"fa-light fa-tachometer-alt\" class=\"ax-text-primary\"></ax-icon>\n              All Emergency Contacts\n            </h2>\n            <div>\n              <div class=\"ax-space-y-4\">\n                @for (contact of dashboardContacts(); track contact.id) {\n                  <div class=\"emergency-contact-detailed ax-p-4 ax-rounded-lg ax-border ax-bg-light\">\n                    <!-- Compact header -->\n                    <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3 ax-gap-3\">\n                      <div class=\"ax-flex-1 ax-min-w-0\">\n                        <h3 class=\"ax-text-xl ax-font-semibold ax-text-default\">{{ contact.name }}</h3>\n                        @if (contact.shortName) {\n                          <p class=\"ax-text-muted\">{{ contact.shortName }}</p>\n                        }\n                      </div>\n                      <div class=\"ax-flex ax-items-center ax-gap-2\">\n                        <ax-button\n                          [color]=\"getPrimaryActionColor(contact)\"\n                          [look]=\"'filled'\"\n                          [size]=\"'small'\"\n                          [text]=\"getPrimaryActionLabel(contact)\"\n                          (onClick)=\"performPrimaryAction(contact)\"\n                        >\n                          <ax-icon\n                            [icon]=\"getPrimaryAction(contact) === 'text' ? 'fa-light fa-message' : 'fa-light fa-phone'\"\n                          ></ax-icon>\n                        </ax-button>\n                        <ax-button\n                          [color]=\"'secondary'\"\n                          [look]=\"'ghost'\"\n                          [size]=\"'small'\"\n                          (onClick)=\"toggleExpanded(contact.id)\"\n                        >\n                          <ax-icon\n                            [icon]=\"isExpanded(contact.id) ? 'fa-light fa-chevron-up' : 'fa-light fa-chevron-down'\"\n                          ></ax-icon>\n                        </ax-button>\n                      </div>\n                    </div>\n\n                    <!-- Collapsible Details -->\n                    @if (isExpanded(contact.id)) {\n                      <div class=\"ax-grid ax-grid-cols-1 lg:ax-grid-cols-3 ax-gap-4 ax-items-start\">\n                        <!-- Contact Info -->\n                        <div class=\"lg:ax-col-span-2\">\n                          @if (contact.description) {\n                            <p class=\"ax-text-muted ax-mb-4\">{{ contact.description }}</p>\n                          }\n\n                          <!-- Contact Methods Grid -->\n                          <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-2 ax-gap-3 ax-mb-4\">\n                            <!-- Phone -->\n                            <div class=\"ax-flex ax-items-center ax-gap-2\">\n                              <ax-icon icon=\"fa-light fa-phone\" class=\"ax-text-primary\"></ax-icon>\n                              <span class=\"ax-font-mono\">{{ contact.phoneNumber }}</span>\n                            </div>\n\n                            <!-- Text Number -->\n                            @if (contact.textNumber) {\n                              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-message\" class=\"ax-text-secondary\"></ax-icon>\n                                <span class=\"ax-font-mono\">{{ contact.textNumber }}</span>\n                              </div>\n                            }\n\n                            <!-- Email -->\n                            @if (contact.email) {\n                              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-envelope\" class=\"ax-text-info\"></ax-icon>\n                                <span>{{ contact.email }}</span>\n                              </div>\n                            }\n\n                            <!-- Website -->\n                            @if (contact.website) {\n                              <div class=\"ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-globe\" class=\"ax-text-accent\"></ax-icon>\n                                <a [href]=\"contact.website\" target=\"_blank\" class=\"ax-text-accent ax-hover:underline\">\n                                  Website\n                                </a>\n                              </div>\n                            }\n                          </div>\n\n                          <!-- Coverage & Capabilities -->\n                          <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-3 ax-gap-3 ax-text-sm\">\n                            <div>\n                              <strong class=\"ax-text-muted\">Coverage:</strong>\n                              <p>{{ getCoverageText(contact) }}</p>\n                            </div>\n                            <div>\n                              <strong class=\"ax-text-muted\">Capabilities:</strong>\n                              <p>{{ getCapabilitiesText(contact) }}</p>\n                            </div>\n                            @if (contact.availability) {\n                              <div>\n                                <strong class=\"ax-text-muted\">Availability:</strong>\n                                <p>{{ contact.availability }}</p>\n                              </div>\n                            }\n                          </div>\n                        </div>\n\n                        <!-- Secondary actions and meta -->\n                        <div class=\"ax-flex ax-flex-col ax-gap-3\">\n                          <!-- Secondary Actions -->\n                          <div class=\"ax-flex ax-gap-2\">\n                            @if (contact.website) {\n                              <ax-button\n                                [color]=\"'secondary'\"\n                                [look]=\"'ghost'\"\n                                [size]=\"'small'\"\n                                class=\"ax-flex-1\"\n                                (onClick)=\"handleVisitWebsite(contact)\"\n                              >\n                                <ax-icon icon=\"fa-light fa-external-link\"></ax-icon>\n                              </ax-button>\n                            }\n\n                            <ax-button\n                              [color]=\"'secondary'\"\n                              [look]=\"'ghost'\"\n                              [size]=\"'small'\"\n                              class=\"ax-flex-1\"\n                              (onClick)=\"handleCopyNumber(contact)\"\n                            >\n                              <ax-icon icon=\"fa-light fa-copy\"></ax-icon>\n                            </ax-button>\n                          </div>\n\n                          <!-- Warnings -->\n                          @if (contact.requiresConfirmation) {\n                            <div class=\"ax-p-3 ax-rounded ax-bg-warning-50 ax-border ax-border-warning-200\">\n                              <p class=\"ax-text-xs ax-text-warning-800 ax-flex ax-items-center ax-gap-2\">\n                                <ax-icon icon=\"fa-light fa-triangle-exclamation\"></ax-icon>\n                                This contact requires confirmation before calling\n                              </p>\n                            </div>\n                          }\n\n                          @if (contact.lastVerified) {\n                            <div class=\"ax-text-xs ax-text-muted\">\n                              <strong>Last Verified:</strong>\n                              <p>{{ contact.lastVerified | date }}</p>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        }\n\n        <!-- Fallback: Show all contacts if no filtered contacts are available -->\n        @if (quickDialContacts().length === 0 && dashboardContacts().length === 0 && displayContacts().length > 0) {\n          <div class=\"ax-mb-8\">\n            <h2 class=\"ax-text-2xl ax-font-semibold ax-mb-4 ax-flex ax-items-center ax-gap-2\">\n              <ax-icon icon=\"fa-light fa-list\" class=\"ax-text-info\"></ax-icon>\n              All Emergency Contacts\n            </h2>\n            <div class=\"ax-space-y-4\">\n              @for (contact of displayContacts(); track contact.id) {\n                <div class=\"emergency-contact-detailed ax-p-4 ax-rounded-lg ax-border ax-bg-light\">\n                  <!-- Compact header -->\n                  <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3 ax-gap-3\">\n                    <div class=\"ax-flex-1 ax-min-w-0\">\n                      <h3 class=\"ax-text-xl ax-font-semibold ax-text-default\">{{ contact.name }}</h3>\n                      @if (contact.shortName) {\n                        <p class=\"ax-text-muted\">{{ contact.shortName }}</p>\n                      }\n                    </div>\n                    <div class=\"ax-flex ax-items-center ax-gap-2\">\n                      <ax-button\n                        [color]=\"getPrimaryActionColor(contact)\"\n                        [look]=\"'filled'\"\n                        [size]=\"'small'\"\n                        (onClick)=\"performPrimaryAction(contact)\"\n                      >\n                        <ax-icon\n                          [icon]=\"getPrimaryAction(contact) === 'text' ? 'fa-light fa-message' : 'fa-light fa-phone'\"\n                        ></ax-icon>\n                        {{ getPrimaryActionLabel(contact) }}\n                      </ax-button>\n                      <ax-button\n                        [color]=\"'secondary'\"\n                        [look]=\"'ghost'\"\n                        [size]=\"'small'\"\n                        (onClick)=\"toggleExpanded(contact.id)\"\n                      >\n                        <ax-icon\n                          [icon]=\"isExpanded(contact.id) ? 'fa-light fa-chevron-up' : 'fa-light fa-chevron-down'\"\n                        ></ax-icon>\n                      </ax-button>\n                    </div>\n                  </div>\n\n                  <!-- Collapsible details -->\n                  @if (isExpanded(contact.id)) {\n                    <div class=\"ax-grid ax-grid-cols-1 lg:ax-grid-cols-3 ax-gap-4 ax-items-start\">\n                      <!-- Contact Info -->\n                      <div class=\"lg:ax-col-span-2\">\n                        @if (contact.description) {\n                          <p class=\"ax-text-muted ax-mb-4\">{{ contact.description }}</p>\n                        }\n\n                        <!-- Contact Methods Grid -->\n                        <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-2 ax-gap-3 ax-mb-4\">\n                          <!-- Phone -->\n                          <div class=\"ax-flex ax-items-center ax-gap-2\">\n                            <ax-icon icon=\"fa-light fa-phone\" class=\"ax-text-primary\"></ax-icon>\n                            <span class=\"ax-font-mono\">{{ contact.phoneNumber }}</span>\n                          </div>\n\n                          <!-- Email -->\n                          @if (contact.email) {\n                            <div class=\"ax-flex ax-items-center ax-gap-2\">\n                              <ax-icon icon=\"fa-light fa-envelope\" class=\"ax-text-info\"></ax-icon>\n                              <span>{{ contact.email }}</span>\n                            </div>\n                          }\n\n                          <!-- Website -->\n                          @if (contact.website) {\n                            <div class=\"ax-flex ax-items-center ax-gap-2\">\n                              <ax-icon icon=\"fa-light fa-globe\" class=\"ax-text-accent\"></ax-icon>\n                              <a [href]=\"contact.website\" target=\"_blank\" class=\"ax-text-accent ax-hover:underline\">\n                                Website\n                              </a>\n                            </div>\n                          }\n                        </div>\n\n                        <!-- Status Info -->\n                        <div class=\"ax-grid ax-grid-cols-1 sm:ax-grid-cols-3 ax-gap-3 ax-text-sm\">\n                          <div>\n                            <strong class=\"ax-text-muted\">Coverage:</strong>\n                            <p>{{ getCoverageText(contact) }}</p>\n                          </div>\n                          <div>\n                            <strong class=\"ax-text-muted\">Capabilities:</strong>\n                            <p>{{ getCapabilitiesText(contact) }}</p>\n                          </div>\n                          <div>\n                            <strong class=\"ax-text-muted\">Status:</strong>\n                            <p class=\"ax-flex ax-items-center ax-gap-1\">\n                              <span [class]=\"contact.isActive ? 'ax-text-success' : 'ax-text-danger'\">\n                                {{ contact.isActive ? 'Active' : 'Inactive' }}\n                              </span>\n                              @if (contact.isVerified) {\n                                <ax-icon icon=\"fa-light fa-check-circle\" class=\"ax-text-success\"></ax-icon>\n                              }\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n\n                      <!-- Secondary Actions -->\n                      <div class=\"ax-flex ax-gap-2\">\n                        @if (contact.website) {\n                          <ax-button\n                            [color]=\"'secondary'\"\n                            [look]=\"'ghost'\"\n                            [size]=\"'small'\"\n                            class=\"ax-flex-1\"\n                            (onClick)=\"handleVisitWebsite(contact)\"\n                          >\n                            <ax-icon icon=\"fa-light fa-external-link\"></ax-icon>\n                          </ax-button>\n                        }\n\n                        <ax-button\n                          [color]=\"'secondary'\"\n                          [look]=\"'ghost'\"\n                          [size]=\"'small'\"\n                          class=\"ax-flex-1\"\n                          (onClick)=\"handleCopyNumber(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-copy\"></ax-icon>\n                        </ax-button>\n                      </div>\n                    </div>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- No Contacts State -->\n        @if (allContacts().length === 0 && !loading()) {\n          <div class=\"ax-text-center ax-py-12\">\n            <ax-icon icon=\"fa-light fa-phone-slash\" class=\"ax-text-6xl ax-text-muted ax-mb-4\"></ax-icon>\n            <h3 class=\"ax-text-xl ax-font-medium ax-text-muted ax-mb-2\">No emergency contacts available</h3>\n          </div>\n        }\n      </div>\n    }\n  </axp-page-content>\n</axp-page-layout>\n", styles: ["axm-emergency-contacts-page{display:block;width:100%;height:100%}axm-emergency-contacts-page .ax-space-y-6.ax-p-4{max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}@media (min-width: 768px){axm-emergency-contacts-page .ax-space-y-6.ax-p-4{padding-left:1.5rem;padding-right:1.5rem}}axm-emergency-contacts-page h2{margin-bottom:1.25rem;color:var(--ax-sys-color-primary);border-bottom:1px solid var(--ax-sys-color-border);padding-bottom:.5rem}axm-emergency-contacts-page h2 ax-icon{margin-right:.5rem}@media (min-width: 768px){axm-emergency-contacts-page h2 ax-icon{margin-right:.75rem}}axm-emergency-contacts-page .emergency-contact-quick-dial{position:relative;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s;border:1px solid var(--ax-sys-color-outline-variant);min-height:140px}axm-emergency-contacts-page .emergency-contact-quick-dial:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-2px);border-color:var(--priority-color, var(--ax-sys-color-primary))}axm-emergency-contacts-page .emergency-contact-quick-dial h3{color:var(--ax-sys-color-on-surface);margin-bottom:.125rem;font-size:1rem;line-height:1.5rem;font-weight:600}@media (min-width: 768px){axm-emergency-contacts-page .emergency-contact-quick-dial h3{font-size:1.125rem;line-height:1.75rem}}axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.75rem;line-height:1rem;font-weight:500}@media (min-width: 768px){axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.875rem;line-height:1.25rem}}axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{min-height:30px}axm-emergency-contacts-page .emergency-contact-detailed{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background-color:rgb(var(--ax-sys-color-lightest-surface));color:rgb(var(--ax-sys-color-on-lightest-surface));border-color:rgb(var(--ax-sys-color-border-lightest-surface));animation-duration:.2s;border:1px solid var(--ax-sys-color-outline-variant)}axm-emergency-contacts-page .emergency-contact-detailed:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px);border-color:var(--ax-sys-color-primary)}axm-emergency-contacts-page .emergency-contact-detailed h3{color:var(--ax-sys-color-on-surface);font-size:1.125rem;line-height:1.75rem;font-weight:600}@media (min-width: 768px){axm-emergency-contacts-page .emergency-contact-detailed h3{font-size:1.25rem;line-height:1.75rem}}axm-emergency-contacts-page .emergency-contact-detailed ax-icon{flex-shrink:0}@media (min-width: 640px){axm-emergency-contacts-page .emergency-contact-detailed .ax-grid-cols-1.sm\\\\:ax-grid-cols-2>div{min-width:0px}}@media (min-width: 1024px){axm-emergency-contacts-page .emergency-contact-detailed .ax-flex.ax-flex-col.ax-gap-3{position:-webkit-sticky;position:sticky;top:1rem}}axm-emergency-contacts-page ax-loading{margin-left:auto;margin-right:auto}axm-emergency-contacts-page .ax-text-center.ax-py-12 ax-icon{margin-left:auto;margin-right:auto;display:block}axm-emergency-contacts-page ax-badge[data-color=danger]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-danger-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-danger-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-danger-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page ax-badge[data-color=warning]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-warning-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-warning-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-warning-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page ax-badge[data-color=primary]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-primary-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page ax-badge[data-color=secondary]{--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-secondary-200),var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgba(var(--ax-sys-color-secondary-100),var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-secondary-800),var(--tw-text-opacity, 1))}axm-emergency-contacts-page .ax-bg-warning-50 ax-icon{flex-shrink:0}axm-emergency-contacts-page .ax-font-mono{letter-spacing:.025em}@media (min-width: 640px){axm-emergency-contacts-page axp-layout-content .ax-gap-4{gap:1.5rem}}axm-emergency-contacts-page ax-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}axm-emergency-contacts-page ax-button:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}axm-emergency-contacts-page ax-button:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}axm-emergency-contacts-page ax-button[data-color=danger]{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-emergency-contacts-page ax-button[data-color=danger]:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-emergency-contacts-page ax-icon.ax-w-4{height:1rem}axm-emergency-contacts-page ax-icon.ax-text-6xl{height:6rem;width:6rem}@media (max-width: 640px){axm-emergency-contacts-page .ax-grid-cols-1 .ax-gap-3{gap:.5rem}axm-emergency-contacts-page .emergency-contact-quick-dial .contact-info-text{font-size:.75rem;line-height:1rem}}@media print{axm-emergency-contacts-page .emergency-contact-quick-dial,axm-emergency-contacts-page .emergency-contact-detailed{break-inside:avoid;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}axm-emergency-contacts-page ax-button{display:none}axm-emergency-contacts-page .ax-bg-warning-50{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}}@media (prefers-contrast: high){axm-emergency-contacts-page .emergency-contact-quick-dial,axm-emergency-contacts-page .emergency-contact-detailed{border-width:2px}axm-emergency-contacts-page ax-badge{border-width:2px}}@media (prefers-reduced-motion: reduce){axm-emergency-contacts-page *{transition-property:none}axm-emergency-contacts-page ax-button:hover,axm-emergency-contacts-page .emergency-contact-quick-dial:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}\n"] }]
+        }] });
+
+var emergencyContactsPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMEmergencyContactsPageComponent: AXMEmergencyContactsPageComponent
+});
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXMContactMethodService as A, RootConfig as R, AXMEmergencyContactCategoryService as a, AXMEmergencyContactService as b, AXMContactManagementModule as c, AXMContactManagementEntityProvider as d, AXMContactManagementMenuProvider as e, AXMContactManagementSearchCommandProvider as f, AXMPermissionDefinitionProvider as g, contactMethodTypeFactory as h, AXMContactMethodTypeService as i, AXMContactMethodTypeServiceImpl as j, AXMContactMethodServiceImpl as k, AXMEmergencyContactServiceImpl as l, AXMEmergencyContactsPageComponent as m };
+//# sourceMappingURL=acorex-modules-contact-management-acorex-modules-contact-management-_Bxallkg.mjs.map