@carefirst/library 2.0.5 → 2.0.6

package/esm2022/lib/components/page/page.component.mjs

@@ -16,11 +16,11 @@ export class PageComponent {
         this.inputDark = checkTruthAttribute(changes, 'dark', this.inputDark);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: PageComponent, selector: "cf-page", inputs: { centerH: "centerH", centerV: "centerV", dark: "dark" }, usesOnChanges: true, ngImport: i0, template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--cf-app-background-light)}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: PageComponent, selector: "cf-page", inputs: { centerH: "centerH", centerV: "centerV", dark: "dark" }, usesOnChanges: true, ngImport: i0, template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cf-page', template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--cf-app-background-light)}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"] }]
+            args: [{ selector: 'cf-page', template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"] }]
         }], propDecorators: { centerH: [{
                 type: Input
             }], centerV: [{
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
             }], dark: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXJlZmlyc3QvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcGFnZS9wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmVmaXJzdC9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9wYWdlL3BhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXNDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBT2pFLE1BQU0sT0FBTyxhQUFhO0lBQ2YsT0FBTyxDQUFnQztJQUN2QyxPQUFPLENBQWdDO0lBQ3ZDLElBQUksQ0FBZ0M7SUFHN0MsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUNyQixZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFPbEIsV0FBVyxDQUFDLE9BQXNCO1FBRWhDLElBQUksQ0FBQyxZQUFZLEdBQUcsbUJBQW1CLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFL0UsSUFBSSxDQUFDLFlBQVksR0FBRyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUUvRSxJQUFJLENBQUMsU0FBUyxHQUFHLG1CQUFtQixDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7dUdBdEJVLGFBQWE7MkZBQWIsYUFBYSxzSUN0QjFCLHVsQkFpQkE7OzJGREthLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsU0FBUzs4QkFLVixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ2FyZUZpcnN0IExpYnJhcnkgLSBQYWdlXG4gKlxuICogQGZpbGUgICAgICAgICAgcGFnZS5jb21wb25lbnRcbiAqIEBkZXNjcmlwdGlvbiAgIENvbnRhaW5zIGFsbCB0aGUgbG9naWMgZm9yIGdlbmVyYXRpbmcgYSBiYXNpYyBDYXJlRmlyc3QgUGFnZSBzdHJ1Y3R1cmVcbiAqIEBhdXRob3IgICAgICAgIEphY3F1ZXMgQ29ldHplZVxuICogQHNpbmNlICAgICAgICAgMjAyMyAtIDExIC0gMDdcbiAqIEB1c2FnZSAgICAgICAgIDxjZi1wYWdlICVjZW50ZXJIJSAlY2VudGVyViUgJWRhcmslIHN0eWxlPVwiJS0tY2YtcGFnZS1pbmxpbmUtcGFkZGluZzogMTZweCU7ICUtLWNmLXBhZ2UtbWF4LXdpZHRoOiAxMzAwcHglOyAlLS1mb290ZXItYmctY29sb3I6IHRyYW5zcGFyZW50JVwiPlxuICogICAgICAgICAgICAgICAgICBDT05URU5UXG4gKiAgICAgICAgICAgICAgICAgICU8bmctY29udGFpbmVyIGNmLXBhZ2UtYnV0dG9ucz48L25nLWNvbnRhaW5lcj4lXG4gKiAgICAgICAgICAgICAgICAgICU8bmctY29udGFpbmVyIGNmLXBhZ2UtZm9vdGVyPjwvbmctY29udGFpbmVyPiVcbiAqICAgICAgICAgICAgICAgIDwvY2YtcGFnZT5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCB0eXBlIE9uQ2hhbmdlcywgdHlwZSBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjaGVja1RydXRoQXR0cmlidXRlIH0gZnJvbSAnLi4vLi4vdXRpbHMvYXR0cmlidXRlLnV0aWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjZi1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBjZW50ZXJIPzogYm9vbGVhbiB8IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgY2VudGVyVj86IGJvb2xlYW4gfCBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGRhcms/OiBib29sZWFuIHwgc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8vLS0tIExvY2FsIHZhcmlhYmxlc1xuICBpbnB1dENlbnRlckggPSBmYWxzZTtcbiAgaW5wdXRDZW50ZXJWID0gZmFsc2U7XG4gIGlucHV0RGFyayA9IGZhbHNlO1xuXG4gIC8qKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICogQG5hbWUgICAgICAgICAgbmdPbkNoYW5nZXNcbiAgICogQGRlc2NyaXB0aW9uICAgVXBkYXRlIHZhcmlvdXMgdmFsdWVzIG9uIGlucHV0IGNoYW5nZXNcbiAgICogQHJldHVybnMgICAgICAge3ZvaWR9XG4gICAqL1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgLy8tLS0gQ2VudGVyIEhcbiAgICB0aGlzLmlucHV0Q2VudGVySCA9IGNoZWNrVHJ1dGhBdHRyaWJ1dGUoY2hhbmdlcywgJ2NlbnRlckgnLCB0aGlzLmlucHV0Q2VudGVySCk7XG4gICAgLy8tLS0gQ2VudGVyIFZcbiAgICB0aGlzLmlucHV0Q2VudGVyViA9IGNoZWNrVHJ1dGhBdHRyaWJ1dGUoY2hhbmdlcywgJ2NlbnRlclYnLCB0aGlzLmlucHV0Q2VudGVyVik7XG4gICAgLy8tLS0gRGFya1xuICAgIHRoaXMuaW5wdXREYXJrID0gY2hlY2tUcnV0aEF0dHJpYnV0ZShjaGFuZ2VzLCAnZGFyaycsIHRoaXMuaW5wdXREYXJrKTtcbiAgfVxufVxuIiwiPGlvbi1jb250ZW50IGNsYXNzPVwiaW9uLXBhZ2UgY2YtcGFnZVwiIFtuZ0NsYXNzXT1cInsgJ2JnLWRhcmsnOiBpbnB1dERhcmsgfVwiPlxuICA8ZGl2IGNsYXNzPVwibWFpbi1wYWdlXCI+XG4gICAgPGRpdiBpZD1cInNwYWNpbmdcIiBbbmdDbGFzc109XCJ7ICdjZW50ZXItaCc6IGlucHV0Q2VudGVySCwgJ2NlbnRlci12JzogaW5wdXRDZW50ZXJWIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBpZD1cInBhZ2UtYnV0dG9uc1wiIGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY2YtcGFnZS1idXR0b25zXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgaWQ9XCJmb290ZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjZi1wYWdlLWZvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2lvbi1jb250ZW50PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXJlZmlyc3QvbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvcGFnZS9wYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhcmVmaXJzdC9saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9wYWdlL3BhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQXNDLE1BQU0sZUFBZSxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBT2pFLE1BQU0sT0FBTyxhQUFhO0lBQ2YsT0FBTyxDQUFnQztJQUN2QyxPQUFPLENBQWdDO0lBQ3ZDLElBQUksQ0FBZ0M7SUFHN0MsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUNyQixZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQ3JCLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFPbEIsV0FBVyxDQUFDLE9BQXNCO1FBRWhDLElBQUksQ0FBQyxZQUFZLEdBQUcsbUJBQW1CLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7UUFFL0UsSUFBSSxDQUFDLFlBQVksR0FBRyxtQkFBbUIsQ0FBQyxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUUvRSxJQUFJLENBQUMsU0FBUyxHQUFHLG1CQUFtQixDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7dUdBdEJVLGFBQWE7MkZBQWIsYUFBYSxzSUN0QjFCLHVsQkFpQkE7OzJGREthLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsU0FBUzs4QkFLVixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ2FyZUZpcnN0IExpYnJhcnkgLSBQYWdlXG4gKlxuICogQGZpbGUgICAgICAgICAgcGFnZS5jb21wb25lbnRcbiAqIEBkZXNjcmlwdGlvbiAgIENvbnRhaW5zIGFsbCB0aGUgbG9naWMgZm9yIGdlbmVyYXRpbmcgYSBiYXNpYyBDYXJlRmlyc3QgUGFnZSBzdHJ1Y3R1cmVcbiAqIEBhdXRob3IgICAgICAgIEphY3F1ZXMgQ29ldHplZVxuICogQHNpbmNlICAgICAgICAgMjAyMyAtIDExIC0gMDdcbiAqIEB1c2FnZSAgICAgICAgIDxjZi1wYWdlICVjZW50ZXJIJSAlY2VudGVyViUgJWRhcmslIHN0eWxlPVwiJS0tbWFpbi1iZy1jb2xvcjogYmx1ZSUgJS0tY2YtcGFnZS1pbmxpbmUtcGFkZGluZzogMTZweCU7ICUtLWNmLXBhZ2UtbW9iaWxlLW1heC13aWR0aDogNDIwcHg7JSAlLS1jZi1wYWdlLWRlc2t0b3AtbWF4LXdpZHRoOiAxMzAwcHglOyAlLS1mb290ZXItYmctY29sb3I6IHRyYW5zcGFyZW50JVwiPlxuICogICAgICAgICAgICAgICAgICBDT05URU5UXG4gKiAgICAgICAgICAgICAgICAgICU8bmctY29udGFpbmVyIGNmLXBhZ2UtYnV0dG9ucz48L25nLWNvbnRhaW5lcj4lXG4gKiAgICAgICAgICAgICAgICAgICU8bmctY29udGFpbmVyIGNmLXBhZ2UtZm9vdGVyPjwvbmctY29udGFpbmVyPiVcbiAqICAgICAgICAgICAgICAgIDwvY2YtcGFnZT5cbiAqL1xuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCB0eXBlIE9uQ2hhbmdlcywgdHlwZSBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBjaGVja1RydXRoQXR0cmlidXRlIH0gZnJvbSAnLi4vLi4vdXRpbHMvYXR0cmlidXRlLnV0aWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjZi1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBjZW50ZXJIPzogYm9vbGVhbiB8IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgQElucHV0KCkgY2VudGVyVj86IGJvb2xlYW4gfCBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIEBJbnB1dCgpIGRhcms/OiBib29sZWFuIHwgc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8vLS0tIExvY2FsIHZhcmlhYmxlc1xuICBpbnB1dENlbnRlckggPSBmYWxzZTtcbiAgaW5wdXRDZW50ZXJWID0gZmFsc2U7XG4gIGlucHV0RGFyayA9IGZhbHNlO1xuXG4gIC8qKi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbiAgICogQG5hbWUgICAgICAgICAgbmdPbkNoYW5nZXNcbiAgICogQGRlc2NyaXB0aW9uICAgVXBkYXRlIHZhcmlvdXMgdmFsdWVzIG9uIGlucHV0IGNoYW5nZXNcbiAgICogQHJldHVybnMgICAgICAge3ZvaWR9XG4gICAqL1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgLy8tLS0gQ2VudGVyIEhcbiAgICB0aGlzLmlucHV0Q2VudGVySCA9IGNoZWNrVHJ1dGhBdHRyaWJ1dGUoY2hhbmdlcywgJ2NlbnRlckgnLCB0aGlzLmlucHV0Q2VudGVySCk7XG4gICAgLy8tLS0gQ2VudGVyIFZcbiAgICB0aGlzLmlucHV0Q2VudGVyViA9IGNoZWNrVHJ1dGhBdHRyaWJ1dGUoY2hhbmdlcywgJ2NlbnRlclYnLCB0aGlzLmlucHV0Q2VudGVyVik7XG4gICAgLy8tLS0gRGFya1xuICAgIHRoaXMuaW5wdXREYXJrID0gY2hlY2tUcnV0aEF0dHJpYnV0ZShjaGFuZ2VzLCAnZGFyaycsIHRoaXMuaW5wdXREYXJrKTtcbiAgfVxufVxuIiwiPGlvbi1jb250ZW50IGNsYXNzPVwiaW9uLXBhZ2UgY2YtcGFnZVwiIFtuZ0NsYXNzXT1cInsgJ2JnLWRhcmsnOiBpbnB1dERhcmsgfVwiPlxuICA8ZGl2IGNsYXNzPVwibWFpbi1wYWdlXCI+XG4gICAgPGRpdiBpZD1cInNwYWNpbmdcIiBbbmdDbGFzc109XCJ7ICdjZW50ZXItaCc6IGlucHV0Q2VudGVySCwgJ2NlbnRlci12JzogaW5wdXRDZW50ZXJWIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBpZD1cInBhZ2UtYnV0dG9uc1wiIGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY2YtcGFnZS1idXR0b25zXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgaWQ9XCJmb290ZXJcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjZi1wYWdlLWZvb3Rlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2lvbi1jb250ZW50PlxuIl19

package/fesm2022/carefirst-library.mjs

@@ -96,11 +96,11 @@ class PageComponent {
         this.inputDark = checkTruthAttribute(changes, 'dark', this.inputDark);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: PageComponent, selector: "cf-page", inputs: { centerH: "centerH", centerV: "centerV", dark: "dark" }, usesOnChanges: true, ngImport: i0, template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--cf-app-background-light)}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: PageComponent, selector: "cf-page", inputs: { centerH: "centerH", centerV: "centerV", dark: "dark" }, usesOnChanges: true, ngImport: i0, template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: PageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cf-page', template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--cf-app-background-light)}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"] }]
+            args: [{ selector: 'cf-page', template: "<ion-content class=\"ion-page cf-page\" [ngClass]=\"{ 'bg-dark': inputDark }\">\n  <div class=\"main-page\">\n    <div id=\"spacing\" [ngClass]=\"{ 'center-h': inputCenterH, 'center-v': inputCenterV }\">\n      <div class=\"content\">\n        <ng-content></ng-content>\n      </div>\n      <div id=\"page-buttons\" class=\"content\">\n        <ng-content select=\"[cf-page-buttons]\"></ng-content>\n      </div>\n    </div>\n    <div id=\"footer\">\n      <div class=\"content\">\n        <ng-content select=\"[cf-page-footer]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ion-content>\n", styles: ["ion-content.cf-page::part(scroll){background-color:var(--main-bg-color, var(--cf-app-background-light))}ion-content.cf-page.bg-dark::part(scroll){background-color:var(--cf-app-background-dark)}ion-content.cf-page>.main-page{display:flex;flex-direction:column;width:100%;height:100%}ion-content.cf-page>.main-page>*{width:100%;padding-inline:var(--cf-page-inline-padding, 16px)}@media (min-width: 768px){ion-content.cf-page>.main-page>*{padding-inline:var(--cf-page-inline-padding, 72px)}}ion-content.cf-page>.main-page .content{display:flex;flex-direction:column;width:100%;max-width:var(--cf-page-mobile-max-width, 358px)}@media (min-width: 768px){ion-content.cf-page>.main-page .content{max-width:var(--cf-page-desktop-max-width, 1296px)}}ion-content.cf-page>.main-page #spacing{flex-grow:1;display:flex;flex-direction:column}ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:1}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing>.content:first-child{flex-grow:0}}ion-content.cf-page>.main-page #spacing #page-buttons{width:100%;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;gap:16px;padding-bottom:32px}@media (min-width: 768px){ion-content.cf-page>.main-page #spacing #page-buttons{flex-direction:row;padding-bottom:48px}}ion-content.cf-page>.main-page #spacing.center-h,ion-content.cf-page>.main-page #spacing.center-h>.content{align-items:center;text-align:center}ion-content.cf-page>.main-page #spacing.center-v,ion-content.cf-page>.main-page #spacing.center-v>.content{justify-content:center}ion-content.cf-page>.main-page #footer{background-color:var(--footer-bg-color, transparent)}\n"] }]
         }], propDecorators: { centerH: [{
                 type: Input
             }], centerV: [{