@acorex/modules 20.2.0-next.2 → 20.2.0-next.3

package/fesm2022/{acorex-modules-contact-management-acorex-modules-contact-management-CM72FkGM.mjs → acorex-modules-contact-management-acorex-modules-contact-management-Co0tt3cj.mjs}

@@ -1,12 +1,28 @@
 import * as i0 from '@angular/core';
-import { inject, Injector, Injectable, NgModule } from '@angular/core';
+import { inject, Injector, Injectable, NgModule, signal, computed, HostListener, Component } from '@angular/core';
+import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex/platform/auth';
+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, entityDetailsCreateActions, entityDetailsSimpleCondition, AXP_ENTITY_DEFINITION_LOADER } from '@acorex/platform/layout/entity';
 import { AXPWidgetsCatalog } from '@acorex/platform/layout/builder';
-import { AXTranslationService } from '@acorex/core/translation';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import { AXPRootLayoutComponent } from '@acorex/platform/themes/default';
+import * as i6 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
 import { AXPSystemActionType } from '@acorex/platform/core';
+import * as i5 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i4 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',
@@ -101,35 +117,36 @@ class AXMContactManagementEntityProvider {
                 case RootConfig.entities.contactType.name:
                     return (await Promise.resolve().then(function () { return contactType_entity; })).contactTypeFactory(this.injector);
                 case RootConfig.entities.contactSource.name:
-                    return (await import('./acorex-modules-contact-management-contact-source.entity-BwYBaS8B.mjs')).contactSourceFactory(this.injector);
+                    return (await import('./acorex-modules-contact-management-contact-source.entity-BsF9p0GK.mjs')).contactSourceFactory(this.injector);
                 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-Cpdd-Xwb.mjs')).contactMethodFactory(this.injector);
+                    return (await import('./acorex-modules-contact-management-contact-method.entity-Ci93_mb9.mjs')).contactMethodFactory(this.injector);
                 case RootConfig.entities.addressType.name:
-                    return (await import('./acorex-modules-contact-management-address-type.entity-CW0fx3v8.mjs')).addressTypeFactory(this.injector);
+                    return (await import('./acorex-modules-contact-management-address-type.entity-DQZwgXki.mjs')).addressTypeFactory(this.injector);
                 case RootConfig.entities.contactAddress.name:
-                    return (await import('./acorex-modules-contact-management-contact-address.entity-D5OGWsSx.mjs')).contactAddressFactory(this.injector);
+                    return (await import('./acorex-modules-contact-management-contact-address.entity-CFfRywsB.mjs')).contactAddressFactory(this.injector);
                 case RootConfig.entities.contactRelationship.name:
-                    return (await import('./acorex-modules-contact-management-contact-relationship.entity-B_gQ7mEo.mjs')).contactRelationshipFactory(this.injector);
+                    return (await import('./acorex-modules-contact-management-contact-relationship.entity-CqdXpqLN.mjs')).contactRelationshipFactory(this.injector);
                 case RootConfig.entities.emergencyContactCategory.name:
-                    return (await import('./acorex-modules-contact-management-emergency-contact-category.entity-CDbm4Rq3.mjs')).emergencyContactCategoryFactory(this.injector);
+                    return (await import('./acorex-modules-contact-management-emergency-contact-category.entity-DjOm8qQb.mjs')).emergencyContactCategoryFactory(this.injector);
                 case RootConfig.entities.emergencyContact.name:
-                    return (await import('./acorex-modules-contact-management-emergency-contact.entity-BpNDJPVs.mjs')).emergencyContactFactory(this.injector);
+                    return (await import('./acorex-modules-contact-management-emergency-contact.entity-BQyjzPR8.mjs')).emergencyContactFactory(this.injector);
             }
         }
         return null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactManagementEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactManagementEntityProvider }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactManagementEntityProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactManagementEntityProvider }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactManagementEntityProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", 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;
@@ -191,6 +208,12 @@ class AXMContactManagementMenuProvider {
                         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,
+                    },
                 ],
             },
         ]);
@@ -212,10 +235,10 @@ class AXMContactServiceImpl extends AXMContactService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.contact.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -248,9 +271,9 @@ async function contactFactory(injector) {
                 ],
             },
             {
-                entity: `${RootConfig.module.name}.${RootConfig.entities.contactAddress.name}`,
-                title: RootConfig.entities.contactAddress.title,
-                columns: ['addressTypeId', 'street1', 'city', 'isPrimary'],
+                entity: `LocationManagement.Location`,
+                title: 'Addresses',
+                columns: ['locationType.title', 'street1', 'city', 'isPrimary'],
                 conditions: [
                     entityDetailsSimpleCondition('contactId')
                 ],
@@ -469,6 +492,7 @@ async function contactFactory(injector) {
                     interface: {
                         type: AXPWidgetsCatalog.lookup,
                         options: {
+                            look: 'select',
                             entity: `${RootConfig.module.name}.${RootConfig.entities.contactType.name}`,
                             expose: [
                                 { source: 'id', target: 'contactType.id' },
@@ -505,6 +529,7 @@ async function contactFactory(injector) {
                     interface: {
                         type: AXPWidgetsCatalog.lookup,
                         options: {
+                            look: 'select',
                             entity: `${RootConfig.module.name}.${RootConfig.entities.contactSource.name}`,
                             expose: [
                                 { source: 'id', target: 'contactSource.id' },
@@ -1236,10 +1261,10 @@ class AXMContactTypeServiceImpl extends AXMContactTypeService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.contactType.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactTypeServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactTypeServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactTypeServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactTypeServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1783,10 +1808,10 @@ class AXMContactSourceServiceImpl extends AXMContactSourceService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.contactSource.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactSourceServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactSourceServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactSourceServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactSourceServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactSourceServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactSourceServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1798,10 +1823,10 @@ 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.3", ngImport: i0, type: AXMContactMethodTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactMethodTypeServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactMethodTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactMethodTypeServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactMethodTypeServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactMethodTypeServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2031,10 +2056,10 @@ 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.3", ngImport: i0, type: AXMContactMethodServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactMethodServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactMethodServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactMethodServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactMethodServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactMethodServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2046,10 +2071,10 @@ class AXMAddressTypeServiceImpl extends AXMAddressTypeService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.addressType.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMAddressTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMAddressTypeServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMAddressTypeServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMAddressTypeServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMAddressTypeServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMAddressTypeServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2061,10 +2086,10 @@ class AXMContactAddressServiceImpl extends AXMContactAddressService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.contactAddress.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactAddressServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactAddressServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactAddressServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactAddressServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactAddressServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactAddressServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2076,10 +2101,10 @@ class AXMContactRelationshipServiceImpl extends AXMContactRelationshipService {
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.contactRelationship.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactRelationshipServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactRelationshipServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactRelationshipServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactRelationshipServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactRelationshipServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactRelationshipServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2091,10 +2116,10 @@ class AXMEmergencyContactCategoryServiceImpl extends AXMEmergencyContactCategory
     constructor() {
         super(`${RootConfig.module.name}.${RootConfig.entities.emergencyContactCategory.name}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMEmergencyContactCategoryServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -2104,17 +2129,17 @@ 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.3", ngImport: i0, type: AXMEmergencyContactServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEmergencyContactServiceImpl }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMEmergencyContactServiceImpl, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMEmergencyContactServiceImpl }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMEmergencyContactServiceImpl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMEmergencyContactServiceImpl, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
 class AXMContactManagementModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.3", ngImport: i0, type: AXMContactManagementModule, imports: [CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXMContactManagementModule, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: AXMContactManagementModule, imports: [CommonModule, i1.RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactManagementModule, providers: [
             // Entity Provider
             {
                 provide: AXP_ENTITY_DEFINITION_LOADER,
@@ -2184,12 +2209,36 @@ class AXMContactManagementModule {
                 provide: AXMEmergencyContactService,
                 useClass: AXMEmergencyContactServiceImpl,
             },
-        ], imports: [CommonModule] }); }
+        ], 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.3", ngImport: i0, type: AXMContactManagementModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMContactManagementModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
+                    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
                         {
@@ -2365,9 +2414,187 @@ var permissionDefinition_provider = /*#__PURE__*/Object.freeze({
     AXMPermissionDefinitionProvider: AXMPermissionDefinitionProvider
 });
 
+class AXMEmergencyContactsPageComponent extends AXPPageLayoutBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.emergencyContactService = inject(AXMEmergencyContactService);
+        this.allContacts = signal([], ...(ngDevMode ? [{ debugName: "allContacts" }] : []));
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+        this.isLargeScreen = signal(true, ...(ngDevMode ? [{ debugName: "isLargeScreen" }] : []));
+        // Computed properties for organizing contacts
+        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" }] : []));
+    }
+    onResize() {
+        this.checkScreenSize();
+    }
+    checkScreenSize() {
+        this.isLargeScreen.set(window.innerWidth >= 768);
+    }
+    async ngOnInit() {
+        super.ngOnInit();
+        this.checkScreenSize();
+        await this.loadEmergencyContacts();
+    }
+    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);
+        }
+    }
+    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();
+    }
+    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';
+    }
+    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.4", ngImport: i0, type: AXMEmergencyContactsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", 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                  [ngStyle]=\"{ '--priority-color': 'var(--ax-sys-color-' + getPriorityColor(contact.priority) + ')' }\"\n                >\n                  <!-- Quick Dial Card Header -->\n                  <div class=\"ax-pb-2\">\n                    <div class=\"ax-flex ax-items-start ax-justify-between\">\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                      <ax-badge [color]=\"getPriorityColor(contact.priority)\">\n                        {{ contact.priority }}\n                      </ax-badge>\n                    </div>\n                  </div>\n\n                  <!-- Contact Actions -->\n                  <div class=\"ax-py-2\">\n                    <div class=\"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                      </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                    </div>\n                  </div>\n\n                  <!-- Action Buttons -->\n                  <div class=\"ax-pt-2\">\n                    <div class=\"ax-flex ax-gap-2\">\n                      <ax-button\n                        [color]=\"'danger'\"\n                        [size]=\"'small'\"\n                        [look]=\"'filled'\"\n                        [class]=\"'ax-flex-1'\"\n                        (onClick)=\"handleCallContact(contact)\"\n                      >\n                        <ax-icon icon=\"fa-light fa-phone\"></ax-icon>\n                        Call Now\n                      </ax-button>\n\n                      @if (contact.isTextCapable) {\n                        <ax-button\n                          [color]=\"'primary'\"\n                          [size]=\"'small'\"\n                          [look]=\"'ghost'\"\n                          (onClick)=\"handleTextContact(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-message\"></ax-icon>\n                        </ax-button>\n                      }\n\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                    @if (contact.requiresConfirmation) {\n                      <div class=\"ax-mt-2 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                </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                    <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                        <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3\">\n                          <div>\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                          <ax-badge [color]=\"getPriorityColor(contact.priority)\">\n                            Priority: {{ contact.priority }}\n                          </ax-badge>\n                        </div>\n\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                      <!-- Action Panel -->\n                      <div class=\"ax-flex ax-flex-col ax-gap-3\">\n                        <!-- Primary Actions -->\n                        <div class=\"ax-space-y-2\">\n                          <ax-button\n                            [color]=\"'danger'\"\n                            [look]=\"'filled'\"\n                            [size]=\"'medium'\"\n                            class=\"ax-w-full\"\n                            (onClick)=\"handleCallContact(contact)\"\n                          >\n                            <ax-icon icon=\"fa-light fa-phone\"></ax-icon>\n                            Call Now\n                          </ax-button>\n\n                          @if (contact.isTextCapable) {\n                            <ax-button\n                              [color]=\"'primary'\"\n                              [look]=\"'outlined'\"\n                              [size]=\"'medium'\"\n                              class=\"ax-w-full\"\n                              (onClick)=\"handleTextContact(contact)\"\n                            >\n                              <ax-icon icon=\"fa-light fa-message\"></ax-icon>\n                              Send Text\n                            </ax-button>\n                          }\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\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                  </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                  <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                      <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3\">\n                        <div>\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                        <ax-badge [color]=\"getPriorityColor(contact.priority)\">\n                          Priority: {{ contact.priority }}\n                        </ax-badge>\n                      </div>\n\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                    <!-- Action Panel -->\n                    <div class=\"ax-flex ax-flex-col ax-gap-3\">\n                      <!-- Primary Actions -->\n                      <div class=\"ax-space-y-2\">\n                        <ax-button\n                          [color]=\"'danger'\"\n                          [look]=\"'filled'\"\n                          [size]=\"'medium'\"\n                          class=\"ax-w-full\"\n                          (onClick)=\"handleCallContact(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-phone\"></ax-icon>\n                          Call Now\n                        </ax-button>\n\n                        @if (contact.isTextCapable) {\n                          <ax-button\n                            [color]=\"'primary'\"\n                            [look]=\"'outlined'\"\n                            [size]=\"'medium'\"\n                            class=\"ax-w-full\"\n                            (onClick)=\"handleTextContact(contact)\"\n                          >\n                            <ax-icon icon=\"fa-light fa-message\"></ax-icon>\n                            Send Text\n                          </ax-button>\n                        }\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                  </div>\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:1400px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}axm-emergency-contacts-page h2{margin-bottom:1.5rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1));border-bottom:2px solid var(--ax-sys-color-border);padding-bottom:.75rem}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:.3s;animation-duration:.3s;background:linear-gradient(135deg,var(--ax-sys-color-surface) 0%,var(--ax-sys-color-surface-variant) 100%);border:1px solid var(--ax-sys-color-outline-variant);min-height:200px}axm-emergency-contacts-page .emergency-contact-quick-dial: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);transform:translateY(-3px) scale(1.02);border-color:var(--priority-color, var(--ax-sys-color-primary));box-shadow:0 10px 30px rgba(0,0,0,.15)}axm-emergency-contacts-page .emergency-contact-quick-dial:before{content:\"\";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--priority-color, var(--ax-sys-color-primary)) 0%,color-mix(in srgb,var(--priority-color, var(--ax-sys-color-primary)) 70%,white) 100%);border-radius:var(--ax-border-radius-md) var(--ax-border-radius-md) 0 0}axm-emergency-contacts-page .emergency-contact-quick-dial h3{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;color:var(--ax-sys-color-on-surface)}axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.75rem;line-height:1rem;font-weight:500;min-height:32px}@media (min-width: 640px){axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.875rem;line-height:1.25rem;min-height:36px}}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:.3s;animation-duration:.3s;background:linear-gradient(135deg,var(--ax-sys-color-surface) 0%,var(--ax-sys-color-surface-variant) 100%);border:1px solid var(--ax-sys-color-outline-variant)}axm-emergency-contacts-page .emergency-contact-detailed:hover{--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);transform:translateY(-2px);border-color:var(--ax-sys-color-primary)}axm-emergency-contacts-page .emergency-contact-detailed h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--ax-sys-color-on-surface)}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: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.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: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i5.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "directive", type: i6.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: i1$1.DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AXMEmergencyContactsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-emergency-contacts-page', imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXLoadingModule,
+                        AXBadgeModule,
+                        AXTranslationModule,
+                        AXFormatModule,
+                        AXPPageLayoutComponent,
+                        AXPThemeLayoutBlockComponent,
+                    ], 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                  [ngStyle]=\"{ '--priority-color': 'var(--ax-sys-color-' + getPriorityColor(contact.priority) + ')' }\"\n                >\n                  <!-- Quick Dial Card Header -->\n                  <div class=\"ax-pb-2\">\n                    <div class=\"ax-flex ax-items-start ax-justify-between\">\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                      <ax-badge [color]=\"getPriorityColor(contact.priority)\">\n                        {{ contact.priority }}\n                      </ax-badge>\n                    </div>\n                  </div>\n\n                  <!-- Contact Actions -->\n                  <div class=\"ax-py-2\">\n                    <div class=\"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                      </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                    </div>\n                  </div>\n\n                  <!-- Action Buttons -->\n                  <div class=\"ax-pt-2\">\n                    <div class=\"ax-flex ax-gap-2\">\n                      <ax-button\n                        [color]=\"'danger'\"\n                        [size]=\"'small'\"\n                        [look]=\"'filled'\"\n                        [class]=\"'ax-flex-1'\"\n                        (onClick)=\"handleCallContact(contact)\"\n                      >\n                        <ax-icon icon=\"fa-light fa-phone\"></ax-icon>\n                        Call Now\n                      </ax-button>\n\n                      @if (contact.isTextCapable) {\n                        <ax-button\n                          [color]=\"'primary'\"\n                          [size]=\"'small'\"\n                          [look]=\"'ghost'\"\n                          (onClick)=\"handleTextContact(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-message\"></ax-icon>\n                        </ax-button>\n                      }\n\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                    @if (contact.requiresConfirmation) {\n                      <div class=\"ax-mt-2 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                </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                    <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                        <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3\">\n                          <div>\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                          <ax-badge [color]=\"getPriorityColor(contact.priority)\">\n                            Priority: {{ contact.priority }}\n                          </ax-badge>\n                        </div>\n\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                      <!-- Action Panel -->\n                      <div class=\"ax-flex ax-flex-col ax-gap-3\">\n                        <!-- Primary Actions -->\n                        <div class=\"ax-space-y-2\">\n                          <ax-button\n                            [color]=\"'danger'\"\n                            [look]=\"'filled'\"\n                            [size]=\"'medium'\"\n                            class=\"ax-w-full\"\n                            (onClick)=\"handleCallContact(contact)\"\n                          >\n                            <ax-icon icon=\"fa-light fa-phone\"></ax-icon>\n                            Call Now\n                          </ax-button>\n\n                          @if (contact.isTextCapable) {\n                            <ax-button\n                              [color]=\"'primary'\"\n                              [look]=\"'outlined'\"\n                              [size]=\"'medium'\"\n                              class=\"ax-w-full\"\n                              (onClick)=\"handleTextContact(contact)\"\n                            >\n                              <ax-icon icon=\"fa-light fa-message\"></ax-icon>\n                              Send Text\n                            </ax-button>\n                          }\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\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                  </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                  <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                      <div class=\"ax-flex ax-items-start ax-justify-between ax-mb-3\">\n                        <div>\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                        <ax-badge [color]=\"getPriorityColor(contact.priority)\">\n                          Priority: {{ contact.priority }}\n                        </ax-badge>\n                      </div>\n\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                    <!-- Action Panel -->\n                    <div class=\"ax-flex ax-flex-col ax-gap-3\">\n                      <!-- Primary Actions -->\n                      <div class=\"ax-space-y-2\">\n                        <ax-button\n                          [color]=\"'danger'\"\n                          [look]=\"'filled'\"\n                          [size]=\"'medium'\"\n                          class=\"ax-w-full\"\n                          (onClick)=\"handleCallContact(contact)\"\n                        >\n                          <ax-icon icon=\"fa-light fa-phone\"></ax-icon>\n                          Call Now\n                        </ax-button>\n\n                        @if (contact.isTextCapable) {\n                          <ax-button\n                            [color]=\"'primary'\"\n                            [look]=\"'outlined'\"\n                            [size]=\"'medium'\"\n                            class=\"ax-w-full\"\n                            (onClick)=\"handleTextContact(contact)\"\n                          >\n                            <ax-icon icon=\"fa-light fa-message\"></ax-icon>\n                            Send Text\n                          </ax-button>\n                        }\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                  </div>\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:1400px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}axm-emergency-contacts-page h2{margin-bottom:1.5rem;--tw-text-opacity: 1;color:rgba(var(--ax-sys-color-primary-500),var(--tw-text-opacity, 1));border-bottom:2px solid var(--ax-sys-color-border);padding-bottom:.75rem}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:.3s;animation-duration:.3s;background:linear-gradient(135deg,var(--ax-sys-color-surface) 0%,var(--ax-sys-color-surface-variant) 100%);border:1px solid var(--ax-sys-color-outline-variant);min-height:200px}axm-emergency-contacts-page .emergency-contact-quick-dial: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);transform:translateY(-3px) scale(1.02);border-color:var(--priority-color, var(--ax-sys-color-primary));box-shadow:0 10px 30px rgba(0,0,0,.15)}axm-emergency-contacts-page .emergency-contact-quick-dial:before{content:\"\";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--priority-color, var(--ax-sys-color-primary)) 0%,color-mix(in srgb,var(--priority-color, var(--ax-sys-color-primary)) 70%,white) 100%);border-radius:var(--ax-border-radius-md) var(--ax-border-radius-md) 0 0}axm-emergency-contacts-page .emergency-contact-quick-dial h3{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:700;color:var(--ax-sys-color-on-surface)}axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.75rem;line-height:1rem;font-weight:500;min-height:32px}@media (min-width: 640px){axm-emergency-contacts-page .emergency-contact-quick-dial .ax-button{font-size:.875rem;line-height:1.25rem;min-height:36px}}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:.3s;animation-duration:.3s;background:linear-gradient(135deg,var(--ax-sys-color-surface) 0%,var(--ax-sys-color-surface-variant) 100%);border:1px solid var(--ax-sys-color-outline-variant)}axm-emergency-contacts-page .emergency-contact-detailed:hover{--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);transform:translateY(-2px);border-color:var(--ax-sys-color-primary)}axm-emergency-contacts-page .emergency-contact-detailed h3{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--ax-sys-color-on-surface)}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"] }]
+        }], propDecorators: { onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+var emergencyContactsPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMEmergencyContactsPageComponent: AXMEmergencyContactsPageComponent
+});
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AXMContactSourceService as A, RootConfig as R, AXMContactMethodService as a, AXMAddressTypeService as b, AXMContactAddressService as c, AXMContactRelationshipService as d, AXMEmergencyContactCategoryService as e, AXMEmergencyContactService as f, AXMContactManagementModule as g, AXMContactManagementEntityProvider as h, AXMContactManagementMenuProvider as i, AXMContactManagementSearchCommandProvider as j, AXMPermissionDefinitionProvider as k, contactFactory as l, AXMContactService as m, AXMContactServiceImpl as n, contactTypeFactory as o, AXMContactTypeService as p, AXMContactTypeServiceImpl as q, AXMContactSourceServiceImpl as r, contactMethodTypeFactory as s, AXMContactMethodTypeService as t, AXMContactMethodTypeServiceImpl as u, AXMContactMethodServiceImpl as v, AXMAddressTypeServiceImpl as w, AXMContactAddressServiceImpl as x, AXMContactRelationshipServiceImpl as y };
-//# sourceMappingURL=acorex-modules-contact-management-acorex-modules-contact-management-CM72FkGM.mjs.map
+export { AXMContactSourceService as A, RootConfig as R, AXMContactMethodService as a, AXMAddressTypeService as b, AXMContactAddressService as c, AXMContactRelationshipService as d, AXMEmergencyContactCategoryService as e, AXMEmergencyContactService as f, AXMContactManagementModule as g, AXMContactManagementEntityProvider as h, AXMContactManagementMenuProvider as i, AXMContactManagementSearchCommandProvider as j, AXMPermissionDefinitionProvider as k, contactFactory as l, AXMContactService as m, AXMContactServiceImpl as n, contactTypeFactory as o, AXMContactTypeService as p, AXMContactTypeServiceImpl as q, AXMContactSourceServiceImpl as r, contactMethodTypeFactory as s, AXMContactMethodTypeService as t, AXMContactMethodTypeServiceImpl as u, AXMContactMethodServiceImpl as v, AXMAddressTypeServiceImpl as w, AXMContactAddressServiceImpl as x, AXMContactRelationshipServiceImpl as y, AXMEmergencyContactsPageComponent as z };
+//# sourceMappingURL=acorex-modules-contact-management-acorex-modules-contact-management-Co0tt3cj.mjs.map