ngx-cho-components 0.1.17 → 2.0.0

package/README.md

@@ -1,31 +1,35 @@
 # NgxChoComponents
 
-This library provides reusable Angular components for CHO applications with comprehensive Storybook documentation.
+This library provides reusable Angular components for CHO applications.
 
-Generated with [Angular CLI](https://github.com/angular/angular-cli) version 17.3.0.
+Generated with [Angular CLI](https://github.com/angular/angular-cli) version 19.2.26.
 
 ## Overview
 
-NgxChoComponents includes:
-- `ChoAddressInfoComponent` - Address display and editing
-- `ChoDetailsCardComponent` - Information card layout
-- `ChoEmailInfoComponent` - Email display and validation
-- `ChoModalComponent` - Modal dialog wrapper
-- `ChoPhoneInfoComponent` - Phone number display and formatting
-- `ChoRadioGroupComponent` - Radio button group with validation
-- `ChoReviewStatusAlertComponent` - Status alert messages
-
-## Dependencies
-
-This library depends on:
-- **ngx-cho-common** (must be built first)
-- Bootstrap (for styling)
-
-## Installation
-
-```bash
-npm install ngx-cho-components ngx-cho-common bootstrap
-```
+NgxChoComponents includes:
+- `ChoAddressInfoComponent` - Address display and editing
+- `ChoDetailsCardComponent` - Information card layout
+- `ChoEmailInfoComponent` - Email display and validation
+- `ChoPhoneInfoComponent` - Phone number display and formatting
+- `ChoRadioGroupComponent` - Radio button group with validation
+- `ChoReviewStatusAlertComponent` - Status alert messages
+
+## Dependencies
+
+This library depends on:
+- **ngx-cho-common** (must be built first)
+
+This library does not require Bootstrap, ng-bootstrap, Popper, or PrimeNG.
+
+## Installation
+
+```bash
+npm install ngx-cho-components ngx-cho-common
+```
+
+## Breaking Changes
+
+`ChoModalComponent` and the `<cho-modal>` selector have been removed. Applications should replace modal usage with an app-local dialog implementation, such as a native dialog or a PrimeNG dialog/drawer. This package no longer declares `bootstrap` or `@ng-bootstrap/ng-bootstrap` as peer dependencies.
 
 ## Build
 
@@ -52,32 +56,18 @@ ng generate service service-name --project ngx-cho-components
 
 > Note: Always include `--project ngx-cho-components` or the component will be added to the default project.
 
-### Storybook Development
-
-This library includes Storybook for component development and documentation:
-
-```bash
-# Start Storybook development server
-ng run ngx-cho-components:storybook
-
-# Build Storybook for deployment
-ng run ngx-cho-components:build-storybook
-```
-
-Storybook will be available at `http://localhost:6006`
-
-### Running Tests
+### Running Tests
 
 ```bash
 ng test ngx-cho-components
 ```
 
-## Publishing
-
-1. **Update version** in `projects/ngx-cho-components/package.json`
-2. **Build dependencies and library**:
-   ```bash
-   ng build ngx-cho-common
+## Publishing
+
+1. **Update version** in `projects/ngx-cho-components/package.json`. Use a major version for the modal-component and peer-dependency removal.
+2. **Build dependencies and library**:
+   ```bash
+   ng build ngx-cho-common
    ng build ngx-cho-components --configuration production
    ```
 3. **Publish to npm**:
@@ -100,38 +90,22 @@ import { NgxChoComponentsModule } from 'ngx-cho-components';
 export class AppModule {}
 ```
 
-Use components in your templates:
-
-```html
-<cho-address-info [address]="userAddress"></cho-address-info>
-
-<cho-modal [isOpen]="showModal" (closeModal)="handleClose()">
-  <p>Modal content here</p>
-</cho-modal>
-
-<cho-radio-group 
-  [options]="radioOptions" 
-  [(value)]="selectedValue">
-</cho-radio-group>
-```
-
-## Styling
-
-Components are designed to work with Bootstrap. Include Bootstrap CSS in your application:
-
-```scss
-@import 'bootstrap/dist/css/bootstrap.min.css';
-```
-
-## Documentation
-
-View component documentation and examples in Storybook:
-1. Run `ng run ngx-cho-components:storybook`
-2. Navigate to `http://localhost:6006`
-3. Browse component stories and interact with examples
-
-## Further Help
-
-- [Angular CLI Overview and Command Reference](https://angular.io/cli)
-- [Storybook for Angular](https://storybook.js.org/docs/angular/get-started/introduction)
-- [Angular Library Development Guide](https://angular.io/guide/creating-libraries)
+Use components in your templates:
+
+```html
+<cho-address-info [address]="userAddress"></cho-address-info>
+
+<cho-radio-group 
+  [options]="radioOptions" 
+  [(value)]="selectedValue">
+</cho-radio-group>
+```
+
+## Styling
+
+Components are framework-neutral and do not require Bootstrap. Applications should provide their own layout, dialog, and theme styling.
+
+## Further Help
+
+- [Angular CLI Overview and Command Reference](https://angular.io/cli)
+- [Angular Library Development Guide](https://angular.io/guide/creating-libraries)

package/fesm2022/ngx-cho-components.mjs

@@ -1,16 +1,14 @@
 import * as i0 from '@angular/core';
-import { Component, Input, ChangeDetectionStrategy, input, inject, output, viewChild, computed, signal, effect, ContentChild, EventEmitter, Output } from '@angular/core';
+import { Input, Component, ChangeDetectionStrategy, input, inject, output, viewChild, computed, signal, effect, ContentChild, EventEmitter, Output } from '@angular/core';
 import { TitleCasePipe, NgIf, NgTemplateOutlet, NgFor, DatePipe } from '@angular/common';
 import { ChoNavigationService, ChoRouteParamService } from 'ngx-cho-common';
 import * as i1 from '@angular/platform-browser';
-import * as i1$1 from '@ng-bootstrap/ng-bootstrap';
-import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
-import * as i1$2 from '@angular/forms';
+import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
 class ChoAddressInfoComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoAddressInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoAddressInfoComponent, isStandalone: true, selector: "cho-address-info", inputs: { address: "address" }, ngImport: i0, template: `<p *ngIf="address.addressLine1" class="m-0">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoAddressInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoAddressInfoComponent, isStandalone: true, selector: "cho-address-info", inputs: { address: "address" }, ngImport: i0, template: `<p *ngIf="address.addressLine1" class="m-0">
             {{ address.addressLine1 | titlecase }}
         </p>
         <p *ngIf="address.addressLine2" class="m-0">
@@ -21,7 +19,7 @@ class ChoAddressInfoComponent {
             {{ address.postalCode }}
         </p> `, isInline: true, dependencies: [{ kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoAddressInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoAddressInfoComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-address-info',
@@ -35,7 +33,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             {{ address.city | titlecase }}, {{ address.stateProvinceCode }}
             {{ address.postalCode }}
         </p> `,
-                    standalone: true,
                     imports: [TitleCasePipe, NgIf],
                 }]
         }], propDecorators: { address: [{
@@ -43,14 +40,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 class ChoCardFiltersComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoCardFiltersComponent, isStandalone: true, selector: "cho-card-filters", host: { classAttribute: "card-filters" }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoCardFiltersComponent, isStandalone: true, selector: "cho-card-filters", host: { classAttribute: "card-filters" }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardFiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardFiltersComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-card-filters',
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
                     host: { class: 'card-filters' },
@@ -59,14 +55,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
         }] });
 
 class ChoCardToolbarComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoCardToolbarComponent, isStandalone: true, selector: "cho-card-toolbar", host: { classAttribute: "card-toolbar" }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoCardToolbarComponent, isStandalone: true, selector: "cho-card-toolbar", host: { classAttribute: "card-toolbar" }, ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-card-toolbar',
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
                     host: { class: 'card-toolbar' },
@@ -79,8 +74,8 @@ class ChoCardHeaderComponent {
         this.headerText = input();
         this.toolbar = input();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ChoCardHeaderComponent, isStandalone: true, selector: "cho-card-header", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: ChoCardHeaderComponent, isStandalone: true, selector: "cho-card-header", inputs: { headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
         <div class="card-header">
             <h3 class="card-title">
                 @if (headerText()) {
@@ -98,11 +93,10 @@ class ChoCardHeaderComponent {
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChoCardToolbarComponent, selector: "cho-card-toolbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-card-header',
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [NgTemplateOutlet, ChoCardToolbarComponent],
                     template: `
@@ -143,8 +137,8 @@ class ChoCardTabsComponent {
         });
         this.tabSelect.emit(this.activeTab);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ChoCardTabsComponent, isStandalone: true, selector: "cho-card-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabSelect: "tabSelect" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: ChoCardTabsComponent, isStandalone: true, selector: "cho-card-tabs", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabSelect: "tabSelect" }, ngImport: i0, template: `
         <div class="card-tabs">
             <ul>
                 @for (tab of tabs(); track tab.value) {
@@ -160,11 +154,10 @@ class ChoCardTabsComponent {
         </div>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardTabsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardTabsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-card-tabs',
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [],
                     template: `
@@ -219,8 +212,8 @@ class ChoCardComponent {
             this._hasProjectedContent.set(hasRealContent);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: ChoCardComponent, isStandalone: true, selector: "cho-card", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabSelect: "tabSelect" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.24", type: ChoCardComponent, isStandalone: true, selector: "cho-card", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabSelect: "tabSelect" }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, isSignal: true }], ngImport: i0, template: `
         <div class="card mb-3">
             @if (hasHeader()) {
                 <cho-card-header [toolbar]="toolbar()" [headerText]="headerText()">
@@ -253,11 +246,10 @@ class ChoCardComponent {
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ChoCardHeaderComponent, selector: "cho-card-header", inputs: ["headerText", "toolbar"] }, { kind: "component", type: ChoCardToolbarComponent, selector: "cho-card-toolbar" }, { kind: "component", type: ChoCardFiltersComponent, selector: "cho-card-filters" }, { kind: "component", type: ChoCardTabsComponent, selector: "cho-card-tabs", inputs: ["tabs"], outputs: ["tabSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoCardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-card',
-                    standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [
                         NgTemplateOutlet,
@@ -306,8 +298,8 @@ class ChoDetailsCardComponent {
         this.cardTitle = '';
         this.toolbar = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoDetailsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoDetailsCardComponent, isStandalone: true, selector: "cho-details-card", inputs: { cardTitle: "cardTitle" }, queries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoDetailsCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoDetailsCardComponent, isStandalone: true, selector: "cho-details-card", inputs: { cardTitle: "cardTitle" }, queries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true }], ngImport: i0, template: `
         <div class="card mb-3">
             <div class="card-header">
                 <h3 class="card-title">{{ cardTitle }}</h3>
@@ -323,7 +315,7 @@ class ChoDetailsCardComponent {
         </div>
     `, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoDetailsCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoDetailsCardComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-details-card',
@@ -358,15 +350,15 @@ class ChoEmailInfoComponent {
             ? this.sanitizer.bypassSecurityTrustUrl(`mailto:${this.email.emailAddress}`)
             : '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoEmailInfoComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoEmailInfoComponent, isStandalone: true, selector: "cho-email-info", inputs: { email: "email" }, ngImport: i0, template: `<ng-container *ngIf="email; else empty"
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoEmailInfoComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoEmailInfoComponent, isStandalone: true, selector: "cho-email-info", inputs: { email: "email" }, ngImport: i0, template: `<ng-container *ngIf="email; else empty"
             ><span *ngIf="email.emailTypeCode">{{ email.emailTypeCode[0] }}: </span>
             <a [href]="sanitizedEmailLink">{{ email.emailAddress }}</a>
             <small *ngIf="email.description"> ({{ email.description }})</small></ng-container
         >
         <ng-template #empty><span>--</span></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoEmailInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoEmailInfoComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-email-info',
@@ -376,77 +368,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             <small *ngIf="email.description"> ({{ email.description }})</small></ng-container
         >
         <ng-template #empty><span>--</span></ng-template>`,
-                    standalone: true,
                     imports: [NgIf],
                 }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { email: [{
                 type: Input
             }] } });
 
-class ChoModalComponent {
-    constructor(activeModal) {
-        this.activeModal = activeModal;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoModalComponent, deps: [{ token: i1$1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoModalComponent, isStandalone: true, selector: "cho-modal", inputs: { title: "title" }, providers: [NgbActiveModal], queries: [{ propertyName: "filters", first: true, predicate: ["footer"], descendants: true }], ngImport: i0, template: `
-        <div class="modal-header">
-            <h2 id="modal-basic-title" class="modal-title">{{ title }}</h2>
-            <button
-                (click)="activeModal.dismiss()"
-                type="button"
-                class="btn btn-light py-1 px-3 fa-solid fa-x"></button>
-        </div>
-
-        <div class="modal-body">
-            <ng-content></ng-content>
-        </div>
-
-        <div class="modal-footer">
-            <ng-content #footer select="[footer]"></ng-content>
-        </div>
-    `, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoModalComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'cho-modal',
-                    template: `
-        <div class="modal-header">
-            <h2 id="modal-basic-title" class="modal-title">{{ title }}</h2>
-            <button
-                (click)="activeModal.dismiss()"
-                type="button"
-                class="btn btn-light py-1 px-3 fa-solid fa-x"></button>
-        </div>
-
-        <div class="modal-body">
-            <ng-content></ng-content>
-        </div>
-
-        <div class="modal-footer">
-            <ng-content #footer select="[footer]"></ng-content>
-        </div>
-    `,
-                    standalone: true,
-                    providers: [NgbActiveModal],
-                }]
-        }], ctorParameters: () => [{ type: i1$1.NgbActiveModal }], propDecorators: { title: [{
-                type: Input
-            }], filters: [{
-                type: ContentChild,
-                args: ['footer']
-            }] } });
-
 class ChoPhoneInfoComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoPhoneInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoPhoneInfoComponent, isStandalone: true, selector: "cho-phone-info", inputs: { phone: "phone" }, ngImport: i0, template: ` <ng-container *ngIf="phone; else empty"
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoPhoneInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoPhoneInfoComponent, isStandalone: true, selector: "cho-phone-info", inputs: { phone: "phone" }, ngImport: i0, template: ` <ng-container *ngIf="phone; else empty"
             ><span *ngIf="phone.phoneTypeCode">{{ phone.phoneTypeCode[0] }}: </span>
             {{ phone.phoneNumber }}
             <small *ngIf="phone.description"> ({{ phone.description }})</small></ng-container
         >
         <ng-template #empty><span>--</span></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoPhoneInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoPhoneInfoComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-phone-info',
@@ -456,7 +393,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             <small *ngIf="phone.description"> ({{ phone.description }})</small></ng-container
         >
         <ng-template #empty><span>--</span></ng-template>`,
-                    standalone: true,
                     imports: [NgIf],
                 }]
         }], propDecorators: { phone: [{
@@ -477,8 +413,8 @@ class ChoRadioGroupComponent {
             this.selectionChange.emit(this.selectedOption);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoRadioGroupComponent, isStandalone: true, selector: "cho-radio-group", inputs: { label: "label", options: "options", groupName: "groupName", defaultValue: "defaultValue" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoRadioGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoRadioGroupComponent, isStandalone: true, selector: "cho-radio-group", inputs: { label: "label", options: "options", groupName: "groupName", defaultValue: "defaultValue" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: `
         <div>
             <label class="form-label">{{ label }}</label>
             <div *ngFor="let option of options" class="form-check form-check-inline">
@@ -492,9 +428,9 @@ class ChoRadioGroupComponent {
                 {{ option.label }}
             </div>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoRadioGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoRadioGroupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-radio-group',
@@ -513,7 +449,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             </div>
         </div>
     `,
-                    standalone: true,
                     imports: [NgFor, FormsModule],
                 }]
         }], propDecorators: { label: [{
@@ -529,25 +464,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 class ChoReviewStatusAlertComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoReviewStatusAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChoReviewStatusAlertComponent, isStandalone: true, selector: "cho-review-status-alert", inputs: { reviewedBy: "reviewedBy", reviewedDateTime: "reviewedDateTime" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoReviewStatusAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.24", type: ChoReviewStatusAlertComponent, isStandalone: true, selector: "cho-review-status-alert", inputs: { reviewedBy: "reviewedBy", reviewedDateTime: "reviewedDateTime" }, ngImport: i0, template: `
         <div class="alert alert-info" *ngIf="reviewedDateTime">
-            Review completed by {{ reviewedBy }} on {{ reviewedDateTime | date : 'shortDate' }} at
-            {{ reviewedDateTime | date : 'shortTime' }}.
+            Review completed by {{ reviewedBy }} on {{ reviewedDateTime | date: 'shortDate' }} at
+            {{ reviewedDateTime | date: 'shortTime' }}.
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChoReviewStatusAlertComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.24", ngImport: i0, type: ChoReviewStatusAlertComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cho-review-status-alert',
                     template: `
         <div class="alert alert-info" *ngIf="reviewedDateTime">
-            Review completed by {{ reviewedBy }} on {{ reviewedDateTime | date : 'shortDate' }} at
-            {{ reviewedDateTime | date : 'shortTime' }}.
+            Review completed by {{ reviewedBy }} on {{ reviewedDateTime | date: 'shortDate' }} at
+            {{ reviewedDateTime | date: 'shortTime' }}.
         </div>
     `,
-                    standalone: true,
                     imports: [NgIf, DatePipe],
                 }]
         }], propDecorators: { reviewedBy: [{
@@ -564,5 +498,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ChoAddressInfoComponent, ChoCardComponent, ChoCardFiltersComponent, ChoCardHeaderComponent, ChoCardTabsComponent, ChoCardToolbarComponent, ChoDetailsCardComponent, ChoEmailInfoComponent, ChoModalComponent, ChoPhoneInfoComponent, ChoRadioGroupComponent, ChoReviewStatusAlertComponent };
+export { ChoAddressInfoComponent, ChoCardComponent, ChoCardFiltersComponent, ChoCardHeaderComponent, ChoCardTabsComponent, ChoCardToolbarComponent, ChoDetailsCardComponent, ChoEmailInfoComponent, ChoPhoneInfoComponent, ChoRadioGroupComponent, ChoReviewStatusAlertComponent };
 //# sourceMappingURL=ngx-cho-components.mjs.map