@web-atoms/core 2.1.357 → 2.1.369

package/dist/web/samples/demo/views/MovieListViewModel.sys.js

@@ -0,0 +1,128 @@
+System.register(["../../../../App", "../../../../core/AtomBinder", "../../../../core/BindableProperty", "../../../../di/Inject", "../../../../view-model/AtomViewModel", "../../../../web/services/WindowService"], function (_export, _context) {
+  "use strict";
+
+  var App, AtomBinder, BindableProperty, Inject, AtomViewModel, Validate, WindowService, __decorate, __metadata, __param, __awaiter, MovieListViewModel;
+
+  return {
+    setters: [function (_App) {
+      App = _App.App;
+    }, function (_coreAtomBinder) {
+      AtomBinder = _coreAtomBinder.AtomBinder;
+    }, function (_coreBindableProperty) {
+      BindableProperty = _coreBindableProperty.BindableProperty;
+    }, function (_diInject) {
+      Inject = _diInject.Inject;
+    }, function (_viewModelAtomViewModel) {
+      AtomViewModel = _viewModelAtomViewModel.AtomViewModel;
+      Validate = _viewModelAtomViewModel.Validate;
+    }, function (_webServicesWindowService) {
+      WindowService = _webServicesWindowService.WindowService;
+    }],
+    execute: function () {
+      __decorate = void 0 && (void 0).__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;
+      };
+
+      __metadata = void 0 && (void 0).__metadata || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+      };
+
+      __param = void 0 && (void 0).__param || function (paramIndex, decorator) {
+        return function (target, key) {
+          decorator(target, key, paramIndex);
+        };
+      };
+
+      __awaiter = void 0 && (void 0).__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());
+        });
+      };
+
+      _export("MovieListViewModel", MovieListViewModel = class MovieListViewModel extends AtomViewModel {
+        constructor(app, windowService) {
+          super(app);
+          this.windowService = windowService;
+          this.movies = [{
+            label: "First",
+            category: "None"
+          }, {
+            label: "True Lies",
+            category: "Action"
+          }, {
+            label: "Jurassic Park",
+            category: "Adventure"
+          }, {
+            label: "Big",
+            category: "Kids"
+          }, {
+            label: "Inception",
+            category: "Suspense"
+          }, {
+            label: "Last",
+            category: "None"
+          }];
+        }
+
+        get errorSelectedMovie() {
+          return this.selectedMovie ? "" : "Please select any movie";
+        }
+
+        onItemClick(data) {
+          this.selectedMovie = data;
+        }
+
+        onDelete(data) {
+          return __awaiter(this, void 0, void 0, function* () {
+            if (!(yield this.windowService.confirm("Are you sure you want to delete?", "Confirm"))) {
+              return;
+            }
+
+            AtomBinder.removeItem(this.movies, data);
+            yield this.windowService.alert("Movie deleted successfully.");
+          });
+        }
+
+      });
+
+      __decorate([BindableProperty, __metadata("design:type", Array)], MovieListViewModel.prototype, "movies", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", Object)], MovieListViewModel.prototype, "selectedMovie", void 0);
+
+      __decorate([Validate, __metadata("design:type", String), __metadata("design:paramtypes", [])], MovieListViewModel.prototype, "errorSelectedMovie", null);
+
+      _export("MovieListViewModel", MovieListViewModel = __decorate([__param(0, Inject), __param(1, Inject), __metadata("design:paramtypes", [App, WindowService])], MovieListViewModel));
+    }
+  };
+});
+//# sourceMappingURL=MovieListViewModel.sys.js.map

package/dist/web/samples/demo/views/MovieListViewModel.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;MAASA,G,QAAAA,G;;MACAC,U,mBAAAA,U;;MACAC,gB,yBAAAA,gB;;MACAC,M,aAAAA,M;;MACAC,a,2BAAAA,a;MAAeC,Q,2BAAAA,Q;;MACfC,a,6BAAAA,a;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAQIC,kB,GAAb,MAAaA,kBAAb,SAAwCH,aAAxC,CAAqD;QAejDI,YACYC,GADZ,EAEoBC,aAFpB,EAEgD;UAC5C,MAAMD,GAAN;UADgB;UAdb,cAAmB,CACtB;YAAEE,KAAK,EAAE,OAAT;YAAkBC,QAAQ,EAAE;UAA5B,CADsB,EAEtB;YAAED,KAAK,EAAE,WAAT;YAAsBC,QAAQ,EAAE;UAAhC,CAFsB,EAGtB;YAAED,KAAK,EAAE,eAAT;YAA0BC,QAAQ,EAAE;UAApC,CAHsB,EAItB;YAAED,KAAK,EAAE,KAAT;YAAgBC,QAAQ,EAAE;UAA1B,CAJsB,EAKtB;YAAED,KAAK,EAAE,WAAT;YAAsBC,QAAQ,EAAE;UAAhC,CALsB,EAMtB;YAAED,KAAK,EAAE,MAAT;YAAiBC,QAAQ,EAAE;UAA3B,CANsB,CAAnB;QAgBN;;QAG4B,IAAlBC,kBAAkB;UACzB,OAAO,KAAKC,aAAL,GAAqB,EAArB,GAA0B,yBAAjC;QACH;;QAEMC,WAAW,CAACC,IAAD,EAAa;UAC3B,KAAKF,aAAL,GAAqBE,IAArB;QACH;;QAEYC,QAAQ,CAACD,IAAD,EAAa;;YAC9B,IAAI,EAAG,MAAM,KAAKN,aAAL,CAAmBQ,OAAnB,CAA2B,kCAA3B,EAA+D,SAA/D,CAAT,CAAJ,EAAyF;cACrF;YACH;;YACDjB,UAAU,CAACkB,UAAX,CAAsB,KAAKC,MAA3B,EAAmCJ,IAAnC;YACA,MAAM,KAAKN,aAAL,CAAmBW,KAAnB,CAAyB,6BAAzB,CAAN;UACH;QAAA;;MApCgD,C;;MAGjDC,YADCpB,gBACD;;MAUAoB,YADCpB,gBACD;;MASAoB,YADCjB,QACD;;MAtBS,gDAAkB,eAgBtBkB,kBAhBsB,EAiBtBA,kBAjBsB,mCAgBVvB,KACkBM,eAjBR,GAAlBC,kBAAkB,CAAlB","names":["App","AtomBinder","BindableProperty","Inject","AtomViewModel","Validate","WindowService","MovieListViewModel","constructor","app","windowService","label","category","errorSelectedMovie","selectedMovie","onItemClick","data","onDelete","confirm","removeItem","movies","alert","__decorate","__param"],"sourceRoot":"","sources":["../../../../../src/web/samples/demo/views/MovieListViewModel.ts"],"sourcesContent":[null]}

package/dist/web/samples/tabs/app.sys.js

@@ -0,0 +1,68 @@
+System.register(["../../../services/NavigationService", "../../controls/AtomTabbedPage", "../../WebApp"], function (_export, _context) {
+  "use strict";
+
+  var NavigationService, AtomTabbedPage, WebApp, TabApp, __awaiter;
+
+  _export("TabApp", void 0);
+
+  return {
+    setters: [function (_servicesNavigationService) {
+      NavigationService = _servicesNavigationService.NavigationService;
+    }, function (_controlsAtomTabbedPage) {
+      AtomTabbedPage = _controlsAtomTabbedPage.AtomTabbedPage;
+    }, function (_WebApp) {
+      WebApp = _WebApp.default;
+    }],
+    execute: function () {
+      __awaiter = void 0 && (void 0).__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());
+        });
+      };
+
+      _export("TabApp", TabApp = class TabApp extends WebApp {
+        main() {
+          const page = new AtomTabbedPage(this);
+          this.root = page;
+          setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+            const nav = this.resolve(NavigationService);
+            yield nav.openPage("web-atoms-core/dist/web/samples/tabs/views/Page1", {
+              message: "Page 1"
+            });
+            yield nav.openPage("web-atoms-core/dist/web/samples/tabs/views/Page1", {
+              message: "Page 2"
+            });
+          }), 1000);
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=app.sys.js.map

package/dist/web/samples/tabs/app.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;iDAIaA,M;;;;;;MAJJC,iB,8BAAAA,iB;;MACAC,c,2BAAAA,c;;MACFC,M;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAEMH,M,GAAP,MAAOA,MAAP,SAAsBG,MAAtB,CAA4B;QACvBC,IAAI;UACP,MAAMC,IAAI,GAAG,IAAIH,cAAJ,CAAmB,IAAnB,CAAb;UACA,KAAKI,IAAL,GAAYD,IAAZ;UAEAE,UAAU,CAAC,MAAWC;YAClB,MAAMC,GAAG,GAAG,KAAKC,OAAL,CAAaT,iBAAb,CAAZ;YACA,MAAMQ,GAAG,CAACE,QAAJ,CAAa,kDAAb,EAAiE;cACnEC,OAAO,EAAE;YAD0D,CAAjE,CAAN;YAGA,MAAMH,GAAG,CAACE,QAAJ,CAAa,kDAAb,EAAiE;cACnEC,OAAO,EAAE;YAD0D,CAAjE,CAAN;UAGH,CARqB,CAAZ,EAQP,IARO,CAAV;QASH;;MAd6B,C","names":["TabApp","NavigationService","AtomTabbedPage","WebApp","main","page","root","setTimeout","__awaiter","nav","resolve","openPage","message"],"sourceRoot":"","sources":["../../../../src/web/samples/tabs/app.ts"],"sourcesContent":[null]}

package/dist/web/samples/tabs/views/List.sys.js

@@ -0,0 +1,14 @@
+System.register(["../../../../core/WebImage"], function (_export, _context) {
+  "use strict";
+
+  var WebImage;
+  return {
+    setters: [function (_coreWebImage) {
+      WebImage = _coreWebImage.default;
+    }],
+    execute: function () {
+      _export("default", new WebImage(UMD.resolvePath("web-atoms-core/dist/web/samples/tabs/views/List.json")));
+    }
+  };
+});
+//# sourceMappingURL=List.sys.js.map

package/dist/web/samples/tabs/views/List.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;MAAOA,Q;;;yBAIQ,IAAIA,QAAJ,CAAaC,GAAG,CAACC,WAAJ,CAAgB,sDAAhB,CAAb,C","names":["WebImage","UMD","resolvePath"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/List.ts"],"sourcesContent":[null]}

package/dist/web/samples/tabs/views/ListDataUrl.sys.js

@@ -0,0 +1,16 @@
+System.register(["../../../../core/WebImage"], function (_export, _context) {
+  "use strict";
+
+  var WebImage, base64;
+  return {
+    setters: [function (_coreWebImage) {
+      WebImage = _coreWebImage.default;
+    }],
+    execute: function () {
+      base64 = ["Ww0KICAgIHsNCiAgICAgICAgImxhYmVsIjogIk1vdmllIDEiLA0KICAgICAgICAidmFsdWUiOiAibW92", "aWUxIg0KICAgIH0sDQogICAgew0KICAgICAgICAibGFiZWwiOiAiTW92aWUgMiIsDQogICAgICAgICJ2", "YWx1ZSI6ICJtb3ZpZTIiDQogICAgfQ0KXQ=="];
+
+      _export("default", new WebImage(`data:image/jpeg;base64,${base64.join("")}`));
+    }
+  };
+});
+//# sourceMappingURL=ListDataUrl.sys.js.map

package/dist/web/samples/tabs/views/ListDataUrl.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;MAAOA,Q;;;MAIDC,M,GAAS,CAAC,kFAAD,EACb,kFADa,EAEb,sCAFa,C;;yBAIA,IAAID,QAAJ,CAAa,0BAA0BC,MAAM,CAACC,IAAP,CAAY,EAAZ,CAAe,EAAtD,C","names":["WebImage","base64","join"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/ListDataUrl.ts"],"sourcesContent":[null]}

package/dist/web/samples/tabs/views/Page1.sys.js

@@ -0,0 +1,117 @@
+System.register(["../../../../App", "../../../../core/Bind", "../../../../core/BindableProperty", "../../../../core/XNode", "../../../../di/Inject", "../../../../view-model/AtomWindowViewModel", "../../../controls/AtomGridView", "../../../controls/AtomListBox", "../../MovieService"], function (_export, _context) {
+  "use strict";
+
+  var App, Bind, BindableProperty, XNode, Inject, AtomWindowViewModel, AtomGridView, AtomListBox, MovieService, Page1, __decorate, __metadata, __param, __awaiter, Page1ViewModel;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_App) {
+      App = _App.App;
+    }, function (_coreBind) {
+      Bind = _coreBind.default;
+    }, function (_coreBindableProperty) {
+      BindableProperty = _coreBindableProperty.BindableProperty;
+    }, function (_coreXNode) {
+      XNode = _coreXNode.default;
+    }, function (_diInject) {
+      Inject = _diInject.Inject;
+    }, function (_viewModelAtomWindowViewModel) {
+      AtomWindowViewModel = _viewModelAtomWindowViewModel.AtomWindowViewModel;
+    }, function (_controlsAtomGridView) {
+      AtomGridView = _controlsAtomGridView.AtomGridView;
+    }, function (_controlsAtomListBox) {
+      AtomListBox = _controlsAtomListBox.AtomListBox;
+    }, function (_MovieService) {
+      MovieService = _MovieService.MovieService;
+    }],
+    execute: function () {
+      __decorate = void 0 && (void 0).__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;
+      };
+
+      __metadata = void 0 && (void 0).__metadata || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+      };
+
+      __param = void 0 && (void 0).__param || function (paramIndex, decorator) {
+        return function (target, key) {
+          decorator(target, key, paramIndex);
+        };
+      };
+
+      __awaiter = void 0 && (void 0).__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());
+        });
+      };
+
+      _export("default", Page1 = class Page1 extends AtomGridView {
+        create() {
+          this.viewModel = this.resolve(Page1ViewModel);
+          this.columns = "45%,*,45%";
+          this.rows = "45%,*,45%";
+          this.render(XNode.create(AtomListBox, {
+            row: 1,
+            column: 1
+          }, XNode.create(AtomListBox.itemTemplate, null, XNode.create("span", {
+            text: Bind.oneWay(x => x.data.label)
+          }))));
+        }
+
+      });
+
+      Page1ViewModel = class Page1ViewModel extends AtomWindowViewModel {
+        constructor(app, movieService) {
+          super(app);
+          this.movieService = movieService;
+        }
+
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            this.items = yield this.movieService.countryList();
+            this.closeWarning = "Are you sure you want to close this?";
+          });
+        }
+
+      };
+
+      __decorate([BindableProperty, __metadata("design:type", String)], Page1ViewModel.prototype, "message", void 0);
+
+      __decorate([BindableProperty, __metadata("design:type", Object)], Page1ViewModel.prototype, "items", void 0);
+
+      Page1ViewModel = __decorate([__param(0, Inject), __param(1, Inject), __metadata("design:paramtypes", [App, MovieService])], Page1ViewModel);
+    }
+  };
+});
+//# sourceMappingURL=Page1.sys.js.map

package/dist/web/samples/tabs/views/Page1.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;gHAUqBA,K;;;;;;MAVZC,G,QAAAA,G;;MACFC,I;;MACEC,gB,yBAAAA,gB;;MACFC,K;;MACEC,M,aAAAA,M;;MACAC,mB,iCAAAA,mB;;MACAC,Y,yBAAAA,Y;;MACAC,W,wBAAAA,W;;MACAC,Y,iBAAAA,Y;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAEYT,K,GAAP,MAAOA,KAAP,SAAqBO,YAArB,CAAiC;QACjCG,MAAM;UAEZ,KAAKC,SAAL,GAAiB,KAAKC,OAAL,CAAaC,cAAb,CAAjB;UAEA,KAAKC,OAAL,GAAe,WAAf;UACA,KAAKC,IAAL,GAAY,WAAZ;UAEA,KAAKC,MAAL,CACAZ,aAACI,WAAD,EAAY;YACRS,GAAG,EAAE,CADG;YAERC,MAAM,EAAE;UAFA,CAAZ,EAGId,aAACI,WAAW,CAACW,YAAb,EAAyB,IAAzB,EACIf;YAAMgB,IAAI,EAAElB,IAAI,CAACmB,MAAL,CAAaC,CAAD,IAAOA,CAAC,CAACC,IAAF,CAAOC,KAA1B;UAAZ,EADJ,CAHJ,CADA;QAQH;;MAhB0C,C;;MAmBzCX,c,GAAN,MAAMA,cAAN,SAA6BP,mBAA7B,CAAgD;QAQ5CmB,YACYC,GADZ,EAE4BC,YAF5B,EAEsD;UAElD,MAAMD,GAAN;UAFwB;QAG3B;;QAEYE,IAAI;;YACb,KAAKC,KAAL,GAAa,MAAM,KAAKF,YAAL,CAAkBG,WAAlB,EAAnB;YACA,KAAKC,YAAL,GAAoB,sCAApB;UACH;QAAA;;MAlB2C,C;;MAG5CC,YADC7B,gBACD;;MAGA6B,YADC7B,gBACD;;MANEU,cAAc,eASXoB,kBATW,EAUXA,kBAVW,mCASChC,KACyBQ,cAV1B,GAAdI,cAAc,CAAd","names":["Page1","App","Bind","BindableProperty","XNode","Inject","AtomWindowViewModel","AtomGridView","AtomListBox","MovieService","create","viewModel","resolve","Page1ViewModel","columns","rows","render","row","column","itemTemplate","text","oneWay","x","data","label","constructor","app","movieService","init","items","countryList","closeWarning","__decorate","__param"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/Page1.tsx"],"sourcesContent":[null]}

package/dist/web/samples/tabs/views/TabHost.sys.js

@@ -0,0 +1,103 @@
+System.register(["../../../../App", "../../../../di/Inject", "../../../../services/NavigationService", "../../../../view-model/AtomViewModel", "../../../controls/AtomTabbedPage"], function (_export, _context) {
+  "use strict";
+
+  var App, Inject, NavigationService, AtomViewModel, AtomTabbedPage, TabHost, __decorate, __metadata, __param, __awaiter, TabHostViewModel;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_App) {
+      App = _App.App;
+    }, function (_diInject) {
+      Inject = _diInject.Inject;
+    }, function (_servicesNavigationService) {
+      NavigationService = _servicesNavigationService.NavigationService;
+    }, function (_viewModelAtomViewModel) {
+      AtomViewModel = _viewModelAtomViewModel.AtomViewModel;
+    }, function (_controlsAtomTabbedPage) {
+      AtomTabbedPage = _controlsAtomTabbedPage.AtomTabbedPage;
+    }],
+    execute: function () {
+      __decorate = void 0 && (void 0).__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;
+      };
+
+      __metadata = void 0 && (void 0).__metadata || function (k, v) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+      };
+
+      __param = void 0 && (void 0).__param || function (paramIndex, decorator) {
+        return function (target, key) {
+          decorator(target, key, paramIndex);
+        };
+      };
+
+      __awaiter = void 0 && (void 0).__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());
+        });
+      };
+
+      _export("default", TabHost = class TabHost extends AtomTabbedPage {
+        create() {
+          this.tabChannelName = "app";
+          this.viewModel = this.resolve(TabHostViewModel);
+        }
+
+      });
+
+      TabHostViewModel = class TabHostViewModel extends AtomViewModel {
+        constructor(app, nav) {
+          super(app);
+          this.nav = nav;
+        }
+
+        init() {
+          return __awaiter(this, void 0, void 0, function* () {
+            yield this.nav.openPage("tab://app/web-atoms-core/dist/web/samples/tabs/views/Page1", {
+              message: "Page 1",
+              title: "Page 1"
+            });
+            yield this.nav.openPage("tab://app/web-atoms-core/dist/web/samples/tabs/views/Page1", {
+              message: "Page 2",
+              title: "Page 2"
+            });
+          });
+        }
+
+      };
+      TabHostViewModel = __decorate([__param(0, Inject), __param(1, Inject), __metadata("design:paramtypes", [App, NavigationService])], TabHostViewModel);
+    }
+  };
+});
+//# sourceMappingURL=TabHost.sys.js.map

package/dist/web/samples/tabs/views/TabHost.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;qEAMqBA,O;;;;;;MANZC,G,QAAAA,G;;MACAC,M,aAAAA,M;;MACAC,iB,8BAAAA,iB;;MACAC,a,2BAAAA,a;;MACAC,c,2BAAAA,c;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAEYL,O,GAAP,MAAOA,OAAP,SAAuBK,cAAvB,CAAqC;QAErCC,MAAM;UACZ,KAAKC,cAAL,GAAsB,KAAtB;UACA,KAAKC,SAAL,GAAiB,KAAKC,OAAL,CAAaC,gBAAb,CAAjB;QACH;;MAL8C,C;;MAQ7CA,gB,GAAN,MAAMA,gBAAN,SAA+BN,aAA/B,CAA4C;QAExCO,YACYC,GADZ,EAEoBC,GAFpB,EAE0C;UACtC,MAAMD,GAAN;UADgB;QAEnB;;QAEYE,IAAI;;YACb,MAAM,KAAKD,GAAL,CAASE,QAAT,CAAkB,4DAAlB,EAAgF;cAClFC,OAAO,EAAE,QADyE;cAElFC,KAAK,EAAE;YAF2E,CAAhF,CAAN;YAIA,MAAM,KAAKJ,GAAL,CAASE,QAAT,CAAkB,4DAAlB,EAAgF;cAClFC,OAAO,EAAE,QADyE;cAElFC,KAAK,EAAE;YAF2E,CAAhF,CAAN;UAKH;QAAA;;MAlBuC,C;MAAtCP,gBAAgB,eAGbQ,kBAHa,EAIbA,kBAJa,mCAGDjB,KACQE,mBAJP,GAAhBO,gBAAgB,CAAhB","names":["TabHost","App","Inject","NavigationService","AtomViewModel","AtomTabbedPage","create","tabChannelName","viewModel","resolve","TabHostViewModel","constructor","app","nav","init","openPage","message","title","__param"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/TabHost.ts"],"sourcesContent":[null]}

package/dist/web/samples/window/WindowSample.sys.js

@@ -0,0 +1,33 @@
+System.register(["../../../core/Bind", "../../../core/XNode", "../../../services/NavigationService", "../../controls/AtomControl"], function (_export, _context) {
+  "use strict";
+
+  var Bind, XNode, NavigationService, AtomControl, WindowSample;
+
+  _export("default", void 0);
+
+  return {
+    setters: [function (_coreBind) {
+      Bind = _coreBind.default;
+    }, function (_coreXNode) {
+      XNode = _coreXNode.default;
+    }, function (_servicesNavigationService) {
+      NavigationService = _servicesNavigationService.NavigationService;
+    }, function (_controlsAtomControl) {
+      AtomControl = _controlsAtomControl.AtomControl;
+    }],
+    execute: function () {
+      _export("default", WindowSample = class WindowSample extends AtomControl {
+        create() {
+          const ns = this.resolve(NavigationService);
+          this.render(XNode.create("div", null, XNode.create("button", {
+            eventClick: Bind.event(() => ns.alert("Alert"))
+          }, "Alert"), XNode.create("button", {
+            eventClick: Bind.event(() => ns.confirm("Confirm"))
+          }, "Confirm")));
+        }
+
+      });
+    }
+  };
+});
+//# sourceMappingURL=WindowSample.sys.js.map

package/dist/web/samples/window/WindowSample.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;mDAKqBA,Y;;;;;;MALdC,I;;MACAC,K;;MACEC,iB,8BAAAA,iB;;MACAC,W,wBAAAA,W;;;yBAEYJ,Y,GAAP,MAAOA,YAAP,SAA4BI,WAA5B,CAAuC;QAE1CC,MAAM;UACT,MAAMC,EAAE,GAAG,KAAKC,OAAL,CAAaJ,iBAAb,CAAX;UACA,KAAKK,MAAL,CAAYN,0BACRA;YAAQO,UAAU,EAAER,IAAI,CAACS,KAAL,CAAW,MAAMJ,EAAE,CAACK,KAAH,CAAS,OAAT,CAAjB;UAApB,GAAuD,OAAvD,CADQ,EAERT;YAAQO,UAAU,EAAER,IAAI,CAACS,KAAL,CAAW,MAAMJ,EAAE,CAACM,OAAH,CAAW,SAAX,CAAjB;UAApB,GAA2D,SAA3D,CAFQ,CAAZ;QAIH;;MARgD,C","names":["WindowSample","Bind","XNode","NavigationService","AtomControl","create","ns","resolve","render","eventClick","event","alert","confirm"],"sourceRoot":"","sources":["../../../../src/web/samples/window/WindowSample.tsx"],"sourcesContent":[null]}

package/dist/web/services/MarkdownService.sys.js

@@ -0,0 +1,45 @@
+System.register(["../../di/DISingleton"], function (_export, _context) {
+  "use strict";
+
+  var DISingleton, __decorate, MarkdownService_1, regExps, MarkdownService;
+
+  return {
+    setters: [function (_diDISingleton) {
+      DISingleton = _diDISingleton.default;
+    }],
+    execute: function () {
+      __decorate = void 0 && (void 0).__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;
+      };
+
+      regExps = [[/(\_{3})([^\_]+)(\_{3})/gmi, "<strong><em>$2</em></strong>"], [/(\_{2})([^\_]+)(\_{2})/gmi, "<strong>$2</strong>"], [/(\_{1})([^\_]+)(\_{1})/gmi, "<em>$2</em>"], [/(\*{3})([^\*]+)(\*{3})/gmi, "<strong><em>$2</em></strong>"], [/(\*{2})([^\*]+)(\*{2})/gmi, "<strong>$2</strong>"], [/(\*{1})([^\*]+)(\*{1})/gmi, "<em>$2</em>"], [/(\#{5})\s([^\n]+)/gmi, "<h5>$2</h5>"], [/(\#{4})\s([^\n]+)/gmi, "<h4>$2</h4>"], [/(\#{3})\s([^\n]+)/gmi, "<h3>$2</h3>"], [/(\#{2})\s([^\n]+)/gmi, "<h2>$2</h2>"], [/(\#{1})\s([^\n]+)/gmi, "<h1>$2</h1>"], [/\n+/gmi, t => `<br/>`]];
+      MarkdownService = MarkdownService_1 = class MarkdownService {
+        toHtml(text) {
+          for (const iterator of regExps) {
+            const reg = iterator[0];
+
+            if (iterator.length === 2) {
+              const re = iterator[1];
+
+              if (typeof re === "string" || typeof re === "function") {
+                text = text.replace(reg, re);
+              }
+            }
+          }
+
+          return text;
+        }
+
+      };
+      MarkdownService.instance = new MarkdownService_1();
+      MarkdownService = MarkdownService_1 = __decorate([DISingleton()], MarkdownService);
+
+      _export("default", MarkdownService);
+    }
+  };
+});
+//# sourceMappingURL=MarkdownService.sys.js.map

package/dist/web/services/MarkdownService.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;;;MAAOA,W;;;;;;;;;;;MAUDC,O,GAAiB,CACnB,CAAE,2BAAF,EAA+B,8BAA/B,CADmB,EAEnB,CAAE,2BAAF,EAA+B,qBAA/B,CAFmB,EAGnB,CAAE,2BAAF,EAA+B,aAA/B,CAHmB,EAInB,CAAE,2BAAF,EAA+B,8BAA/B,CAJmB,EAKnB,CAAE,2BAAF,EAA+B,qBAA/B,CALmB,EAMnB,CAAE,2BAAF,EAA+B,aAA/B,CANmB,EAOnB,CAAE,sBAAF,EAA0B,aAA1B,CAPmB,EAQnB,CAAE,sBAAF,EAA0B,aAA1B,CARmB,EASnB,CAAE,sBAAF,EAA0B,aAA1B,CATmB,EAUnB,CAAE,sBAAF,EAA0B,aAA1B,CAVmB,EAWnB,CAAE,sBAAF,EAA0B,aAA1B,CAXmB,EAYnB,CAAE,QAAF,EAAaC,CAAD,IAAO,OAAnB,CAZmB,C;MAgBFC,e,GAAeC,oBAApC,MAAqBD,eAArB,CAAoC;QAIzBE,MAAM,CAACC,IAAD,EAAa;UACtB,KAAK,MAAMC,QAAX,IAAuBN,OAAvB,EAAgC;YAC5B,MAAMO,GAAG,GAAGD,QAAQ,CAAC,CAAD,CAApB;;YACA,IAAIA,QAAQ,CAACE,MAAT,KAAoB,CAAxB,EAA2B;cACvB,MAAMC,EAAE,GAAGH,QAAQ,CAAC,CAAD,CAAnB;;cACA,IAAI,OAAOG,EAAP,KAAc,QAAd,IAA0B,OAAOA,EAAP,KAAc,UAA5C,EAAwD;gBACpDJ,IAAI,GAAGA,IAAI,CAACK,OAAL,CAAaH,GAAb,EAAkBE,EAAlB,CAAP;cACH;YACJ;UACJ;;UACD,OAAOJ,IAAP;QACH;;MAf+B,C;MAElBH,2BAA4B,IAAIC,iBAAJ,EAA5B;MAFGD,eAAe,mCADnCH,WAAW,EACwB,GAAfG,eAAe,CAAf;;yBAAAA,e","names":["DISingleton","regExps","t","MarkdownService","MarkdownService_1","toHtml","text","iterator","reg","length","re","replace"],"sourceRoot":"","sources":["../../../src/web/services/MarkdownService.ts"],"sourcesContent":[null]}

package/dist/web/services/NotificationPopup.sys.js

@@ -0,0 +1,44 @@
+System.register(["../../core/Colors", "../../core/XNode", "../../style/StyleRule", "../styles/CSS", "./PopupService"], function (_export, _context) {
+  "use strict";
+
+  var Colors, XNode, StyleRule, CSS, PopupWindow, css;
+
+  function NotificationPopup({
+    message,
+    type
+  }) {
+    return class Notification extends PopupWindow {
+      create() {
+        this.render(XNode.create("div", {
+          styleClass: {
+            [css]: 1,
+            error: /error/i.test(type),
+            warning: /warn/i.test(type)
+          },
+          formattedText: message
+        }));
+      }
+
+    };
+  }
+
+  _export("default", NotificationPopup);
+
+  return {
+    setters: [function (_coreColors) {
+      Colors = _coreColors.default;
+    }, function (_coreXNode) {
+      XNode = _coreXNode.default;
+    }, function (_styleStyleRule) {
+      StyleRule = _styleStyleRule.default;
+    }, function (_stylesCSS) {
+      CSS = _stylesCSS.default;
+    }, function (_PopupService) {
+      PopupWindow = _PopupService.PopupWindow;
+    }],
+    execute: function () {
+      css = CSS(StyleRule("notification-popup").padding(5).fontSize("larger").nested(StyleRule(".error").color(Colors.red).borderColor(Colors.red)).nested(StyleRule(".warning").backgroundColor(Colors.lightYellow)));
+    }
+  };
+});
+//# sourceMappingURL=NotificationPopup.sys.js.map

package/dist/web/services/NotificationPopup.sys.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":";;;;;EAmBc,SAAUA,iBAAV,CAA4B;IACtCC,OADsC;IAEtCC;EAFsC,CAA5B,EAGb;IAEG,OAAO,MAAMC,YAAN,SAA2BC,WAA3B,CAAsC;MAElCC,MAAM;QACT,KAAKC,MAAL,CAAYC;UACRC,UAAU,EAAG;YACT,CAACC,GAAD,GAAO,CADE;YAETC,KAAK,EAAE,SAASC,IAAT,CAAcT,IAAd,CAFE;YAGTU,OAAO,EAAE,QAAQD,IAAR,CAAaT,IAAb;UAHA,CADL;UAMRW,aAAa,EAAEZ;QANP,EAAZ;MAQH;;IAXwC,CAA7C;EAaH;;qBAlBuBD,iB;;;;MAlBjBc,M;;MACAP,K;;MACAQ,S;;MACAC,G;;MACEZ,W,iBAAAA,W;;;MAEHK,G,GAAMO,GAAG,CAACD,SAAS,CAAC,oBAAD,CAAT,CACXE,OADW,CACH,CADG,EAEXC,QAFW,CAEF,QAFE,EAGXC,MAHW,CAGJJ,SAAS,CAAC,QAAD,CAAT,CACHK,KADG,CACGN,MAAM,CAACO,GADV,EAEHC,WAFG,CAESR,MAAM,CAACO,GAFhB,CAHI,EAOXF,MAPW,CAOJJ,SAAS,CAAC,UAAD,CAAT,CACHQ,eADG,CACaT,MAAM,CAACU,WADpB,CAPI,CAAD,C","names":["NotificationPopup","message","type","Notification","PopupWindow","create","render","XNode","styleClass","css","error","test","warning","formattedText","Colors","StyleRule","CSS","padding","fontSize","nested","color","red","borderColor","backgroundColor","lightYellow"],"sourceRoot":"","sources":["../../../src/web/services/NotificationPopup.tsx"],"sourcesContent":[null]}