@stratusjs/angular 0.5.0 → 0.5.1

package/dist/angular.bundle.js

@@ -1,11 +1,11 @@
-System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/environment', '@stratusjs/angularjs/services/model', '@stratusjs/angularjs/services/registry', '@stratusjs/core/events/eventManager', 'html2pdf', 'font-awesome', 'froala-plugins', 'froala-embedly', 'froala-font-awesome', 'froala-image-tui', 'froala-editor', '@stratusjs/core/misc', '@agentepsilon/decko', '@stratusjs/angularjs/services/collection', 'zone.js/dist/zone'], (function (exports) {
+System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/environment', '@stratusjs/angularjs/services/model', '@stratusjs/angularjs/services/registry', '@stratusjs/core/events/eventManager', 'html2pdf', 'font-awesome', 'froala-plugins', 'froala-embedly', 'froala-font-awesome', 'froala-image-tui', 'froala-editor', '@stratusjs/core/misc', '@stratusjs/angularjs/services/collection', '@agentepsilon/decko', 'zone.js/dist/zone'], (function (exports) {
     'use strict';
-    var Stratus, _, uniqueId$3, snakeCase, head, isEmpty, isUndefined, isString, extend, cookie, Model, Registry, EventManager$1, FroalaEditor, isJSON, debounce$1;
+    var Stratus, _, uniqueId$3, snakeCase, head, isEmpty, isUndefined, isString, extend, isNil, includes, set, isObject$1, assignIn, cookie, Model, Registry, EventManager$1, FroalaEditor, isJSON, Collection, debounce$1;
     return {
         setters: [function (module) {
             Stratus = module.Stratus;
         }, function (module) {
-            _ = module.default;
+            _ = module["default"];
             uniqueId$3 = module.uniqueId;
             snakeCase = module.snakeCase;
             head = module.head;
@@ -13,6 +13,11 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             isUndefined = module.isUndefined;
             isString = module.isString;
             extend = module.extend;
+            isNil = module.isNil;
+            includes = module.includes;
+            set = module.set;
+            isObject$1 = module.isObject;
+            assignIn = module.assignIn;
         }, function (module) {
             cookie = module.cookie;
         }, function (module) {
@@ -21,13 +26,15 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             Registry = module.Registry;
         }, function (module) {
             EventManager$1 = module.EventManager;
-        }, null, null, null, null, null, null, function (module) {
-            FroalaEditor = module.default;
+        }, function () {}, function () {}, function () {}, function () {}, function () {}, function () {}, function (module) {
+            FroalaEditor = module["default"];
         }, function (module) {
             isJSON = module.isJSON;
+        }, function (module) {
+            Collection = module.Collection;
         }, function (module) {
             debounce$1 = module.debounce;
-        }, null, null],
+        }, function () {}],
         execute: (function () {
 
             /******************************************************************************
@@ -72,7 +79,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 return __assign.apply(this, arguments);
             };
 
-            function __awaiter$2(thisArg, _arguments, P, generator) {
+            function __awaiter$8(thisArg, _arguments, P, generator) {
                 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
                 return new (P || (P = Promise))(function (resolve, reject) {
                     function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -1545,7 +1552,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             function process$1(asyncIterable, subscriber) {
                 var asyncIterable_1, asyncIterable_1_1;
                 var e_2, _a;
-                return __awaiter$2(this, void 0, void 0, function () {
+                return __awaiter$8(this, void 0, void 0, function () {
                     var value, e_2_1;
                     return __generator(this, function (_b) {
                         switch (_b.label) {
@@ -10738,14 +10745,14 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
              *
              * @publicApi
              */
-            let Version$1 = class Version {
+            class Version$1 {
                 constructor(full) {
                     this.full = full;
                     this.major = full.split('.')[0];
                     this.minor = full.split('.')[1];
                     this.patch = full.split('.').slice(2).join('.');
                 }
-            };
+            }
             /**
              * @publicApi
              */
@@ -55642,23 +55649,23 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         },] }
             ];
 
-            var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$e = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$k = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
-            var __param$6 = (undefined && undefined.__param) || function (paramIndex, decorator) {
+            var __param$7 = (undefined && undefined.__param) || function (paramIndex, decorator) {
                 return function (target, key) { decorator(target, key, paramIndex); }
             };
             const systemDir$c = '@stratusjs/angular';
             const moduleName$d = 'citation-dialog';
             const parentModuleName$6 = 'editor';
-            const min$c = !cookie('env') ? '.min' : '';
-            const localDir$d = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$c}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$g = !cookie('env') ? '.min' : '';
+            const localDir$h = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$c}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let CitationDialogComponent = exports('CitationDialogComponent', class CitationDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, fb, snackBar, iconRegistry, sanitizer, ref) {
                     super();
@@ -55680,7 +55687,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = uniqueId$3(`sa_${snakeCase(moduleName$d)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$d}${parentModuleName$6}/${moduleName$d}.component${min$c}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$h}${parentModuleName$6}/${moduleName$d}.component${min$g}.css`);
                     this.model = this.data.model;
                     this.property = this.data.property;
                     this.editor = this.data.editor;
@@ -55795,26 +55802,26 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     return uid;
                 }
             });
-            exports('CitationDialogComponent', CitationDialogComponent = __decorate$g([
+            exports('CitationDialogComponent', CitationDialogComponent = __decorate$m([
                 Component({
                     selector: `sa-${moduleName$d}`,
-                    templateUrl: `${localDir$d}/${parentModuleName$6}/${moduleName$d}.component${min$c}.html`,
+                    templateUrl: `${localDir$h}/${parentModuleName$6}/${moduleName$d}.component${min$g}.html`,
                 }),
-                __param$6(1, Inject(MAT_DIALOG_DATA)),
-                __metadata$e("design:paramtypes", [MatDialogRef, Object, FormBuilder,
+                __param$7(1, Inject(MAT_DIALOG_DATA)),
+                __metadata$k("design:paramtypes", [MatDialogRef, Object, FormBuilder,
                     MatSnackBar,
                     MatIconRegistry,
                     DomSanitizer,
                     ChangeDetectorRef])
             ], CitationDialogComponent));
 
-            var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$j = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
             let BackendService = exports('BackendService', class BackendService {
@@ -55863,30 +55870,30 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     });
                 }
             });
-            exports('BackendService', BackendService = __decorate$f([
+            exports('BackendService', BackendService = __decorate$l([
                 Injectable({
                     providedIn: 'root'
                 }),
-                __metadata$d("design:paramtypes", [HttpClient])
+                __metadata$j("design:paramtypes", [HttpClient])
             ], BackendService));
 
-            var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$i = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
-            var __param$5 = (undefined && undefined.__param) || function (paramIndex, decorator) {
+            var __param$6 = (undefined && undefined.__param) || function (paramIndex, decorator) {
                 return function (target, key) { decorator(target, key, paramIndex); }
             };
             const systemDir$b = '@stratusjs/angular';
             const moduleName$c = 'link-dialog';
             const parentModuleName$5 = 'editor';
-            const min$b = !cookie('env') ? '.min' : '';
-            const localDir$c = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$b}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$f = !cookie('env') ? '.min' : '';
+            const localDir$g = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$b}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let LinkDialogComponent = exports('LinkDialogComponent', class LinkDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, fb, backend, snackBar, iconRegistry, sanitizer, ref) {
                     super();
@@ -55921,7 +55928,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$c)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$c}${parentModuleName$5}/${moduleName$c}.component${min$b}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$g}${parentModuleName$5}/${moduleName$c}.component${min$f}.css`)
                         .then(() => {
                         this.isStyled = true;
                         this.refresh();
@@ -56203,13 +56210,13 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     window.open(content.contentType.editUrl + '?id=' + content.id, '_blank');
                 }
             });
-            exports('LinkDialogComponent', LinkDialogComponent = __decorate$e([
+            exports('LinkDialogComponent', LinkDialogComponent = __decorate$k([
                 Component({
                     selector: `sa-${moduleName$c}`,
-                    templateUrl: `${localDir$c}/${parentModuleName$5}/${moduleName$c}.component${min$b}.html`,
+                    templateUrl: `${localDir$g}/${parentModuleName$5}/${moduleName$c}.component${min$f}.html`,
                 }),
-                __param$5(1, Inject(MAT_DIALOG_DATA)),
-                __metadata$c("design:paramtypes", [MatDialogRef, Object, FormBuilder,
+                __param$6(1, Inject(MAT_DIALOG_DATA)),
+                __metadata$i("design:paramtypes", [MatDialogRef, Object, FormBuilder,
                     BackendService,
                     MatSnackBar,
                     MatIconRegistry,
@@ -56217,23 +56224,23 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     ChangeDetectorRef])
             ], LinkDialogComponent));
 
-            var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$h = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
-            var __param$4 = (undefined && undefined.__param) || function (paramIndex, decorator) {
+            var __param$5 = (undefined && undefined.__param) || function (paramIndex, decorator) {
                 return function (target, key) { decorator(target, key, paramIndex); }
             };
             const systemDir$a = '@stratusjs/angular';
             const moduleName$b = 'media-dialog';
             const parentModuleName$4 = 'editor';
-            const min$a = !cookie('env') ? '.min' : '';
-            const localDir$b = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$a}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$e = !cookie('env') ? '.min' : '';
+            const localDir$f = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$a}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let MediaDialogComponent = exports('MediaDialogComponent', class MediaDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, fb, backend, snackBar, ref) {
                     super();
@@ -56257,7 +56264,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$b)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$b}/${parentModuleName$4}/${moduleName$b}.component${min$a}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$f}/${parentModuleName$4}/${moduleName$b}.component${min$e}.css`);
                     this.model = this.data.model;
                     this.property = this.data.property;
                     this.editor = this.data.editor;
@@ -56493,13 +56500,13 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     return null;
                 }
             });
-            exports('MediaDialogComponent', MediaDialogComponent = __decorate$d([
+            exports('MediaDialogComponent', MediaDialogComponent = __decorate$j([
                 Component({
                     selector: `sa-${moduleName$b}`,
-                    templateUrl: `${localDir$b}/${parentModuleName$4}/${moduleName$b}.component${min$a}.html`,
+                    templateUrl: `${localDir$f}/${parentModuleName$4}/${moduleName$b}.component${min$e}.html`,
                 }),
-                __param$4(1, Inject(MAT_DIALOG_DATA)),
-                __metadata$b("design:paramtypes", [MatDialogRef, Object, FormBuilder,
+                __param$5(1, Inject(MAT_DIALOG_DATA)),
+                __metadata$h("design:paramtypes", [MatDialogRef, Object, FormBuilder,
                     BackendService,
                     MatSnackBar,
                     ChangeDetectorRef])
@@ -56920,23 +56927,23 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         },] }
             ];
 
-            var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$g = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
-            var __param$3 = (undefined && undefined.__param) || function (paramIndex, decorator) {
+            var __param$4 = (undefined && undefined.__param) || function (paramIndex, decorator) {
                 return function (target, key) { decorator(target, key, paramIndex); }
             };
             const systemDir$9 = '@stratusjs/angular';
             const moduleName$a = 'code-view-dialog';
             const parentModuleName$3 = 'editor';
-            const min$9 = !cookie('env') ? '.min' : '';
-            const localDir$a = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$9}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$d = !cookie('env') ? '.min' : '';
+            const localDir$e = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$9}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let CodeViewDialogComponent = exports('CodeViewDialogComponent', class CodeViewDialogComponent extends ResponsiveComponent {
                 constructor(dialogRef, data, ref, fb, ngZone) {
                     super();
@@ -56959,7 +56966,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 ngOnInit() {
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$a)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$a}/${parentModuleName$3}/${moduleName$a}.component${min$9}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$e}/${parentModuleName$3}/${moduleName$a}.component${min$d}.css`);
                     this.model = this.data.model;
                     this.property = this.data.property;
                     const dataControl = this.form.get('dataString');
@@ -56984,17 +56991,17 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         .subscribe(() => this.autosize.resizeToFitContent(true));
                 }
             });
-            __decorate$c([
+            __decorate$i([
                 ViewChild('autosize'),
-                __metadata$a("design:type", CdkTextareaAutosize)
+                __metadata$g("design:type", CdkTextareaAutosize)
             ], CodeViewDialogComponent.prototype, "autosize", void 0);
-            exports('CodeViewDialogComponent', CodeViewDialogComponent = __decorate$c([
+            exports('CodeViewDialogComponent', CodeViewDialogComponent = __decorate$i([
                 Component({
                     selector: `sa-${moduleName$a}`,
-                    templateUrl: `${localDir$a}/${parentModuleName$3}/${moduleName$a}.component${min$9}.html`,
+                    templateUrl: `${localDir$e}/${parentModuleName$3}/${moduleName$a}.component${min$d}.html`,
                 }),
-                __param$3(1, Inject(MAT_DIALOG_DATA)),
-                __metadata$a("design:paramtypes", [MatDialogRef, Object, ChangeDetectorRef,
+                __param$4(1, Inject(MAT_DIALOG_DATA)),
+                __metadata$g("design:paramtypes", [MatDialogRef, Object, ChangeDetectorRef,
                     FormBuilder,
                     NgZone])
             ], CodeViewDialogComponent));
@@ -57123,8 +57130,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             const systemDir$8 = '@stratusjs/angular';
             const moduleName$9 = 'citationManager';
             const parentModuleName$2 = 'froala/plugins';
-            const min$8 = !cookie('env') ? '.min' : '';
-            const localDir$9 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$8}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$c = !cookie('env') ? '.min' : '';
+            const localDir$d = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$8}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             extend(FroalaEditor.POPUP_TEMPLATES, {
                 'citationManager.toolbar': '[_BUTTONS_]'
             });
@@ -57135,7 +57142,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 let inputButton;
                 const debug = false;
                 function _init() {
-                    Stratus.Internals.CssLoader(`${localDir$9}${parentModuleName$2}/${moduleName$9}${min$8}.css`);
+                    Stratus.Internals.CssLoader(`${localDir$d}${parentModuleName$2}/${moduleName$9}${min$c}.css`);
                     inputButton = new InputButtonPlugin({
                         name: 'Citation Manager',
                         eventName: 'citation-input',
@@ -57436,20 +57443,20 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 undo: true
             });
 
-            var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$f = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
             const systemPackage = '@stratusjs/angular';
             const froalaPackage = 'froala-editor';
             const moduleName$8 = 'editor';
-            const min$7 = !cookie('env') ? '.min' : '';
-            const localDir$8 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemPackage}/*`].replace(/[^\/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$b = !cookie('env') ? '.min' : '';
+            const localDir$c = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemPackage}/*`].replace(/[^\/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             const froalaDir = `${Stratus.BaseUrl}${boot.configuration.paths[froalaPackage].replace(/js\/[^\/]*$/, '')}`;
             const has$2 = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let EditorComponent = exports('EditorComponent', class EditorComponent extends RootComponent {
@@ -57917,11 +57924,11 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$8)}_component_`);
                     Stratus.Instances[this.uid] = this;
                     Stratus.Internals.LoadCss([
-                        `${localDir$8}${moduleName$8}/${moduleName$8}.component${min$7}.css`,
-                        `${froalaDir}css/froala_editor.pkgd${min$7}.css`,
-                        `${froalaDir}css/third_party/embedly${min$7}.css`,
-                        `${froalaDir}css/third_party/font_awesome${min$7}.css`,
-                        `${froalaDir}css/third_party/image_tui${min$7}.css`,
+                        `${localDir$c}${moduleName$8}/${moduleName$8}.component${min$b}.css`,
+                        `${froalaDir}css/froala_editor.pkgd${min$b}.css`,
+                        `${froalaDir}css/third_party/embedly${min$b}.css`,
+                        `${froalaDir}css/third_party/font_awesome${min$b}.css`,
+                        `${froalaDir}css/third_party/image_tui${min$b}.css`,
                     ]).then(() => {
                         this.styled = true;
                         this.refresh();
@@ -57979,6 +57986,13 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     const dataControl = this.form.get('dataString');
                     if (this.debounceSave) {
                         dataControl.valueChanges.pipe(debounce(() => timer(this.debounceTime)), catchError(this.handleError)).subscribe((evt) => this.modelSave(evt));
+                        dataControl.valueChanges.pipe(debounce(() => timer(250)), catchError(this.handleError)).subscribe((evt) => {
+                            if (this.model.changedExternal) {
+                                return;
+                            }
+                            this.model.changedExternal = true;
+                            this.model.trigger('change');
+                        });
                     }
                     else {
                         dataControl.valueChanges.forEach((value) => this.modelSave(value));
@@ -58000,7 +58014,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         innerHTML = this.froalaEditorDirective.getEditor().el.innerHTML;
                     }
                     this.model.set(this.property, this.normalizeOut(innerHTML || value));
-                    if (this.forceSave) {
+                    this.model.changedExternal = false;
+                    if (this.forceSave && !_.isEmpty(this.model.getIdentifier())) {
                         this.model.save();
                     }
                 }
@@ -58257,55 +58272,55 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     });
                 }
             });
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", String)
+                __metadata$f("design:type", String)
             ], EditorComponent.prototype, "target", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", String)
+                __metadata$f("design:type", String)
             ], EditorComponent.prototype, "targetSuffix", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", Number)
+                __metadata$f("design:type", Number)
             ], EditorComponent.prototype, "id", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", Boolean)
+                __metadata$f("design:type", Boolean)
             ], EditorComponent.prototype, "manifest", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", Boolean)
+                __metadata$f("design:type", Boolean)
             ], EditorComponent.prototype, "decouple", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", Boolean)
+                __metadata$f("design:type", Boolean)
             ], EditorComponent.prototype, "direct", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", Object)
+                __metadata$f("design:type", Object)
             ], EditorComponent.prototype, "api", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", String)
+                __metadata$f("design:type", String)
             ], EditorComponent.prototype, "urlRoot", void 0);
-            __decorate$b([
+            __decorate$h([
                 Input(),
-                __metadata$9("design:type", String)
+                __metadata$f("design:type", String)
             ], EditorComponent.prototype, "property", void 0);
-            exports('EditorComponent', EditorComponent = __decorate$b([
+            exports('EditorComponent', EditorComponent = __decorate$h([
                 Component({
                     selector: `sa-${moduleName$8}`,
-                    templateUrl: `${localDir$8}/${moduleName$8}/${moduleName$8}.component${min$7}.html`,
+                    templateUrl: `${localDir$c}/${moduleName$8}/${moduleName$8}.component${min$b}.html`,
                 }),
-                __metadata$9("design:paramtypes", [DomSanitizer,
+                __metadata$f("design:paramtypes", [DomSanitizer,
                     ChangeDetectorRef,
                     ElementRef,
                     FormBuilder,
                     MatDialog])
             ], EditorComponent));
 
-            var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -58313,7 +58328,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             let AngularModules = exports('AngularModules', class AngularModules {
             });
-            exports('AngularModules', AngularModules = __decorate$a([
+            exports('AngularModules', AngularModules = __decorate$g([
                 NgModule({
                     exports: [
                         EditorComponent,
@@ -86881,7 +86896,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         },] }
             ];
 
-            var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -86889,7 +86904,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
             };
             let MaterialModules = exports('MaterialModules', class MaterialModules {
             });
-            exports('MaterialModules', MaterialModules = __decorate$9([
+            exports('MaterialModules', MaterialModules = __decorate$f([
                 NgModule({
                     exports: [
                         A11yModule,
@@ -95565,19 +95580,19 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 return FlexLayoutModule;
             }());
 
-            var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$e = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
             const systemDir$7 = '@stratusjs/angular';
             const moduleName$7 = 'base';
-            const min$6 = !cookie('env') ? '.min' : '';
-            const localDir$7 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$7}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$a = !cookie('env') ? '.min' : '';
+            const localDir$b = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$7}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let BaseComponent = exports('BaseComponent', class BaseComponent extends RootComponent {
                 constructor(sanitizer, ref, elementRef) {
                     super();
@@ -95607,76 +95622,76 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     });
                 }
             });
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", String)
+                __metadata$e("design:type", String)
             ], BaseComponent.prototype, "target", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", String)
+                __metadata$e("design:type", String)
             ], BaseComponent.prototype, "targetSuffix", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", Number)
+                __metadata$e("design:type", Number)
             ], BaseComponent.prototype, "id", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", Boolean)
+                __metadata$e("design:type", Boolean)
             ], BaseComponent.prototype, "manifest", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", Boolean)
+                __metadata$e("design:type", Boolean)
             ], BaseComponent.prototype, "decouple", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", Boolean)
+                __metadata$e("design:type", Boolean)
             ], BaseComponent.prototype, "direct", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", Object)
+                __metadata$e("design:type", Object)
             ], BaseComponent.prototype, "api", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", String)
+                __metadata$e("design:type", String)
             ], BaseComponent.prototype, "urlRoot", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", String)
+                __metadata$e("design:type", String)
             ], BaseComponent.prototype, "type", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", String)
+                __metadata$e("design:type", String)
             ], BaseComponent.prototype, "property", void 0);
-            __decorate$8([
+            __decorate$e([
                 Input(),
-                __metadata$8("design:type", String)
+                __metadata$e("design:type", String)
             ], BaseComponent.prototype, "endpoint", void 0);
-            exports('BaseComponent', BaseComponent = __decorate$8([
+            exports('BaseComponent', BaseComponent = __decorate$e([
                 Component({
                     selector: 'sa-base',
-                    templateUrl: `${localDir$7}/${moduleName$7}/${moduleName$7}.component${min$6}.html`,
+                    templateUrl: `${localDir$b}/${moduleName$7}/${moduleName$7}.component${min$a}.html`,
                 }),
-                __metadata$8("design:paramtypes", [DomSanitizer,
+                __metadata$e("design:paramtypes", [DomSanitizer,
                     ChangeDetectorRef,
                     ElementRef])
             ], BaseComponent));
 
-            var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$7 = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$d = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
-            var __param$2 = (undefined && undefined.__param) || function (paramIndex, decorator) {
+            var __param$3 = (undefined && undefined.__param) || function (paramIndex, decorator) {
                 return function (target, key) { decorator(target, key, paramIndex); }
             };
             const systemDir$6 = '@stratusjs/angular';
             const moduleName$6 = 'confirm-dialog';
-            const min$5 = !cookie('env') ? '.min' : '';
-            const localDir$6 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$6}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$9 = !cookie('env') ? '.min' : '';
+            const localDir$a = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$6}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             let ConfirmDialogComponent = exports('ConfirmDialogComponent', class ConfirmDialogComponent {
                 constructor(dialogRef, data) {
                     this.dialogRef = dialogRef;
@@ -95689,25 +95704,25 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.dialogRef.close(false);
                 }
             });
-            exports('ConfirmDialogComponent', ConfirmDialogComponent = __decorate$7([
+            exports('ConfirmDialogComponent', ConfirmDialogComponent = __decorate$d([
                 Component({
                     selector: `sa-${moduleName$6}`,
-                    templateUrl: `${localDir$6}/${moduleName$6}/${moduleName$6}.component${min$5}.html`,
+                    templateUrl: `${localDir$a}/${moduleName$6}/${moduleName$6}.component${min$9}.html`,
                 }),
-                __param$2(1, Inject(MAT_DIALOG_DATA)),
-                __metadata$7("design:paramtypes", [MatDialogRef, Object])
+                __param$3(1, Inject(MAT_DIALOG_DATA)),
+                __metadata$d("design:paramtypes", [MatDialogRef, Object])
             ], ConfirmDialogComponent));
 
-            var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$c = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
-            var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+            var __awaiter$7 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
                 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
                 return new (P || (P = Promise))(function (resolve, reject) {
                     function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -95716,9 +95731,9 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     step((generator = generator.apply(thisArg, _arguments || [])).next());
                 });
             };
-            const packageName = 'map';
-            const systemDir$5 = `@stratusjs/${packageName}`;
-            const localDir$5 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$5}/*`].replace(/[^/]*$/, '').replace(/angular\/dist\/$/, 'map/src/')}`;
+            const packageName$5 = 'map';
+            const systemDir$5 = `@stratusjs/${packageName$5}`;
+            const localDir$9 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$5}/*`].replace(/[^/]*$/, '').replace(/angular\/dist\/$/, 'map/src/')}`;
             const moduleName$5 = 'map';
             const devGoogleMapsKey = 'AIzaSyBAyMH-A99yD5fHQPz7uzqk8glNJYGEqus';
             class Watcher {
@@ -95815,7 +95830,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.highestMarkerZIndex = 0;
                     this.uid = _.uniqueId(`sa_${_.snakeCase(moduleName$5)}_component_`);
                     Stratus.Instances[this.uid] = this;
-                    Stratus.Internals.CssLoader(`${localDir$5}/${moduleName$5}.component.css`)
+                    Stratus.Internals.CssLoader(`${localDir$9}/${moduleName$5}.component.css`)
                         .then(() => {
                         this.styled = true;
                     })
@@ -95838,12 +95853,12 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.watcher.checkWatchers();
                 }
                 ngOnInit() {
-                    return __awaiter$1(this, void 0, void 0, function* () {
+                    return __awaiter$7(this, void 0, void 0, function* () {
                         this.initializing = true;
                     });
                 }
                 ngAfterViewInit() {
-                    return __awaiter$1(this, void 0, void 0, function* () {
+                    return __awaiter$7(this, void 0, void 0, function* () {
                         try {
                             yield this.initGoogleMapsApi();
                             this.map = new google.maps.Map(this.gMap.nativeElement, this.options);
@@ -96023,7 +96038,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.map.fitBounds(latLngBounds);
                 }
                 initGoogleMapsApi() {
-                    return __awaiter$1(this, void 0, void 0, function* () {
+                    return __awaiter$7(this, void 0, void 0, function* () {
                         if (Object.prototype.hasOwnProperty.call(window, 'google') &&
                             Object.prototype.hasOwnProperty.call(window.google, 'maps')) {
                             return;
@@ -96044,7 +96059,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     });
                 }
                 getCurrentPosition(highAccuracy) {
-                    return __awaiter$1(this, void 0, void 0, function* () {
+                    return __awaiter$7(this, void 0, void 0, function* () {
                         return new Promise((resolve, reject) => {
                             const options = {};
                             if (highAccuracy) {
@@ -96176,112 +96191,112 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     this.info.open(this.map, marker);
                 }
             };
-            __decorate$6([
+            __decorate$c([
                 ViewChild('mapContainer', { static: false }),
-                __metadata$6("design:type", ElementRef)
+                __metadata$c("design:type", ElementRef)
             ], MapComponent.prototype, "gMap", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", String)
+                __metadata$c("design:type", String)
             ], MapComponent.prototype, "height", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", String)
+                __metadata$c("design:type", String)
             ], MapComponent.prototype, "width", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "referenceParent", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "fullHeight", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", String)
+                __metadata$c("design:type", String)
             ], MapComponent.prototype, "fullHeightMinusElements", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "googleMapsKey", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "markers", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "callback", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "zoom", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "mapType", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "zoomControl", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "scrollwheel", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "disableDoubleClickZoom", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "center", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "defaultIcon", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Object)
+                __metadata$c("design:type", Object)
             ], MapComponent.prototype, "defaultIconHover", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Number)
+                __metadata$c("design:type", Number)
             ], MapComponent.prototype, "defaultIconLabelOriginX", void 0);
-            __decorate$6([
+            __decorate$c([
                 Input(),
-                __metadata$6("design:type", Number)
+                __metadata$c("design:type", Number)
             ], MapComponent.prototype, "defaultIconLabelOriginY", void 0);
-            __decorate$6([
+            __decorate$c([
                 HostListener('window:resize', ['$event']),
-                __metadata$6("design:type", Function),
-                __metadata$6("design:paramtypes", []),
-                __metadata$6("design:returntype", void 0)
+                __metadata$c("design:type", Function),
+                __metadata$c("design:paramtypes", []),
+                __metadata$c("design:returntype", void 0)
             ], MapComponent.prototype, "onResize", null);
-            MapComponent = __decorate$6([
+            MapComponent = __decorate$c([
                 Component({
                     selector: `sa-${moduleName$5}`,
-                    templateUrl: `${localDir$5}/${moduleName$5}.component.html`
+                    templateUrl: `${localDir$9}/${moduleName$5}.component.html`
                 }),
-                __metadata$6("design:paramtypes", [KeyValueDiffers,
+                __metadata$c("design:paramtypes", [KeyValueDiffers,
                     Window,
                     DomSanitizer,
                     ElementRef])
             ], MapComponent);
 
-            var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$b = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
             const systemDir$4 = '@stratusjs/angular';
             const moduleName$4 = 'media-selector';
-            const min$4 = !cookie('env') ? '.min' : '';
-            const localDir$4 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$4}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$8 = !cookie('env') ? '.min' : '';
+            const localDir$8 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$4}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             const has$1 = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let MediaSelectorComponent = exports('MediaSelectorComponent', class MediaSelectorComponent extends RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef, viewportRuler) {
@@ -96352,7 +96367,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         media_selector_audio: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-audio.svg`,
                         media_selector_document: `${Stratus.BaseUrl}sitetheorymedia/images/mediaTypeIcons/media-icon-document.svg`
                     }, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key));
-                    Stratus.Internals.CssLoader(`${localDir$4}${moduleName$4}/${moduleName$4}.component${min$4}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$8}${moduleName$4}/${moduleName$4}.component${min$8}.css`)
                         .then(() => {
                         this.styled = true;
                         this.refresh();
@@ -96595,64 +96610,64 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     };
                 }
             });
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", String)
+                __metadata$b("design:type", String)
             ], MediaSelectorComponent.prototype, "target", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", String)
+                __metadata$b("design:type", String)
             ], MediaSelectorComponent.prototype, "targetSuffix", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", Number)
+                __metadata$b("design:type", Number)
             ], MediaSelectorComponent.prototype, "id", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", Boolean)
+                __metadata$b("design:type", Boolean)
             ], MediaSelectorComponent.prototype, "manifest", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", Boolean)
+                __metadata$b("design:type", Boolean)
             ], MediaSelectorComponent.prototype, "decouple", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", Boolean)
+                __metadata$b("design:type", Boolean)
             ], MediaSelectorComponent.prototype, "direct", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", Object)
+                __metadata$b("design:type", Object)
             ], MediaSelectorComponent.prototype, "api", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", String)
+                __metadata$b("design:type", String)
             ], MediaSelectorComponent.prototype, "urlRoot", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", String)
+                __metadata$b("design:type", String)
             ], MediaSelectorComponent.prototype, "type", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", String)
+                __metadata$b("design:type", String)
             ], MediaSelectorComponent.prototype, "property", void 0);
-            __decorate$5([
+            __decorate$b([
                 Input(),
-                __metadata$5("design:type", String)
+                __metadata$b("design:type", String)
             ], MediaSelectorComponent.prototype, "endpoint", void 0);
-            __decorate$5([
+            __decorate$b([
                 ViewChild(CdkDropListGroup),
-                __metadata$5("design:type", CdkDropListGroup)
+                __metadata$b("design:type", CdkDropListGroup)
             ], MediaSelectorComponent.prototype, "listGroup", void 0);
-            __decorate$5([
+            __decorate$b([
                 ViewChild(CdkDropList),
-                __metadata$5("design:type", CdkDropList)
+                __metadata$b("design:type", CdkDropList)
             ], MediaSelectorComponent.prototype, "placeholder", void 0);
-            exports('MediaSelectorComponent', MediaSelectorComponent = __decorate$5([
+            exports('MediaSelectorComponent', MediaSelectorComponent = __decorate$b([
                 Component({
                     selector: `sa-${moduleName$4}`,
-                    templateUrl: `${localDir$4}/${moduleName$4}/${moduleName$4}.component${min$4}.html`,
+                    templateUrl: `${localDir$8}/${moduleName$4}/${moduleName$4}.component${min$8}.html`,
                 }),
-                __metadata$5("design:paramtypes", [MatIconRegistry,
+                __metadata$b("design:paramtypes", [MatIconRegistry,
                     DomSanitizer,
                     ChangeDetectorRef,
                     ElementRef,
@@ -96669,19 +96684,19 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 return y >= top && y <= bottom && x >= left && x <= right;
             }
 
-            var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+            var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
                 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
                 return c > 3 && r && Object.defineProperty(target, key, r), r;
             };
-            var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
+            var __metadata$a = (undefined && undefined.__metadata) || function (k, v) {
                 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
             };
             const systemDir$3 = '@stratusjs/angular';
             const moduleName$3 = 'selector';
-            const min$3 = !cookie('env') ? '.min' : '';
-            const localDir$3 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$3}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
+            const min$7 = !cookie('env') ? '.min' : '';
+            const localDir$7 = `${Stratus.BaseUrl}${boot.configuration.paths[`${systemDir$3}/*`].replace(/[^/]*$/, '').replace(/\/dist\/$/, '/src/')}`;
             const has = (object, path) => _.has(object, path) && !_.isEmpty(_.get(object, path));
             let SelectorComponent = exports('SelectorComponent', class SelectorComponent extends RootComponent {
                 constructor(iconRegistry, sanitizer, ref, elementRef) {
@@ -96708,7 +96723,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         selector_delete: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/delete.svg`,
                         selector_edit: `${Stratus.BaseUrl}sitetheorycore/images/icons/actionButtons/edit.svg`
                     }, (value, key) => iconRegistry.addSvgIcon(key, sanitizer.bypassSecurityTrustResourceUrl(value)).getNamedSvgIcon(key));
-                    Stratus.Internals.CssLoader(`${localDir$3}${moduleName$3}/${moduleName$3}.component${min$3}.css`)
+                    Stratus.Internals.CssLoader(`${localDir$7}${moduleName$3}/${moduleName$3}.component${min$7}.css`)
                         .then(() => {
                         this.styled = true;
                         this.refresh();
@@ -96847,61 +96862,1076 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     return uid;
                 }
             });
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", String)
+                __metadata$a("design:type", String)
             ], SelectorComponent.prototype, "target", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", String)
+                __metadata$a("design:type", String)
             ], SelectorComponent.prototype, "targetSuffix", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", Number)
+                __metadata$a("design:type", Number)
             ], SelectorComponent.prototype, "id", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", Boolean)
+                __metadata$a("design:type", Boolean)
             ], SelectorComponent.prototype, "manifest", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", Boolean)
+                __metadata$a("design:type", Boolean)
             ], SelectorComponent.prototype, "decouple", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", Boolean)
+                __metadata$a("design:type", Boolean)
             ], SelectorComponent.prototype, "direct", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", Object)
+                __metadata$a("design:type", Object)
             ], SelectorComponent.prototype, "api", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", String)
+                __metadata$a("design:type", String)
             ], SelectorComponent.prototype, "urlRoot", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", String)
+                __metadata$a("design:type", String)
             ], SelectorComponent.prototype, "type", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", String)
+                __metadata$a("design:type", String)
             ], SelectorComponent.prototype, "property", void 0);
-            __decorate$4([
+            __decorate$a([
                 Input(),
-                __metadata$4("design:type", String)
+                __metadata$a("design:type", String)
             ], SelectorComponent.prototype, "endpoint", void 0);
-            exports('SelectorComponent', SelectorComponent = __decorate$4([
+            exports('SelectorComponent', SelectorComponent = __decorate$a([
                 Component({
                     selector: `sa-${moduleName$3}`,
-                    templateUrl: `${localDir$3}/${moduleName$3}/${moduleName$3}.component${min$3}.html`,
+                    templateUrl: `${localDir$7}/${moduleName$3}/${moduleName$3}.component${min$7}.html`,
                 }),
-                __metadata$4("design:paramtypes", [MatIconRegistry,
+                __metadata$a("design:paramtypes", [MatIconRegistry,
                     DomSanitizer,
                     ChangeDetectorRef,
                     ElementRef])
             ], SelectorComponent));
 
+            var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+                var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+                if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+                else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+                return c > 3 && r && Object.defineProperty(target, key, r), r;
+            };
+            var __metadata$9 = (undefined && undefined.__metadata) || function (k, v) {
+                if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+            };
+            var __awaiter$6 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+                function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+                return new (P || (P = Promise))(function (resolve, reject) {
+                    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+                    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+                    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+                    step((generator = generator.apply(thisArg, _arguments || [])).next());
+                });
+            };
+            let StripeService = class StripeService {
+                constructor() {
+                    this.publishKey = '';
+                    this.Stripe = {};
+                    this.collections = [];
+                    this.initializing = false;
+                    this.initialized = false;
+                    Stratus.Services.Stripe = this;
+                }
+                initialize() {
+                    return __awaiter$6(this, void 0, void 0, function* () {
+                        if (!this.initialized && !this.initializing) {
+                            this.initializing = true;
+                            try {
+                                yield Stratus.Internals.JsLoader('https://js.stripe.com/v3/');
+                                if (!Object.prototype.hasOwnProperty.call(window, 'Stripe')) {
+                                    console.error('Stripe Api was not initialized, cannot continue');
+                                    this.initializing = false;
+                                    return;
+                                }
+                            }
+                            catch (e) {
+                                console.error('Stripe Api could not be fetched, cannot continue');
+                                this.initializing = false;
+                                return;
+                            }
+                            this.Stripe.stripe = window.Stripe(this.publishKey);
+                            this.Stripe.stripeElements = this.Stripe.stripe.elements();
+                            this.initialized = true;
+                            this.initializing = false;
+                        }
+                        else if (this.initializing) {
+                            return yield this.waitForInitialization();
+                        }
+                    });
+                }
+                waitForInitialization() {
+                    return __awaiter$6(this, void 0, void 0, function* () {
+                        yield new Promise(() => {
+                            setTimeout(() => __awaiter$6(this, void 0, void 0, function* () {
+                                if (this.initializing) {
+                                    return yield this.waitForInitialization();
+                                }
+                                else if (!this.initialized) {
+                                    throw new Error('Unable to initialize');
+                                }
+                                else {
+                                    return;
+                                }
+                            }), 1000);
+                        });
+                        return;
+                    });
+                }
+                elements(key) {
+                    return __awaiter$6(this, void 0, void 0, function* () {
+                        this.publishKey = key;
+                        yield this.initialize();
+                        return this.Stripe.stripeElements;
+                    });
+                }
+                confirmCardSetup(id, clientSecret, data, options) {
+                    return __awaiter$6(this, void 0, void 0, function* () {
+                        if (isEmpty(this.currentElement) ||
+                            this.currentElement.id !== id) {
+                            const error = {
+                                type: 'invalid_request_error',
+                                charge: null,
+                                message: 'The Element for ' + id + 'no longer exists. Cannot attach confirmCardSetup'
+                            };
+                            return { error };
+                        }
+                        const stripeData = {
+                            payment_method: {
+                                card: this.currentElement.element
+                            }
+                        };
+                        if (data
+                            && !isEmpty(data.payment_method)
+                            && !isString(data.payment_method)
+                            && !isEmpty(data.payment_method.billing_details)
+                            && !isString(stripeData.payment_method)) {
+                            stripeData.payment_method.billing_details = data.payment_method.billing_details;
+                        }
+                        return this.Stripe.stripe.confirmCardSetup(clientSecret, stripeData, options);
+                    });
+                }
+                registerCollection(collection) {
+                    this.collections.push(collection);
+                }
+                fetchCollections() {
+                    this.collections.forEach((collection) => {
+                        collection.fetch();
+                    });
+                }
+                createElement(id, publishKey, paymentMethodType, options, mountElement) {
+                    return __awaiter$6(this, void 0, void 0, function* () {
+                        if (!isEmpty(this.currentElement)) {
+                            console.warn('StripeElement for', this.currentElement.id, 'already exists. Destroying existing (consider cleaning up first)');
+                            this.destroyElement();
+                        }
+                        const element = (yield this.elements(publishKey)).create(paymentMethodType, options);
+                        this.currentElement = {
+                            id: uniqueId$3(id + '_'),
+                            paymentMethodType,
+                            element
+                        };
+                        if (mountElement) {
+                            this.mountElement(this.currentElement.id, mountElement);
+                        }
+                        return this.currentElement.id;
+                    });
+                }
+                mountElement(id, mountElement) {
+                    if (isEmpty(this.currentElement) ||
+                        this.currentElement.id !== id) {
+                        return;
+                    }
+                    this.currentElement.element.mount(mountElement);
+                }
+                unmountElement(id) {
+                    if (isEmpty(this.currentElement) ||
+                        this.currentElement.id !== id) {
+                        return;
+                    }
+                    this.currentElement.element.unmount();
+                }
+                elementAddEventListener(id, event, handler) {
+                    if (isEmpty(this.currentElement) ||
+                        this.currentElement.id !== id) {
+                        console.error('The StripeElement for', id, 'no longer exists. Cannot attach listener');
+                        return;
+                    }
+                    return this.currentElement.element.addEventListener(event, handler);
+                }
+                destroyElement(id) {
+                    if (!isEmpty(this.currentElement) &&
+                        (isNil(id) ||
+                            (isString(id) && this.currentElement.id === id))) {
+                        if (this.currentElement.element) {
+                            this.currentElement.element.unmount();
+                            this.currentElement.element.destroy();
+                        }
+                        this.currentElement = undefined;
+                    }
+                }
+            };
+            StripeService = __decorate$9([
+                Injectable({
+                    providedIn: 'root'
+                }),
+                __metadata$9("design:paramtypes", [])
+            ], StripeService);
+
+            var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+                var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+                if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+                else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+                return c > 3 && r && Object.defineProperty(target, key, r), r;
+            };
+            var __metadata$8 = (undefined && undefined.__metadata) || function (k, v) {
+                if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+            };
+            var __param$2 = (undefined && undefined.__param) || function (paramIndex, decorator) {
+                return function (target, key) { decorator(target, key, paramIndex); }
+            };
+            var __awaiter$5 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+                function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+                return new (P || (P = Promise))(function (resolve, reject) {
+                    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+                    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+                    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+                    step((generator = generator.apply(thisArg, _arguments || [])).next());
+                });
+            };
+            const min$6 = !cookie('env') ? '.min' : '';
+            const packageName$4 = 'stripe';
+            const componentName$4 = 'payment-method';
+            const localDir$6 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$4}/src/`;
+            let StripePaymentMethodComponent = class StripePaymentMethodComponent extends RootComponent {
+                constructor(elementRef, sanitizer, Stripe, dialogRef, dialogData) {
+                    super();
+                    this.elementRef = elementRef;
+                    this.sanitizer = sanitizer;
+                    this.Stripe = Stripe;
+                    this.dialogRef = dialogRef;
+                    this.dialogData = dialogData;
+                    this.title = `${packageName$4}_${componentName$4}_component`;
+                    this.styled = false;
+                    this.initialized = false;
+                    this.cardComplete = false;
+                    this.cardSaved = false;
+                    this.formPending = false;
+                    this.publishKey = '';
+                    this.formMessage = '';
+                    this.paymentMethodApiPath = 'PaymentMethod';
+                    this.billingInfo = {
+                        address: {}
+                    };
+                    this.uid = uniqueId$3(`sa_${snakeCase(this.title)}_`);
+                    Stratus.Instances[this.uid] = this;
+                    this.elementId = this.elementId || this.uid;
+                    Stratus.Internals.CssLoader(`${localDir$6}${componentName$4}.component${min$6}.css`)
+                        .then(() => {
+                        this.styled = true;
+                    })
+                        .catch(() => {
+                        console.error('CSS Failed to load for Component:', this);
+                        this.styled = false;
+                    });
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "uid", "elementId", "_", "styled", "initialized", "cardComplete", "cardSaved", "formPending", "clientSecret", "publishKey", "formMessage", "detailedBillingInfo", "defaultBillingInfo", "paymentMethodApiPath", "billingInfo", "cardId", "elementRef", "sanitizer", "Stripe", "dialogRef", "dialogData", "ngOnInit", "isEditable", "isBillingDetailsFilled", "isSubmittable", "saveCard", "dialogClose", "ngOnDestroy", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh"]);
+                    if (!isEmpty(this.dialogData)) {
+                        const keysPossible = ["clientSecret", "publishKey", "formMessage", "detailedBillingInfo", "defaultBillingInfo"];
+                        Object.keys(this.dialogData).forEach((attr) => {
+                            if (!isEmpty(attr) && includes(keysPossible, attr)) {
+                                set(this, attr, this.dialogData[attr]);
+                            }
+                        });
+                    }
+                    if (isObject$1(this.defaultBillingInfo)) {
+                        assignIn(this.billingInfo, this.defaultBillingInfo);
+                    }
+                }
+                ngOnInit() {
+                    return __awaiter$5(this, void 0, void 0, function* () {
+                        const options = {
+                            hidePostalCode: this.detailedBillingInfo ? true : false
+                        };
+                        this.cardId = yield this.Stripe.createElement(this.uid, this.publishKey, 'card', options, `#${this.elementId}-mount`);
+                        this.Stripe.elementAddEventListener(this.cardId, 'change', (event) => {
+                            const displayError = document.getElementById(`${this.elementId}-errors`);
+                            if (Object.prototype.hasOwnProperty.call(event, 'complete') &&
+                                this.cardComplete !== event.complete) {
+                                this.cardComplete = event.complete;
+                            }
+                            if (event.error) {
+                                displayError.textContent = event.error.message;
+                            }
+                            else {
+                                displayError.textContent = '';
+                            }
+                        });
+                        this.initialized = true;
+                    });
+                }
+                isEditable() {
+                    return !this.formPending && this.initialized;
+                }
+                isBillingDetailsFilled() {
+                    if (!isEmpty(this.billingInfo.name) &&
+                        !isEmpty(this.billingInfo.email) &&
+                        !isEmpty(this.billingInfo.address.line1) &&
+                        !isEmpty(this.billingInfo.address.city) &&
+                        !isEmpty(this.billingInfo.address.state) &&
+                        !isEmpty(this.billingInfo.address.postal_code)) ;
+                    return this.isEditable();
+                }
+                isSubmittable() {
+                    return this.cardComplete && this.isEditable() && this.isBillingDetailsFilled();
+                }
+                saveCard() {
+                    return __awaiter$5(this, void 0, void 0, function* () {
+                        if (!this.isSubmittable()) {
+                            return;
+                        }
+                        this.formPending = true;
+                        const { setupIntent, error } = yield this.Stripe.confirmCardSetup(this.cardId, this.clientSecret, {
+                            payment_method: {
+                                billing_details: this.billingInfo
+                            }
+                        });
+                        if (error) {
+                            console.error('error:', error, setupIntent);
+                            this.formPending = false;
+                            const displayError = document.getElementById(`${this.elementId}-errors`);
+                            let errorMessage = 'An Unknown Error has occurred';
+                            if (Object.prototype.hasOwnProperty.call(error, 'message')) {
+                                errorMessage = error.message;
+                            }
+                            displayError.textContent = errorMessage;
+                            return;
+                        }
+                        if (setupIntent.status === 'succeeded'
+                            && isString(setupIntent.payment_method)) {
+                            const model = new Model({
+                                target: this.paymentMethodApiPath
+                            });
+                            model.data = {
+                                payment_method: setupIntent.payment_method
+                            };
+                            yield model.save();
+                            this.cardSaved = true;
+                            this.formPending = false;
+                            this.Stripe.fetchCollections();
+                        }
+                        else {
+                            this.formPending = false;
+                            console.error('something went wrong. no error, no success', setupIntent);
+                            const displayError = document.getElementById(`${this.elementId}-errors`);
+                            displayError.textContent = 'An unknown Error has occurred';
+                        }
+                    });
+                }
+                dialogClose() {
+                    if (this.dialogRef) {
+                        this.dialogRef.close();
+                    }
+                }
+                ngOnDestroy() {
+                    if (this.cardId) {
+                        this.Stripe.destroyElement(this.cardId);
+                    }
+                    super.ngOnDestroy();
+                }
+            };
+            __decorate$8([
+                Input(),
+                __metadata$8("design:type", String)
+            ], StripePaymentMethodComponent.prototype, "elementId", void 0);
+            __decorate$8([
+                Input(),
+                __metadata$8("design:type", String)
+            ], StripePaymentMethodComponent.prototype, "clientSecret", void 0);
+            __decorate$8([
+                Input(),
+                __metadata$8("design:type", Object)
+            ], StripePaymentMethodComponent.prototype, "publishKey", void 0);
+            __decorate$8([
+                Input(),
+                __metadata$8("design:type", Object)
+            ], StripePaymentMethodComponent.prototype, "formMessage", void 0);
+            __decorate$8([
+                Input(),
+                __metadata$8("design:type", Boolean)
+            ], StripePaymentMethodComponent.prototype, "detailedBillingInfo", void 0);
+            __decorate$8([
+                Input(),
+                __metadata$8("design:type", Object)
+            ], StripePaymentMethodComponent.prototype, "defaultBillingInfo", void 0);
+            StripePaymentMethodComponent = __decorate$8([
+                Component({
+                    selector: `sa-${packageName$4}-${componentName$4}`,
+                    templateUrl: `${localDir$6}${componentName$4}.component${min$6}.html`,
+                }),
+                __param$2(3, Optional()),
+                __param$2(4, Optional()),
+                __param$2(4, Inject(MAT_DIALOG_DATA)),
+                __metadata$8("design:paramtypes", [ElementRef,
+                    DomSanitizer,
+                    StripeService,
+                    MatDialogRef, Object])
+            ], StripePaymentMethodComponent);
+
+            var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+                var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+                if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+                else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+                return c > 3 && r && Object.defineProperty(target, key, r), r;
+            };
+            var __metadata$7 = (undefined && undefined.__metadata) || function (k, v) {
+                if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+            };
+            var __awaiter$4 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+                function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+                return new (P || (P = Promise))(function (resolve, reject) {
+                    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+                    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+                    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+                    step((generator = generator.apply(thisArg, _arguments || [])).next());
+                });
+            };
+            const min$5 = !cookie('env') ? '.min' : '';
+            const packageName$3 = 'stripe';
+            const componentName$3 = 'payment-method-item';
+            const localDir$5 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$3}/src/`;
+            let StripePaymentMethodItemComponent = class StripePaymentMethodItemComponent extends RootComponent {
+                constructor(dialog, elementRef, sanitizer) {
+                    super();
+                    this.dialog = dialog;
+                    this.elementRef = elementRef;
+                    this.sanitizer = sanitizer;
+                    this.title = `${packageName$3}_${componentName$3}_component`;
+                    this.editable = false;
+                    this.styled = false;
+                    this.initialized = false;
+                    this.uid = uniqueId$3(`sa_${snakeCase(this.title)}_`);
+                    Stratus.Instances[this.uid] = this;
+                    this.elementId = this.elementId || this.uid;
+                    Stratus.Internals.CssLoader(`${localDir$5}${componentName$3}.component${min$5}.css`)
+                        .then(() => {
+                        this.styled = true;
+                    })
+                        .catch(() => {
+                        console.error('CSS Failed to load for Component:', this);
+                        this.styled = false;
+                    });
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "uid", "elementId", "model", "editable", "styled", "initialized", "dialog", "elementRef", "sanitizer", "ngOnInit", "getCardLogoUrl", "isExpired", "isExpiring", "deletePM", "deletePMConfirmation", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                }
+                ngOnInit() {
+                    return __awaiter$4(this, void 0, void 0, function* () {
+                        this.initialized = true;
+                    });
+                }
+                getCardLogoUrl(brand) {
+                    return `${localDir$5}/images/card/${brand}.png`;
+                }
+                isExpired() {
+                    if (this.model.pending) {
+                        return false;
+                    }
+                    const d = new Date();
+                    const month = d.getMonth() + 1;
+                    const year = d.getFullYear();
+                    if (this.model.data.exp_year < year) {
+                        return true;
+                    }
+                    if (this.model.data.exp_year > year) {
+                        return false;
+                    }
+                    return this.model.data.exp_month < month;
+                }
+                isExpiring() {
+                    if (this.model.pending) {
+                        return false;
+                    }
+                    const d = new Date();
+                    const month = d.getMonth() + 1;
+                    const year = d.getFullYear();
+                    if (this.model.data.exp_year < year) {
+                        return true;
+                    }
+                    if (this.model.data.exp_year > year) {
+                        return false;
+                    }
+                    return this.model.data.exp_month <= month;
+                }
+                deletePM(event) {
+                    if (event) {
+                        event.stopPropagation();
+                    }
+                    this.deletePMConfirmation();
+                    return false;
+                }
+                deletePMConfirmation() {
+                    const dialog = this.dialog
+                        .open(ConfirmDialogComponent, {
+                        maxWidth: '400px',
+                        data: {
+                            title: 'Delete Payment Method',
+                            message: 'Are you sure you wish to remove this payment method from your personal account?'
+                        }
+                    });
+                    dialog
+                        .afterClosed()
+                        .subscribe((dialogResult) => __awaiter$4(this, void 0, void 0, function* () {
+                        if (!dialogResult) {
+                            return;
+                        }
+                        let collection;
+                        if (this.model.collection) {
+                            collection = this.model.collection;
+                        }
+                        yield this.model.destroy();
+                        if (collection) {
+                            collection.fetch();
+                        }
+                    }));
+                    return dialog;
+                }
+            };
+            __decorate$7([
+                Input(),
+                __metadata$7("design:type", String)
+            ], StripePaymentMethodItemComponent.prototype, "elementId", void 0);
+            __decorate$7([
+                Input(),
+                __metadata$7("design:type", Model)
+            ], StripePaymentMethodItemComponent.prototype, "model", void 0);
+            __decorate$7([
+                Input(),
+                __metadata$7("design:type", Object)
+            ], StripePaymentMethodItemComponent.prototype, "editable", void 0);
+            StripePaymentMethodItemComponent = __decorate$7([
+                Component({
+                    selector: `sa-${packageName$3}-${componentName$3}`,
+                    templateUrl: `${localDir$5}${componentName$3}.component${min$5}.html`,
+                }),
+                __metadata$7("design:paramtypes", [MatDialog,
+                    ElementRef,
+                    DomSanitizer])
+            ], StripePaymentMethodItemComponent);
+
+            var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+                var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+                if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+                else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+                return c > 3 && r && Object.defineProperty(target, key, r), r;
+            };
+            var __metadata$6 = (undefined && undefined.__metadata) || function (k, v) {
+                if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+            };
+            var __awaiter$3 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+                function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+                return new (P || (P = Promise))(function (resolve, reject) {
+                    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+                    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+                    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+                    step((generator = generator.apply(thisArg, _arguments || [])).next());
+                });
+            };
+            const min$4 = !cookie('env') ? '.min' : '';
+            const packageName$2 = 'stripe';
+            const componentName$2 = 'payment-method-list';
+            const localDir$4 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$2}/src/`;
+            let StripePaymentMethodListComponent = class StripePaymentMethodListComponent extends RootComponent {
+                constructor(elementRef, sanitizer, Stripe) {
+                    super();
+                    this.elementRef = elementRef;
+                    this.sanitizer = sanitizer;
+                    this.Stripe = Stripe;
+                    this.title = `${packageName$2}_${componentName$2}_component`;
+                    this.styled = false;
+                    this.initialized = false;
+                    this.paymentMethodApiPath = 'PaymentMethod';
+                    this.uid = uniqueId$3(`sa_${snakeCase(this.title)}_`);
+                    Stratus.Instances[this.uid] = this;
+                    this.elementId = this.elementId || this.uid;
+                    Stratus.Internals.CssLoader(`${localDir$4}${componentName$2}.component${min$4}.css`)
+                        .then(() => {
+                        this.styled = true;
+                    })
+                        .catch(() => {
+                        console.error('CSS Failed to load for Component:', this);
+                        this.styled = false;
+                    });
+                    this.collection = new Collection({
+                        autoSave: false,
+                        target: this.paymentMethodApiPath,
+                        watch: true
+                    });
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "uid", "elementId", "styled", "initialized", "collection", "detailedBillingInfo", "paymentMethodApiPath", "elementRef", "sanitizer", "Stripe", "ngOnInit", "ngAfterViewInit", "fetchPaymentMethods", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                }
+                ngOnInit() {
+                    return __awaiter$3(this, void 0, void 0, function* () {
+                        yield this.fetchPaymentMethods();
+                        this.Stripe.registerCollection(this.collection);
+                        this.initialized = true;
+                    });
+                }
+                ngAfterViewInit() {
+                }
+                fetchPaymentMethods() {
+                    return __awaiter$3(this, void 0, void 0, function* () {
+                        yield this.collection.fetch();
+                    });
+                }
+            };
+            __decorate$6([
+                Input(),
+                __metadata$6("design:type", String)
+            ], StripePaymentMethodListComponent.prototype, "elementId", void 0);
+            __decorate$6([
+                Input(),
+                __metadata$6("design:type", Boolean)
+            ], StripePaymentMethodListComponent.prototype, "detailedBillingInfo", void 0);
+            StripePaymentMethodListComponent = __decorate$6([
+                Component({
+                    selector: `sa-${packageName$2}-${componentName$2}`,
+                    templateUrl: `${localDir$4}${componentName$2}.component${min$4}.html`,
+                }),
+                __metadata$6("design:paramtypes", [ElementRef,
+                    DomSanitizer,
+                    StripeService])
+            ], StripePaymentMethodListComponent);
+
+            var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+                var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+                if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+                else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+                return c > 3 && r && Object.defineProperty(target, key, r), r;
+            };
+            var __metadata$5 = (undefined && undefined.__metadata) || function (k, v) {
+                if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+            };
+            var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+                function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+                return new (P || (P = Promise))(function (resolve, reject) {
+                    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+                    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+                    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+                    step((generator = generator.apply(thisArg, _arguments || [])).next());
+                });
+            };
+            const min$3 = !cookie('env') ? '.min' : '';
+            const packageName$1 = 'stripe';
+            const componentName$1 = 'payment-method-selector';
+            const localDir$3 = `${Stratus.BaseUrl}${Stratus.DeploymentPath}@stratusjs/${packageName$1}/src/`;
+            let StripePaymentMethodSelectorComponent = class StripePaymentMethodSelectorComponent extends RootComponent {
+                constructor(elementRef, fb, ref, sanitizer, Stripe) {
+                    super();
+                    this.elementRef = elementRef;
+                    this.fb = fb;
+                    this.ref = ref;
+                    this.sanitizer = sanitizer;
+                    this.Stripe = Stripe;
+                    this.title = `${packageName$1}_${componentName$1}_component`;
+                    this.styled = false;
+                    this.initialized = false;
+                    this.disabled = false;
+                    this.defaultBillingInfo = { address: {} };
+                    this.fieldName = 'paymentSelection';
+                    this.fieldNameId = 'paymentSelectionId';
+                    this.registry = new Registry();
+                    this.form = this.fb.group({
+                        [this.fieldName]: new FormControl(),
+                        [this.fieldNameId]: new FormControl({ disabled: true })
+                    });
+                    this.paymentMethodApiPath = 'PaymentMethod';
+                    this.uid = uniqueId$3(`sa_${snakeCase(this.title)}_`);
+                    Stratus.Instances[this.uid] = this;
+                    this.elementId = this.elementId || this.uid;
+                    Stratus.Internals.CssLoader(`${localDir$3}${componentName$1}.component${min$3}.css`)
+                        .then(() => {
+                        this.styled = true;
+                        this.refresh();
+                    })
+                        .catch(() => {
+                        console.error('CSS Failed to load for Component:', this);
+                        this.styled = false;
+                        this.refresh();
+                    });
+                    this.paymentCollection = new Collection({
+                        autoSave: false,
+                        target: this.paymentMethodApiPath,
+                        watch: true
+                    });
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "uid", "elementId", "styled", "initialized", "target", "targetSuffix", "id", "manifest", "decouple", "direct", "api", "urlRoot", "registryModel", "disabled", "property", "detailedBillingInfo", "defaultBillingName", "defaultBillingEmail", "defaultBillingPhone", "defaultBillingZip", "defaultBillingState", "defaultBillingCity", "defaultBillingAddress1", "defaultBillingAddress2", "defaultBillingInfo", "fieldName", "fieldNameId", "registry", "fetched", "model", "dataSub", "subscriber", "form", "paymentCollection", "paymentMethodApiPath", "elementRef", "fb", "ref", "sanitizer", "Stripe", "ngOnInit", "fetchPaymentMethods", "valueChanged", "normalizeOut", "normalizeIn", "fetchData", "objectComparisonFunction", "dataDefer", "dataRef", "handleObservableError", "isPMExpired", "hydrate", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                    if (this.defaultBillingName) {
+                        this.defaultBillingInfo.name = this.defaultBillingName;
+                    }
+                    if (this.defaultBillingEmail) {
+                        this.defaultBillingInfo.email = this.defaultBillingEmail;
+                    }
+                    if (this.defaultBillingPhone) {
+                        this.defaultBillingInfo.phone = this.defaultBillingPhone;
+                    }
+                    if (this.defaultBillingZip) {
+                        this.defaultBillingInfo.address.postal_code = this.defaultBillingZip;
+                    }
+                    if (this.defaultBillingState) {
+                        this.defaultBillingInfo.address.state = this.defaultBillingState;
+                    }
+                    if (this.defaultBillingCity) {
+                        this.defaultBillingInfo.address.city = this.defaultBillingCity;
+                    }
+                    if (this.defaultBillingAddress1) {
+                        this.defaultBillingInfo.address.line1 = this.defaultBillingAddress1;
+                    }
+                    if (this.defaultBillingAddress2) {
+                        this.defaultBillingInfo.address.line2 = this.defaultBillingAddress2;
+                    }
+                    if (this.registryModel !== false && this.registryModel !== 'false') {
+                        this.fetchData()
+                            .then(data => {
+                            if (!data || !(data instanceof EventManager$1)) {
+                                console.warn('Unable to bind data from Registry!');
+                                return;
+                            }
+                            const onDataChange = () => {
+                                if (!data.completed) {
+                                    return;
+                                }
+                                this.dataDefer(this.subscriber);
+                            };
+                            data.on('change', onDataChange);
+                            onDataChange();
+                        });
+                        this.dataSub = new Observable(subscriber => this.dataDefer(subscriber));
+                        this.dataSub.pipe(debounce(() => timer(500)), catchError(this.handleObservableError)).subscribe(evt => {
+                            const dataControl = this.form.get(this.fieldName);
+                            if (dataControl.value === evt) {
+                                if (this.initialized) {
+                                    this.refresh();
+                                }
+                                return;
+                            }
+                            dataControl.patchValue(evt);
+                            this.refresh();
+                        });
+                    }
+                }
+                ngOnInit() {
+                    return __awaiter$2(this, void 0, void 0, function* () {
+                        const dataControl = this.form.get(this.fieldName);
+                        if (this.disabled && this.disabled !== 'false') {
+                            dataControl.disable();
+                        }
+                        dataControl.valueChanges.forEach((value) => {
+                            if (!value || !value.completed) {
+                                return;
+                            }
+                            this.valueChanged(value);
+                        });
+                        yield this.fetchPaymentMethods();
+                        this.Stripe.registerCollection(this.paymentCollection);
+                        this.initialized = true;
+                    });
+                }
+                fetchPaymentMethods() {
+                    return __awaiter$2(this, void 0, void 0, function* () {
+                        yield this.paymentCollection.fetch();
+                        this.refresh();
+                    });
+                }
+                valueChanged(value) {
+                    if (value) {
+                        this.form.get(this.fieldNameId).setValue(value.get('id'));
+                    }
+                    if (!this.model ||
+                        !this.model.completed) {
+                        return;
+                    }
+                    this.model.set(this.property, this.normalizeOut(value));
+                }
+                normalizeOut(model) {
+                    return model.data;
+                }
+                normalizeIn(data) {
+                    if (!data) {
+                        return null;
+                    }
+                    return new Model({}, data);
+                }
+                fetchData() {
+                    if (this.fetched) {
+                        return this.fetched;
+                    }
+                    return this.fetched = this.registry.fetch(Stratus.Select(this.elementRef.nativeElement), this);
+                }
+                objectComparisonFunction(option, value) {
+                    if (!option || !value) {
+                        return false;
+                    }
+                    return option.data.id === value.data.id;
+                }
+                dataDefer(subscriber) {
+                    this.subscriber = this.subscriber || subscriber;
+                    if (!this.subscriber) {
+                        return;
+                    }
+                    const dataNumber = this.dataRef();
+                    this.subscriber.next(dataNumber);
+                }
+                dataRef() {
+                    if (!this.model) {
+                        return null;
+                    }
+                    return this.normalizeIn(this.model.get(this.property));
+                }
+                handleObservableError(err) {
+                    console.error(err);
+                    return err;
+                }
+                isPMExpired(paymentMethod) {
+                    if (paymentMethod.pending) {
+                        return false;
+                    }
+                    const d = new Date();
+                    const month = d.getMonth() + 1;
+                    const year = d.getFullYear();
+                    if (paymentMethod.data.exp_year < year) {
+                        return true;
+                    }
+                    if (paymentMethod.data.exp_year > year) {
+                        return false;
+                    }
+                    return paymentMethod.data.exp_month < month;
+                }
+            };
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "elementId", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "target", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "targetSuffix", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Number)
+            ], StripePaymentMethodSelectorComponent.prototype, "id", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Boolean)
+            ], StripePaymentMethodSelectorComponent.prototype, "manifest", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Boolean)
+            ], StripePaymentMethodSelectorComponent.prototype, "decouple", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Boolean)
+            ], StripePaymentMethodSelectorComponent.prototype, "direct", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Object)
+            ], StripePaymentMethodSelectorComponent.prototype, "api", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "urlRoot", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Object)
+            ], StripePaymentMethodSelectorComponent.prototype, "registryModel", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Object)
+            ], StripePaymentMethodSelectorComponent.prototype, "disabled", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "property", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", Boolean)
+            ], StripePaymentMethodSelectorComponent.prototype, "detailedBillingInfo", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingName", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingEmail", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingPhone", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingZip", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingState", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingCity", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingAddress1", void 0);
+            __decorate$5([
+                Input(),
+                __metadata$5("design:type", String)
+            ], StripePaymentMethodSelectorComponent.prototype, "defaultBillingAddress2", void 0);
+            StripePaymentMethodSelectorComponent = __decorate$5([
+                Component({
+                    selector: `sa-${packageName$1}-${componentName$1}`,
+                    templateUrl: `${localDir$3}${componentName$1}.component${min$3}.html`,
+                    changeDetection: ChangeDetectionStrategy$1.OnPush
+                }),
+                __metadata$5("design:paramtypes", [ElementRef,
+                    FormBuilder,
+                    ChangeDetectorRef,
+                    DomSanitizer,
+                    StripeService])
+            ], StripePaymentMethodSelectorComponent);
+
+            var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+                var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+                if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+                else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+                return c > 3 && r && Object.defineProperty(target, key, r), r;
+            };
+            var __metadata$4 = (undefined && undefined.__metadata) || function (k, v) {
+                if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+            };
+            var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+                function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+                return new (P || (P = Promise))(function (resolve, reject) {
+                    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+                    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+                    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+                    step((generator = generator.apply(thisArg, _arguments || [])).next());
+                });
+            };
+            const packageName = 'stripe';
+            const componentName = 'setup-intent';
+            let StripeSetupIntentComponent = class StripeSetupIntentComponent extends RootComponent {
+                constructor(elementRef, sanitizer, dialog) {
+                    super();
+                    this.elementRef = elementRef;
+                    this.sanitizer = sanitizer;
+                    this.dialog = dialog;
+                    this.title = `${packageName}_${componentName}_component`;
+                    this.styled = false;
+                    this.initialized = false;
+                    this.newPaymentMethodPrompt = false;
+                    this.newPaymentMethodPending = false;
+                    this.paymentMethodApiPath = 'PaymentMethod';
+                    this.uid = uniqueId$3(`sa_${snakeCase(this.title)}_`);
+                    Stratus.Instances[this.uid] = this;
+                    this.elementId = this.elementId || this.uid;
+                    this.hydrate(this.elementRef, this.sanitizer, ["title", "uid", "elementId", "styled", "initialized", "newPaymentMethodPrompt", "newPaymentMethodPending", "detailedBillingInfo", "defaultBillingInfo", "paymentMethodApiPath", "elementRef", "sanitizer", "dialog", "ngOnInit", "addPaymentMethod", "inputPaymentMethod", "hydrate", "ref", "disableRefresh", "stagger", "reloading", "refresh", "ngOnDestroy"]);
+                }
+                ngOnInit() {
+                    this.initialized = true;
+                }
+                addPaymentMethod(ev) {
+                    return __awaiter$1(this, void 0, void 0, function* () {
+                        if (!this.newPaymentMethodPending && !this.newPaymentMethodPrompt) {
+                            let clientSecret = '';
+                            let publishKey = '';
+                            let formMessage = '';
+                            this.newPaymentMethodPending = true;
+                            const model = new Model({
+                                target: this.paymentMethodApiPath
+                            });
+                            model.data.setupIntent = true;
+                            yield model.save();
+                            if (Object.prototype.hasOwnProperty.call(model, 'meta') &&
+                                Object.prototype.hasOwnProperty.call(model.meta, 'data')) {
+                                if (Object.prototype.hasOwnProperty.call(model.meta.data, 'clientSecret') &&
+                                    Object.prototype.hasOwnProperty.call(model.meta.data, 'publishKey') &&
+                                    !isEmpty(model.meta.data.clientSecret) &&
+                                    !isEmpty(model.meta.data.publishKey)) {
+                                    clientSecret = model.meta.data.clientSecret;
+                                    publishKey = model.meta.data.publishKey;
+                                }
+                                if (Object.prototype.hasOwnProperty.call(model.meta.data, 'formMessage') &&
+                                    !isEmpty(model.meta.data.formMessage)) {
+                                    formMessage = model.meta.data.formMessage;
+                                }
+                            }
+                            if (!isEmpty(clientSecret) &&
+                                !isEmpty(publishKey)) {
+                                this.newPaymentMethodPrompt = true;
+                                this.inputPaymentMethod(clientSecret, publishKey, formMessage, ev);
+                            }
+                            this.newPaymentMethodPending = false;
+                        }
+                    });
+                }
+                inputPaymentMethod(clientSecret, publishKey, formMessage, ev) {
+                    if (ev) {
+                        ev.preventDefault();
+                    }
+                    formMessage = formMessage || '';
+                    this.newPaymentMethodPrompt = true;
+                    const dialogRef = this.dialog.open(StripePaymentMethodComponent, {
+                        width: '1000px',
+                        data: {
+                            clientSecret,
+                            publishKey,
+                            formMessage,
+                            detailedBillingInfo: this.detailedBillingInfo,
+                            defaultBillingInfo: this.defaultBillingInfo
+                        }
+                    });
+                    dialogRef.afterClosed().subscribe((result) => {
+                        this.newPaymentMethodPrompt = false;
+                        if (!result || isEmpty(result)) {
+                            return;
+                        }
+                    });
+                }
+            };
+            __decorate$4([
+                Input(),
+                __metadata$4("design:type", String)
+            ], StripeSetupIntentComponent.prototype, "elementId", void 0);
+            __decorate$4([
+                Input(),
+                __metadata$4("design:type", Boolean)
+            ], StripeSetupIntentComponent.prototype, "detailedBillingInfo", void 0);
+            __decorate$4([
+                Input(),
+                __metadata$4("design:type", Object)
+            ], StripeSetupIntentComponent.prototype, "defaultBillingInfo", void 0);
+            StripeSetupIntentComponent = __decorate$4([
+                Component({
+                    selector: `sa-${packageName}-${componentName}`,
+                    template: '<button mat-raised-button (click)="addPaymentMethod($event)" [disabled]="newPaymentMethodPending || newPaymentMethodPrompt">Add Payment Method</button>',
+                }),
+                __metadata$4("design:paramtypes", [ElementRef,
+                    DomSanitizer,
+                    MatDialog])
+            ], StripeSetupIntentComponent);
+
             var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
                 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
                 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -101393,6 +102423,8 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         'sa-map': MapComponent,
                         'sa-media-selector': MediaSelectorComponent,
                         'sa-selector': SelectorComponent,
+                        'sa-stripe-payment-method-list': StripePaymentMethodListComponent,
+                        'sa-stripe-payment-method-selector': StripePaymentMethodSelectorComponent,
                         'sa-tree': TreeComponent
                     };
                     Stratus.Instances[_.uniqueId('sa_app_module_')] = this;
@@ -101452,6 +102484,11 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         MediaDialogComponent,
                         MediaSelectorComponent,
                         SelectorComponent,
+                        StripePaymentMethodComponent,
+                        StripePaymentMethodItemComponent,
+                        StripePaymentMethodListComponent,
+                        StripePaymentMethodSelectorComponent,
+                        StripeSetupIntentComponent,
                         TreeComponent,
                         TreeDialogComponent,
                         TreeNodeComponent,
@@ -101467,6 +102504,11 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                         MediaDialogComponent,
                         MediaSelectorComponent,
                         SelectorComponent,
+                        StripePaymentMethodComponent,
+                        StripePaymentMethodItemComponent,
+                        StripePaymentMethodListComponent,
+                        StripePaymentMethodSelectorComponent,
+                        StripeSetupIntentComponent,
                         TreeComponent,
                         TreeDialogComponent,
                         TreeNodeComponent,
@@ -108077,7 +109119,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     return visitor.visitBoundEvent(this);
                 }
             }
-            let Element$1 = class Element {
+            class Element$1 {
                 constructor(name, attributes, inputs, outputs, children, references, sourceSpan, startSourceSpan, endSourceSpan, i18n) {
                     this.name = name;
                     this.attributes = attributes;
@@ -108093,7 +109135,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 visit(visitor) {
                     return visitor.visitElement(this);
                 }
-            };
+            }
             class Template {
                 constructor(tagName, attributes, inputs, outputs, templateAttrs, children, references, variables, sourceSpan, startSourceSpan, endSourceSpan, i18n) {
                     this.tagName = tagName;
@@ -113707,7 +114749,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                     return visitor.visitAttribute(this, context);
                 }
             }
-            let Element$1$1 = class Element$1 extends NodeWithI18n {
+            class Element$1$1 extends NodeWithI18n {
                 constructor(name, attrs, children, sourceSpan, startSourceSpan, endSourceSpan = null, i18n) {
                     super(sourceSpan, i18n);
                     this.name = name;
@@ -113719,7 +114761,7 @@ System.register(['@stratusjs/runtime/stratus', 'lodash', '@stratusjs/core/enviro
                 visit(visitor, context) {
                     return visitor.visitElement(this, context);
                 }
-            };
+            }
             class Comment$1 {
                 constructor(value, sourceSpan) {
                     this.value = value;