@web-atoms/core 2.2.8 → 2.2.9

package/dist/web/images/CloseButtonHoverDataUrl.js

@@ -1,2 +1,15 @@
-System.register(["../../core/WebImage"],function(_export,_context){"use strict";var WebImage,base64;return{setters:[function(_coreWebImage){WebImage=_coreWebImage.default;}],execute:function(){base64=["PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6","IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246","IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0i","aHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8x","OTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJl","bmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxj","aXJjbGUgc3R5bGU9ImZpbGw6I0UyMUIxQjsiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIvPg0KPHBh","dGggc3R5bGU9ImZpbGw6I0M0MDYwNjsiIGQ9Ik01MTAuMjgsMjg1LjMwNEwzNjcuOTEyLDE0Mi45MzZM","MTUwLjI0OCwzNjguNjA4bDE0MC45MjgsMTQwLjkyOA0KCUM0MDYuMzUyLDQ5My42OTYsNDk3LjA1Niw0","MDEuMjg4LDUxMC4yOCwyODUuMzA0eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsi","IGQ9Ik0zNTQuMzc2LDM3MS41MzZjLTUuMTIsMC0xMC4yMzItMS45NTItMTQuMTQ0LTUuODU2TDE0Ni40","MDgsMTcxLjg0OA0KCQljLTcuODE2LTcuODE2LTcuODE2LTIwLjQ3MiwwLTI4LjI4czIwLjQ3Mi03Ljgx","NiwyOC4yOCwwTDM2OC41MiwzMzcuNGM3LjgxNiw3LjgxNiw3LjgxNiwyMC40NzIsMCwyOC4yOA0KCQlD","MzY0LjYwOCwzNjkuNTg0LDM1OS40OTYsMzcxLjUzNiwzNTQuMzc2LDM3MS41MzZ6Ii8+DQoJPHBhdGgg","c3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xNjAuNTQ0LDM3MS41MzZjLTUuMTIsMC0xMC4yMzItMS45","NTItMTQuMTQ0LTUuODU2Yy03LjgxNi03LjgxNi03LjgxNi0yMC40NzIsMC0yOC4yOA0KCQlsMTkzLjgz","Mi0xOTMuODMyYzcuODE2LTcuODE2LDIwLjQ3Mi03LjgxNiwyOC4yOCwwczcuODE2LDIwLjQ3MiwwLDI4","LjI4TDE3NC42ODgsMzY1LjY4DQoJCUMxNzAuNzg0LDM2OS41ODQsMTY1LjY2NCwzNzEuNTM2LDE2MC41","NDQsMzcxLjUzNnoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0K","PC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4N","CjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4N","CjwvZz4NCjwvc3ZnPg0K"];_export("default",new WebImage(`data:image/svg+xml;base64,${base64.join("")}`));}};});
+System.register(["../../core/WebImage"], function (_export, _context) {
+  "use strict";
+
+  var WebImage, base64;
+  return {
+    setters: [function (_coreWebImage) {
+      WebImage = _coreWebImage.default;
+    }],
+    execute: function () {
+      base64 = ["PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6", "IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246", "IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0i", "aHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8x", "OTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJl", "bmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxj", "aXJjbGUgc3R5bGU9ImZpbGw6I0UyMUIxQjsiIGN4PSIyNTYiIGN5PSIyNTYiIHI9IjI1NiIvPg0KPHBh", "dGggc3R5bGU9ImZpbGw6I0M0MDYwNjsiIGQ9Ik01MTAuMjgsMjg1LjMwNEwzNjcuOTEyLDE0Mi45MzZM", "MTUwLjI0OCwzNjguNjA4bDE0MC45MjgsMTQwLjkyOA0KCUM0MDYuMzUyLDQ5My42OTYsNDk3LjA1Niw0", "MDEuMjg4LDUxMC4yOCwyODUuMzA0eiIvPg0KPGc+DQoJPHBhdGggc3R5bGU9ImZpbGw6I0ZGRkZGRjsi", "IGQ9Ik0zNTQuMzc2LDM3MS41MzZjLTUuMTIsMC0xMC4yMzItMS45NTItMTQuMTQ0LTUuODU2TDE0Ni40", "MDgsMTcxLjg0OA0KCQljLTcuODE2LTcuODE2LTcuODE2LTIwLjQ3MiwwLTI4LjI4czIwLjQ3Mi03Ljgx", "NiwyOC4yOCwwTDM2OC41MiwzMzcuNGM3LjgxNiw3LjgxNiw3LjgxNiwyMC40NzIsMCwyOC4yOA0KCQlD", "MzY0LjYwOCwzNjkuNTg0LDM1OS40OTYsMzcxLjUzNiwzNTQuMzc2LDM3MS41MzZ6Ii8+DQoJPHBhdGgg", "c3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xNjAuNTQ0LDM3MS41MzZjLTUuMTIsMC0xMC4yMzItMS45", "NTItMTQuMTQ0LTUuODU2Yy03LjgxNi03LjgxNi03LjgxNi0yMC40NzIsMC0yOC4yOA0KCQlsMTkzLjgz", "Mi0xOTMuODMyYzcuODE2LTcuODE2LDIwLjQ3Mi03LjgxNiwyOC4yOCwwczcuODE2LDIwLjQ3MiwwLDI4", "LjI4TDE3NC42ODgsMzY1LjY4DQoJCUMxNzAuNzg0LDM2OS41ODQsMTY1LjY2NCwzNzEuNTM2LDE2MC41", "NDQsMzcxLjUzNnoiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0K", "PC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4N", "CjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4N", "CjwvZz4NCjwvc3ZnPg0K"];
+      _export("default", new WebImage(`data:image/svg+xml;base64,${base64.join("")}`));
+    }
+  };
+});
 //# sourceMappingURL=CloseButtonHoverDataUrl.js.map

package/dist/web/images/CloseButtonHoverDataUrl.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"4IAAOA,QAAQ,6CAITC,MAAM,CAAG,CAAC,kFAAkF,CAChG,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,kFAAkF,CAClF,sBAAsB,CAAC,mBAEV,GAAID,SAAQ,CAAC,6BAA6BC,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC","names":["WebImage","base64","join"],"sourceRoot":"","sources":["../../../src/web/images/CloseButtonHoverDataUrl.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;;;;MAAOA,QAAQ;IAAA;IAAA;MAITC,MAAM,GAAG,CAAC,kFAAkF,EAChG,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,kFAAkF,EAClF,sBAAsB,CAAC;MAAA,mBAEV,IAAID,QAAQ,CAAC,6BAA6BC,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IAAA;EAAA;AAAA","names":["WebImage","base64","join"],"sourceRoot":"","sources":["../../../src/web/images/CloseButtonHoverDataUrl.ts"],"sourcesContent":[null]}

package/dist/web/samples/MovieService.js

@@ -1,2 +1,29 @@
-System.register(["tslib","../../di/RegisterSingleton","../../services/http/RestService"],function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,RegisterSingleton,BaseService,Get,MovieService;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;},function(_diRegisterSingleton){RegisterSingleton=_diRegisterSingleton.RegisterSingleton;},function(_servicesHttpRestService){BaseService=_servicesHttpRestService.BaseService;Get=_servicesHttpRestService.Get;}],execute:function(){_export("MovieService",MovieService=class MovieService extends BaseService{countryList(){return __awaiter(this,void 0,void 0,function*(){return null;});}});__decorate([Get("@web-atoms/core/dist/web/samples/tabs/views/List.json"),__metadata("design:type",Function),__metadata("design:paramtypes",[]),__metadata("design:returntype",Promise)],MovieService.prototype,"countryList",null);_export("MovieService",MovieService=__decorate([RegisterSingleton],MovieService));}};});
+System.register(["tslib", "../../di/RegisterSingleton", "../../services/http/RestService"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, RegisterSingleton, BaseService, Get, MovieService;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+    }, function (_diRegisterSingleton) {
+      RegisterSingleton = _diRegisterSingleton.RegisterSingleton;
+    }, function (_servicesHttpRestService) {
+      BaseService = _servicesHttpRestService.BaseService;
+      Get = _servicesHttpRestService.Get;
+    }],
+    execute: function () {
+      _export("MovieService", MovieService = class MovieService extends BaseService {
+        countryList() {
+          return __awaiter(this, void 0, void 0, function* () {
+            return null;
+          });
+        }
+      });
+      __decorate([Get("@web-atoms/core/dist/web/samples/tabs/views/List.json"), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", Promise)], MovieService.prototype, "countryList", null);
+      _export("MovieService", MovieService = __decorate([RegisterSingleton], MovieService));
+    }
+  };
+});
 //# sourceMappingURL=MovieService.js.map

package/dist/web/samples/MovieService.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"2WAASA,iBAAiB,sBAAjBA,iBAAiB,sCACjBC,WAAW,0BAAXA,WAAW,CAAEC,GAAG,0BAAHA,GAAG,8CAGZC,YAAY,CAAlB,KAAMA,aAAa,QAAQF,YAAW,CAG5BG,WAAW,mDACpB,MAAO,KAAI,CACf,CAAC,IAEJ,EAJgBC,YADZH,GAAG,CAAC,uDAAuD,CAAC,0JAG5D,CALQ,mCAAY,aADxBF,iBAAiB,EACLG,YAAY,CAOxB","names":["RegisterSingleton","BaseService","Get","MovieService","countryList","__decorate"],"sourceRoot":"","sources":["../../../src/web/samples/MovieService.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;;;;;;;;MAASA,iBAAiB,wBAAjBA,iBAAiB;IAAA;MACjBC,WAAW,4BAAXA,WAAW;MAAEC,GAAG,4BAAHA,GAAG;IAAA;IAAA;MAAA,wBAGZC,YAAY,GAAlB,MAAMA,YAAa,SAAQF,WAAW;QAG5BG,WAAW;;YACpB,OAAO,IAAI;UACf,CAAC;;OAEJ;MAJgBC,YADZH,GAAG,CAAC,uDAAuD,CAAC,mKAG5D;MALQ,oCAAY,eADxBF,iBAAiB,GACLG,YAAY,CAOxB;IAAA;EAAA;AAAA","names":["RegisterSingleton","BaseService","Get","MovieService","countryList","__decorate"],"sourceRoot":"","sources":["../../../src/web/samples/MovieService.ts"],"sourcesContent":[null]}

package/dist/web/samples/demo/app.js

@@ -1,2 +1,26 @@
-System.register(["../../../web/WebApp","./views/MovieList","./views/MovieListViewModel"],function(_export,_context){"use strict";var WebApp,MovieList,MovieListViewModel,SampleApp,app;_export("SampleApp",void 0);return{setters:[function(_webWebApp){WebApp=_webWebApp.default;},function(_viewsMovieList){MovieList=_viewsMovieList.MovieList;},function(_viewsMovieListViewModel){MovieListViewModel=_viewsMovieListViewModel.MovieListViewModel;}],execute:function(){_export("SampleApp",SampleApp=class SampleApp extends WebApp{main(){const ml=new MovieList(this);ml.viewModel=this.get(MovieListViewModel);document.body.appendChild(ml.element);}});app=new SampleApp();}};});
+System.register(["../../../web/WebApp", "./views/MovieList", "./views/MovieListViewModel"], function (_export, _context) {
+  "use strict";
+
+  var WebApp, MovieList, MovieListViewModel, SampleApp, app;
+  _export("SampleApp", void 0);
+  return {
+    setters: [function (_webWebApp) {
+      WebApp = _webWebApp.default;
+    }, function (_viewsMovieList) {
+      MovieList = _viewsMovieList.MovieList;
+    }, function (_viewsMovieListViewModel) {
+      MovieListViewModel = _viewsMovieListViewModel.MovieListViewModel;
+    }],
+    execute: function () {
+      _export("SampleApp", SampleApp = class SampleApp extends WebApp {
+        main() {
+          const ml = new MovieList(this);
+          ml.viewModel = this.get(MovieListViewModel);
+          document.body.appendChild(ml.element);
+        }
+      });
+      app = new SampleApp();
+    }
+  };
+});
 //# sourceMappingURL=app.js.map

package/dist/web/samples/demo/app.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"yKAIaA,SAAU,sEAJhBC,MAAM,gDACJC,SAAS,iBAATA,SAAS,sCACTC,kBAAkB,0BAAlBA,kBAAkB,2CAEdH,SAAU,CAAjB,KAAOA,UAAU,QAAQC,OAAM,CAE1BG,IAAI,GACP,KAAMC,GAAE,CAAG,GAAIH,UAAS,CAAC,IAAI,CAAC,CAC9BG,EAAE,CAACC,SAAS,CAAG,IAAI,CAACC,GAAG,CAACJ,kBAAkB,CAAC,CAC3CK,QAAQ,CAACC,IAAI,CAACC,WAAW,CAACL,EAAE,CAACM,OAAO,CAAC,CACzC,EAEH,EAEKC,GAAG,CAAG,GAAIZ,UAAS,EAAE","names":["SampleApp","WebApp","MovieList","MovieListViewModel","main","ml","viewModel","get","document","body","appendChild","element","app"],"sourceRoot":"","sources":["../../../../src/web/samples/demo/app.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;6CAIaA,SAAU;EAAA;EAAA;IAAA;MAJhBC,MAAM;IAAA;MACJC,SAAS,mBAATA,SAAS;IAAA;MACTC,kBAAkB,4BAAlBA,kBAAkB;IAAA;IAAA;MAAA,qBAEdH,SAAU,GAAjB,MAAOA,SAAU,SAAQC,MAAM;QAE1BG,IAAI;UACP,MAAMC,EAAE,GAAG,IAAIH,SAAS,CAAC,IAAI,CAAC;UAC9BG,EAAE,CAACC,SAAS,GAAG,IAAI,CAACC,GAAG,CAACJ,kBAAkB,CAAC;UAC3CK,QAAQ,CAACC,IAAI,CAACC,WAAW,CAACL,EAAE,CAACM,OAAO,CAAC;QACzC;OAEH;MAEKC,GAAG,GAAG,IAAIZ,SAAS,EAAE;IAAA;EAAA;AAAA","names":["SampleApp","WebApp","MovieList","MovieListViewModel","main","ml","viewModel","get","document","body","appendChild","element","app"],"sourceRoot":"","sources":["../../../../src/web/samples/demo/app.ts"],"sourcesContent":[null]}

package/dist/web/samples/demo/views/MovieList.js

@@ -1,2 +1,71 @@
-System.register(["../../../controls/AtomControl","../../../controls/AtomGridSplitter","../../../controls/AtomGridView","../../../controls/AtomItemsControl"],function(_export,_context){"use strict";var AtomControl,AtomGridSplitter,AtomGridView,AtomItemsControl,MovieList,MovieListItemTemplate;_export("MovieList",void 0);return{setters:[function(_controlsAtomControl){AtomControl=_controlsAtomControl.AtomControl;},function(_controlsAtomGridSplitter){AtomGridSplitter=_controlsAtomGridSplitter.AtomGridSplitter;},function(_controlsAtomGridView){AtomGridView=_controlsAtomGridView.AtomGridView;},function(_controlsAtomItemsControl){AtomItemsControl=_controlsAtomItemsControl.AtomItemsControl;}],execute:function(){_export("MovieList",MovieList=class MovieList extends AtomGridView{create(){const style=this.element.style;style.position="absolute";style.left=style.right=style.top=style.bottom="0";this.setPrimitiveValue(this.element,"columns","30%,5,*");this.setPrimitiveValue(this.element,"rows","30,*");const header=document.createElement("header");header.textContent="Header";this.setPrimitiveValue(header,"cell","0:3,0");this.append(header);const ul=new AtomItemsControl(this.app,document.createElement("ul"));this.append(ul);ul.itemTemplate=MovieListItemTemplate;ul.bind(ul.element,"items",[["viewModel","movies"]],false);ul.bind(ul.element,"selectedItem",[["viewModel","selectedMovie"]],true);ul.setPrimitiveValue(ul.element,"cell","0,1");const right=document.createElement("div");right.textContent="right";right.style.backgroundColor="green";this.setPrimitiveValue(right,"cell","2,1");this.append(right);const splitter=new AtomGridSplitter(this.app);this.append(splitter);splitter.setPrimitiveValue(splitter.element,"cell","1,1");}});MovieListItemTemplate=class MovieListItemTemplate extends AtomControl{constructor(app,e){super(app,e||document.createElement("li"));}create(){this.element.style.margin="2px";const span=document.createElement("span");this.append(span);this.bind(span,"text",[["data","label"],["data","category"]],false,(label,category)=>`${label} (${category})`);this.bind(span,"styleFontWeight",[["data"],["viewModel","selectedMovie"]],false,(d,s)=>{return d===s?"bold":"";});this.bindEvent(span,"click",e=>{this.viewModel.onItemClick(this.data);});const button=document.createElement("button");this.append(button);button.textContent="Delete";button.style.marginLeft="10px";this.bindEvent(button,"click",e=>{this.viewModel.onDelete(this.data);});}};}};});
+System.register(["../../../controls/AtomControl", "../../../controls/AtomGridSplitter", "../../../controls/AtomGridView", "../../../controls/AtomItemsControl"], function (_export, _context) {
+  "use strict";
+
+  var AtomControl, AtomGridSplitter, AtomGridView, AtomItemsControl, MovieList, MovieListItemTemplate;
+  _export("MovieList", void 0);
+  return {
+    setters: [function (_controlsAtomControl) {
+      AtomControl = _controlsAtomControl.AtomControl;
+    }, function (_controlsAtomGridSplitter) {
+      AtomGridSplitter = _controlsAtomGridSplitter.AtomGridSplitter;
+    }, function (_controlsAtomGridView) {
+      AtomGridView = _controlsAtomGridView.AtomGridView;
+    }, function (_controlsAtomItemsControl) {
+      AtomItemsControl = _controlsAtomItemsControl.AtomItemsControl;
+    }],
+    execute: function () {
+      _export("MovieList", MovieList = class MovieList extends AtomGridView {
+        create() {
+          const style = this.element.style;
+          style.position = "absolute";
+          style.left = style.right = style.top = style.bottom = "0";
+          this.setPrimitiveValue(this.element, "columns", "30%,5,*");
+          this.setPrimitiveValue(this.element, "rows", "30,*");
+          const header = document.createElement("header");
+          header.textContent = "Header";
+          this.setPrimitiveValue(header, "cell", "0:3,0");
+          this.append(header);
+          const ul = new AtomItemsControl(this.app, document.createElement("ul"));
+          this.append(ul);
+          ul.itemTemplate = MovieListItemTemplate;
+          ul.bind(ul.element, "items", [["viewModel", "movies"]], false);
+          ul.bind(ul.element, "selectedItem", [["viewModel", "selectedMovie"]], true);
+          ul.setPrimitiveValue(ul.element, "cell", "0,1");
+          const right = document.createElement("div");
+          right.textContent = "right";
+          right.style.backgroundColor = "green";
+          this.setPrimitiveValue(right, "cell", "2,1");
+          this.append(right);
+          const splitter = new AtomGridSplitter(this.app);
+          this.append(splitter);
+          splitter.setPrimitiveValue(splitter.element, "cell", "1,1");
+        }
+      });
+      MovieListItemTemplate = class MovieListItemTemplate extends AtomControl {
+        constructor(app, e) {
+          super(app, e || document.createElement("li"));
+        }
+        create() {
+          this.element.style.margin = "2px";
+          const span = document.createElement("span");
+          this.append(span);
+          this.bind(span, "text", [["data", "label"], ["data", "category"]], false, (label, category) => `${label} (${category})`);
+          this.bind(span, "styleFontWeight", [["data"], ["viewModel", "selectedMovie"]], false, (d, s) => {
+            return d === s ? "bold" : "";
+          });
+          this.bindEvent(span, "click", e => {
+            this.viewModel.onItemClick(this.data);
+          });
+          const button = document.createElement("button");
+          this.append(button);
+          button.textContent = "Delete";
+          button.style.marginLeft = "10px";
+          this.bindEvent(button, "click", e => {
+            this.viewModel.onDelete(this.data);
+          });
+        }
+      };
+    }
+  };
+});
 //# sourceMappingURL=MovieList.js.map

package/dist/web/samples/demo/views/MovieList.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["MovieList","MovieListItemTemplate","AtomControl","AtomGridSplitter","AtomGridView","AtomItemsControl","create","style","element","position","left","right","top","bottom","setPrimitiveValue","header","document","createElement","textContent","append","ul","app","itemTemplate","bind","backgroundColor","splitter","constructor","e","margin","span","label","category","d","s","bindEvent","viewModel","onItemClick","data","button","marginLeft","onDelete"],"sourceRoot":"","sources":["../../../../../src/web/samples/demo/views/MovieList.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":"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","names":["MovieList","MovieListItemTemplate","AtomControl","AtomGridSplitter","AtomGridView","AtomItemsControl","create","style","element","position","left","right","top","bottom","setPrimitiveValue","header","document","createElement","textContent","append","ul","app","itemTemplate","bind","backgroundColor","splitter","constructor","e","margin","span","label","category","d","s","bindEvent","viewModel","onItemClick","data","button","marginLeft","onDelete"],"sourceRoot":"","sources":["../../../../../src/web/samples/demo/views/MovieList.ts"],"sourcesContent":[null]}

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

@@ -1,2 +1,73 @@
-System.register(["tslib","../../../../App","../../../../core/AtomBinder","../../../../core/BindableProperty","../../../../di/Inject","../../../../view-model/AtomViewModel","../../../../web/services/WindowService"],function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,__param,App,AtomBinder,BindableProperty,Inject,AtomViewModel,Validate,WindowService,MovieListViewModel;return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;__param=_tslib.__param;},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(){_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));}};});
+System.register(["tslib", "../../../../App", "../../../../core/AtomBinder", "../../../../core/BindableProperty", "../../../../di/Inject", "../../../../view-model/AtomViewModel", "../../../../web/services/WindowService"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, __param, App, AtomBinder, BindableProperty, Inject, AtomViewModel, Validate, WindowService, MovieListViewModel;
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+      __param = _tslib.__param;
+    }, 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 () {
+      _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.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"uiBAASA,GAAG,MAAHA,GAAG,6BACHC,UAAU,iBAAVA,UAAU,mCACVC,gBAAgB,uBAAhBA,gBAAgB,uBAChBC,MAAM,WAANA,MAAM,qCACNC,aAAa,yBAAbA,aAAa,CAAEC,QAAQ,yBAARA,QAAQ,uCACvBC,aAAa,2BAAbA,aAAa,oDAQTC,kBAAkB,CAAxB,KAAMA,mBAAmB,QAAQH,cAAa,CAejDI,YACYC,GAAQ,CACAC,aAA4B,EAC5C,KAAK,CAACD,GAAG,CAAC,CADM,kBAAa,CAAbC,aAAa,CAd1B,WAAM,CAAa,CACtB,CAAEC,KAAK,CAAE,OAAO,CAAEC,QAAQ,CAAE,MAAM,CAAE,CACpC,CAAED,KAAK,CAAE,WAAW,CAAEC,QAAQ,CAAE,QAAQ,CAAE,CAC1C,CAAED,KAAK,CAAE,eAAe,CAAEC,QAAQ,CAAE,WAAW,CAAE,CACjD,CAAED,KAAK,CAAE,KAAK,CAAEC,QAAQ,CAAE,MAAM,CAAE,CAClC,CAAED,KAAK,CAAE,WAAW,CAAEC,QAAQ,CAAE,UAAU,CAAE,CAC5C,CAAED,KAAK,CAAE,MAAM,CAAEC,QAAQ,CAAE,MAAM,CAAE,CACtC,CASD,CAEA,GACWC,mBAAkB,GACzB,MAAO,KAAI,CAACC,aAAa,CAAG,EAAE,CAAG,yBAAyB,CAC9D,CAEOC,WAAW,CAACC,IAAY,EAC3B,IAAI,CAACF,aAAa,CAAGE,IAAI,CAC7B,CAEaC,QAAQ,CAACD,IAAY,kDAC9B,GAAI,EAAG,KAAM,KAAI,CAACN,aAAa,CAACQ,OAAO,CAAC,kCAAkC,CAAE,SAAS,CAAC,CAAC,CAAE,CACrF,QAEJjB,UAAU,CAACkB,UAAU,CAAC,IAAI,CAACC,MAAM,CAAEJ,IAAI,CAAC,CACxC,KAAM,KAAI,CAACN,aAAa,CAACW,KAAK,CAAC,6BAA6B,CAAC,CACjE,CAAC,IAEJ,EApCGC,YAACpB,gBAAgB,+EAQf,CAEFoB,YAACpB,gBAAgB,uFACY,CAQ7BoB,YAACjB,QAAQ,6HAGR,CAxBQ,+CAAkB,aAgBtBkB,gBAAM,EACNA,gBAAM,kCADMvB,GAAG,CACeM,aAAa,IAjBvCC,kBAAkB,CAsC9B","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]}
+{"version":3,"mappings":";;;;;;;;;;;MAASA,GAAG,QAAHA,GAAG;IAAA;MACHC,UAAU,mBAAVA,UAAU;IAAA;MACVC,gBAAgB,yBAAhBA,gBAAgB;IAAA;MAChBC,MAAM,aAANA,MAAM;IAAA;MACNC,aAAa,2BAAbA,aAAa;MAAEC,QAAQ,2BAARA,QAAQ;IAAA;MACvBC,aAAa,6BAAbA,aAAa;IAAA;IAAA;MAAA,8BAQTC,kBAAkB,GAAxB,MAAMA,kBAAmB,SAAQH,aAAa;QAejDI,YACYC,GAAQ,EACAC,aAA4B;UAC5C,KAAK,CAACD,GAAG,CAAC;UADM,kBAAa,GAAbC,aAAa;UAd1B,WAAM,GAAa,CACtB;YAAEC,KAAK,EAAE,OAAO;YAAEC,QAAQ,EAAE;UAAM,CAAE,EACpC;YAAED,KAAK,EAAE,WAAW;YAAEC,QAAQ,EAAE;UAAQ,CAAE,EAC1C;YAAED,KAAK,EAAE,eAAe;YAAEC,QAAQ,EAAE;UAAW,CAAE,EACjD;YAAED,KAAK,EAAE,KAAK;YAAEC,QAAQ,EAAE;UAAM,CAAE,EAClC;YAAED,KAAK,EAAE,WAAW;YAAEC,QAAQ,EAAE;UAAU,CAAE,EAC5C;YAAED,KAAK,EAAE,MAAM;YAAEC,QAAQ,EAAE;UAAM,CAAE,CACtC;QASD;QAEA,IACWC,kBAAkB;UACzB,OAAO,IAAI,CAACC,aAAa,GAAG,EAAE,GAAG,yBAAyB;QAC9D;QAEOC,WAAW,CAACC,IAAY;UAC3B,IAAI,CAACF,aAAa,GAAGE,IAAI;QAC7B;QAEaC,QAAQ,CAACD,IAAY;;YAC9B,IAAI,EAAG,MAAM,IAAI,CAACN,aAAa,CAACQ,OAAO,CAAC,kCAAkC,EAAE,SAAS,CAAC,CAAC,EAAE;cACrF;;YAEJjB,UAAU,CAACkB,UAAU,CAAC,IAAI,CAACC,MAAM,EAAEJ,IAAI,CAAC;YACxC,MAAM,IAAI,CAACN,aAAa,CAACW,KAAK,CAAC,6BAA6B,CAAC;UACjE,CAAC;;OAEJ;MApCGC,YAACpB,gBAAgB,oFAQf;MAEFoB,YAACpB,gBAAgB,4FACY;MAQ7BoB,YAACjB,QAAQ,oIAGR;MAxBQ,gDAAkB,eAgBtBkB,iBAAM,GACNA,iBAAM,oCADMvB,GAAG,EACeM,aAAa,KAjBvCC,kBAAkB,CAsC9B;IAAA;EAAA;AAAA","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.js

@@ -1,2 +1,35 @@
-System.register(["tslib","../../../services/NavigationService","../../controls/AtomTabbedPage","../../WebApp"],function(_export,_context){"use strict";var __awaiter,NavigationService,AtomTabbedPage,WebApp,TabApp;_export("TabApp",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;},function(_servicesNavigationService){NavigationService=_servicesNavigationService.NavigationService;},function(_controlsAtomTabbedPage){AtomTabbedPage=_controlsAtomTabbedPage.AtomTabbedPage;},function(_WebApp){WebApp=_WebApp.default;}],execute:function(){_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);}});}};});
+System.register(["tslib", "../../../services/NavigationService", "../../controls/AtomTabbedPage", "../../WebApp"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, NavigationService, AtomTabbedPage, WebApp, TabApp;
+  _export("TabApp", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+    }, function (_servicesNavigationService) {
+      NavigationService = _servicesNavigationService.NavigationService;
+    }, function (_controlsAtomTabbedPage) {
+      AtomTabbedPage = _controlsAtomTabbedPage.AtomTabbedPage;
+    }, function (_WebApp) {
+      WebApp = _WebApp.default;
+    }],
+    execute: function () {
+      _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.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"6MAIaA,MAAO,6HAJXC,iBAAiB,4BAAjBA,iBAAiB,qCACjBC,cAAc,yBAAdA,cAAc,qBAChBC,MAAM,wDAEAH,MAAO,CAAd,KAAOA,OAAO,QAAQG,OAAM,CACvBC,IAAI,GACP,KAAMC,KAAI,CAAG,GAAIH,eAAc,CAAC,IAAI,CAAC,CACrC,IAAI,CAACI,IAAI,CAAGD,IAAI,CAEhBE,UAAU,CAAC,IAAWC,yCAClB,KAAMC,IAAG,CAAG,IAAI,CAACC,OAAO,CAACT,iBAAiB,CAAsB,CAChE,KAAMQ,IAAG,CAACE,QAAQ,CAAC,kDAAkD,CAAE,CACnEC,OAAO,CAAE,SACZ,CAAC,CACF,KAAMH,IAAG,CAACE,QAAQ,CAAC,kDAAkD,CAAE,CACnEC,OAAO,CAAE,SACZ,CAAC,CACN,CAAC,EAAE,IAAI,CAAC,CACZ,EACH","names":["TabApp","NavigationService","AtomTabbedPage","WebApp","main","page","root","setTimeout","__awaiter","nav","resolve","openPage","message"],"sourceRoot":"","sources":["../../../../src/web/samples/tabs/app.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;4DAIaA,MAAO;EAAA;EAAA;IAAA;;;MAJXC,iBAAiB,8BAAjBA,iBAAiB;IAAA;MACjBC,cAAc,2BAAdA,cAAc;IAAA;MAChBC,MAAM;IAAA;IAAA;MAAA,kBAEAH,MAAO,GAAd,MAAOA,MAAO,SAAQG,MAAM;QACvBC,IAAI;UACP,MAAMC,IAAI,GAAG,IAAIH,cAAc,CAAC,IAAI,CAAC;UACrC,IAAI,CAACI,IAAI,GAAGD,IAAI;UAEhBE,UAAU,CAAC,MAAWC;YAClB,MAAMC,GAAG,GAAG,IAAI,CAACC,OAAO,CAACT,iBAAiB,CAAsB;YAChE,MAAMQ,GAAG,CAACE,QAAQ,CAAC,kDAAkD,EAAE;cACnEC,OAAO,EAAE;aACZ,CAAC;YACF,MAAMH,GAAG,CAACE,QAAQ,CAAC,kDAAkD,EAAE;cACnEC,OAAO,EAAE;aACZ,CAAC;UACN,CAAC,GAAE,IAAI,CAAC;QACZ;OACH;IAAA;EAAA;AAAA","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.js

@@ -1,2 +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")));}};});
+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.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"2IAAOA,QAAQ,+DAIA,GAAIA,SAAQ,CAACC,GAAG,CAACC,WAAW,CAAC,sDAAsD,CAAC,CAAC","names":["WebImage","UMD","resolvePath"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/List.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;;;;MAAOA,QAAQ;IAAA;IAAA;MAAA,mBAIA,IAAIA,QAAQ,CAACC,GAAG,CAACC,WAAW,CAAC,sDAAsD,CAAC,CAAC;IAAA;EAAA;AAAA","names":["WebImage","UMD","resolvePath"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/List.ts"],"sourcesContent":[null]}

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

@@ -1,2 +1,15 @@
-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("")}`));}};});
+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.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"kJAAOA,QAAQ,6CAITC,MAAM,CAAG,CAAC,kFAAkF,CAChG,kFAAkF,CAClF,sCAAsC,CAAC,mBAE1B,GAAID,SAAQ,CAAC,0BAA0BC,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC","names":["WebImage","base64","join"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/ListDataUrl.ts"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;;;;MAAOA,QAAQ;IAAA;IAAA;MAITC,MAAM,GAAG,CAAC,kFAAkF,EAChG,kFAAkF,EAClF,sCAAsC,CAAC;MAAA,mBAE1B,IAAID,QAAQ,CAAC,0BAA0BC,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;IAAA;EAAA;AAAA","names":["WebImage","base64","join"],"sourceRoot":"","sources":["../../../../../src/web/samples/tabs/views/ListDataUrl.ts"],"sourcesContent":[null]}

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

@@ -1,2 +1,63 @@
-System.register(["tslib","../../../../App","../../../../core/Bind","../../../../core/BindableProperty","../../../../core/XNode","../../../../di/Inject","../../../../view-model/AtomWindowViewModel","../../../controls/AtomGridView","../../../controls/AtomListBox","../../MovieService"],function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,__param,App,Bind,BindableProperty,XNode,Inject,AtomWindowViewModel,AtomGridView,AtomListBox,MovieService,Page1,Page1ViewModel;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;__param=_tslib.__param;},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(){_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);}};});
+System.register(["tslib", "../../../../App", "../../../../core/Bind", "../../../../core/BindableProperty", "../../../../core/XNode", "../../../../di/Inject", "../../../../view-model/AtomWindowViewModel", "../../../controls/AtomGridView", "../../../controls/AtomListBox", "../../MovieService"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, __param, App, Bind, BindableProperty, XNode, Inject, AtomWindowViewModel, AtomGridView, AtomListBox, MovieService, Page1, Page1ViewModel;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+      __param = _tslib.__param;
+    }, 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 () {
+      _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.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"idAUqBA,KAAM,wMAVlBC,GAAG,MAAHA,GAAG,uBACLC,IAAI,qDACFC,gBAAgB,uBAAhBA,gBAAgB,wBAClBC,KAAK,0CACHC,MAAM,WAANA,MAAM,2CACNC,mBAAmB,+BAAnBA,mBAAmB,mCACnBC,YAAY,uBAAZA,YAAY,kCACZC,WAAW,sBAAXA,WAAW,2BACXC,YAAY,eAAZA,YAAY,yCAEAT,KAAM,CAAb,KAAOA,MAAM,QAAQO,aAAY,CACjCG,MAAM,GAEZ,IAAI,CAACC,SAAS,CAAG,IAAI,CAACC,OAAO,CAACC,cAAc,CAAC,CAE7C,IAAI,CAACC,OAAO,CAAG,WAAW,CAC1B,IAAI,CAACC,IAAI,CAAG,WAAW,CAEvB,IAAI,CAACC,MAAM,CACXZ,aAACI,WAAW,EACRS,GAAG,CAAE,CAAC,CACNC,MAAM,CAAE,CAAC,EACTd,aAACI,WAAW,CAACW,YAAY,MACrBf,qBAAMgB,IAAI,CAAElB,IAAI,CAACmB,MAAM,CAAEC,CAAC,EAAKA,CAAC,CAACC,IAAI,CAACC,KAAK,CAAC,EAAS,CAC9B,CACjB,CAAC,CACnB,EACH,EAEKX,cAAc,CAApB,KAAMA,eAAe,QAAQP,oBAAmB,CAQ5CmB,YACYC,GAAQ,CACQC,YAA0B,EAElD,KAAK,CAACD,GAAG,CAAC,CAFc,iBAAY,CAAZC,YAAY,CAGxC,CAEaC,IAAI,mDACb,IAAI,CAACC,KAAK,CAAG,KAAM,KAAI,CAACF,YAAY,CAACG,WAAW,EAAE,CAClD,IAAI,CAACC,YAAY,CAAG,sCAAsC,CAC9D,CAAC,IACJ,CAjBGC,YAAC7B,gBAAgB,6EACM,CAEvB6B,YAAC7B,gBAAgB,2EACC,CANhBU,cAAc,aASXoB,gBAAM,EACNA,gBAAM,kCADMhC,GAAG,CACsBQ,YAAY,IAVpDI,cAAc,CAmBnB","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]}
+{"version":3,"mappings":";;;4JAUqBA,KAAM;EAAA;EAAA;IAAA;;;;;;MAVlBC,GAAG,QAAHA,GAAG;IAAA;MACLC,IAAI;IAAA;MACFC,gBAAgB,yBAAhBA,gBAAgB;IAAA;MAClBC,KAAK;IAAA;MACHC,MAAM,aAANA,MAAM;IAAA;MACNC,mBAAmB,iCAAnBA,mBAAmB;IAAA;MACnBC,YAAY,yBAAZA,YAAY;IAAA;MACZC,WAAW,wBAAXA,WAAW;IAAA;MACXC,YAAY,iBAAZA,YAAY;IAAA;IAAA;MAAA,mBAEAT,KAAM,GAAb,MAAOA,KAAM,SAAQO,YAAY;QACjCG,MAAM;UAEZ,IAAI,CAACC,SAAS,GAAG,IAAI,CAACC,OAAO,CAACC,cAAc,CAAC;UAE7C,IAAI,CAACC,OAAO,GAAG,WAAW;UAC1B,IAAI,CAACC,IAAI,GAAG,WAAW;UAEvB,IAAI,CAACC,MAAM,CACXZ,aAACI,WAAW;YACRS,GAAG,EAAE,CAAC;YACNC,MAAM,EAAE;UAAC,GACTd,aAACI,WAAW,CAACW,YAAY,QACrBf;YAAMgB,IAAI,EAAElB,IAAI,CAACmB,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,IAAI,CAACC,KAAK;UAAC,EAAS,CAC9B,CACjB,CAAC;QACnB;OACH;MAEKX,cAAc,GAApB,MAAMA,cAAe,SAAQP,mBAAmB;QAQ5CmB,YACYC,GAAQ,EACQC,YAA0B;UAElD,KAAK,CAACD,GAAG,CAAC;UAFc,iBAAY,GAAZC,YAAY;QAGxC;QAEaC,IAAI;;YACb,IAAI,CAACC,KAAK,GAAG,MAAM,IAAI,CAACF,YAAY,CAACG,WAAW,EAAE;YAClD,IAAI,CAACC,YAAY,GAAG,sCAAsC;UAC9D,CAAC;;OACJ;MAjBGC,YAAC7B,gBAAgB,kFACM;MAEvB6B,YAAC7B,gBAAgB,gFACC;MANhBU,cAAc,eASXoB,iBAAM,GACNA,iBAAM,oCADMhC,GAAG,EACsBQ,YAAY,KAVpDI,cAAc,CAmBnB;IAAA;EAAA;AAAA","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.js

@@ -1,2 +1,52 @@
-System.register(["tslib","../../../../App","../../../../di/Inject","../../../../services/NavigationService","../../../../view-model/AtomViewModel","../../../controls/AtomTabbedPage"],function(_export,_context){"use strict";var __awaiter,__decorate,__metadata,__param,App,Inject,NavigationService,AtomViewModel,AtomTabbedPage,TabHost,TabHostViewModel;_export("default",void 0);return{setters:[function(_tslib){__awaiter=_tslib.__awaiter;__decorate=_tslib.__decorate;__metadata=_tslib.__metadata;__param=_tslib.__param;},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(){_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);}};});
+System.register(["tslib", "../../../../App", "../../../../di/Inject", "../../../../services/NavigationService", "../../../../view-model/AtomViewModel", "../../../controls/AtomTabbedPage"], function (_export, _context) {
+  "use strict";
+
+  var __awaiter, __decorate, __metadata, __param, App, Inject, NavigationService, AtomViewModel, AtomTabbedPage, TabHost, TabHostViewModel;
+  _export("default", void 0);
+  return {
+    setters: [function (_tslib) {
+      __awaiter = _tslib.__awaiter;
+      __decorate = _tslib.__decorate;
+      __metadata = _tslib.__metadata;
+      __param = _tslib.__param;
+    }, 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 () {
+      _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.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"qUAMqBA,OAAQ,0MANpBC,GAAG,MAAHA,GAAG,uBACHC,MAAM,WAANA,MAAM,wCACNC,iBAAiB,4BAAjBA,iBAAiB,qCACjBC,aAAa,yBAAbA,aAAa,qCACbC,cAAc,yBAAdA,cAAc,yCAEFL,OAAQ,CAAf,KAAOA,QAAQ,QAAQK,eAAc,CAErCC,MAAM,GACZ,IAAI,CAACC,cAAc,CAAG,KAAK,CAC3B,IAAI,CAACC,SAAS,CAAG,IAAI,CAACC,OAAO,CAACC,gBAAgB,CAAC,CACnD,EACH,EAEKA,gBAAgB,CAAtB,KAAMA,iBAAiB,QAAQN,cAAa,CAExCO,YACYC,GAAQ,CACAC,GAAsB,EACtC,KAAK,CAACD,GAAG,CAAC,CADM,QAAG,CAAHC,GAAG,CAEvB,CAEaC,IAAI,mDACb,KAAM,KAAI,CAACD,GAAG,CAACE,QAAQ,CAAC,4DAA4D,CAAE,CAClFC,OAAO,CAAE,QAAQ,CACjBC,KAAK,CAAE,SACV,CAAC,CACF,KAAM,KAAI,CAACJ,GAAG,CAACE,QAAQ,CAAC,4DAA4D,CAAE,CAClFC,OAAO,CAAE,QAAQ,CACjBC,KAAK,CAAE,SACV,CAAC,CAEN,CAAC,IACJ,CAnBKP,gBAAgB,aAGbQ,gBAAM,EACNA,gBAAM,kCADMjB,GAAG,CACKE,iBAAiB,IAJxCO,gBAAgB,CAmBrB","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]}
+{"version":3,"mappings":";;;iHAMqBA,OAAQ;EAAA;EAAA;IAAA;;;;;;MANpBC,GAAG,QAAHA,GAAG;IAAA;MACHC,MAAM,aAANA,MAAM;IAAA;MACNC,iBAAiB,8BAAjBA,iBAAiB;IAAA;MACjBC,aAAa,2BAAbA,aAAa;IAAA;MACbC,cAAc,2BAAdA,cAAc;IAAA;IAAA;MAAA,mBAEFL,OAAQ,GAAf,MAAOA,OAAQ,SAAQK,cAAc;QAErCC,MAAM;UACZ,IAAI,CAACC,cAAc,GAAG,KAAK;UAC3B,IAAI,CAACC,SAAS,GAAG,IAAI,CAACC,OAAO,CAACC,gBAAgB,CAAC;QACnD;OACH;MAEKA,gBAAgB,GAAtB,MAAMA,gBAAiB,SAAQN,aAAa;QAExCO,YACYC,GAAQ,EACAC,GAAsB;UACtC,KAAK,CAACD,GAAG,CAAC;UADM,QAAG,GAAHC,GAAG;QAEvB;QAEaC,IAAI;;YACb,MAAM,IAAI,CAACD,GAAG,CAACE,QAAQ,CAAC,4DAA4D,EAAE;cAClFC,OAAO,EAAE,QAAQ;cACjBC,KAAK,EAAE;aACV,CAAC;YACF,MAAM,IAAI,CAACJ,GAAG,CAACE,QAAQ,CAAC,4DAA4D,EAAE;cAClFC,OAAO,EAAE,QAAQ;cACjBC,KAAK,EAAE;aACV,CAAC;UAEN,CAAC;;OACJ;MAnBKP,gBAAgB,eAGbQ,iBAAM,GACNA,iBAAM,oCADMjB,GAAG,EACKE,iBAAiB,KAJxCO,gBAAgB,CAmBrB;IAAA;EAAA;AAAA","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.js

@@ -1,2 +1,30 @@
-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")));}});}};});
+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.js.map

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

@@ -1 +1 @@
-{"version":3,"mappings":"qNAKqBA,YAAa,+DAL3BC,IAAI,0CACJC,KAAK,2DACHC,iBAAiB,4BAAjBA,iBAAiB,kCACjBC,WAAW,sBAAXA,WAAW,yCAECJ,YAAa,CAApB,KAAOA,aAAa,QAAQI,YAAW,CAE1CC,MAAM,GACT,KAAMC,GAAE,CAAG,IAAI,CAACC,OAAO,CAACJ,iBAAiB,CAAC,CAC1C,IAAI,CAACK,MAAM,CAACN,wBACRA,uBAAQO,UAAU,CAAER,IAAI,CAACS,KAAK,CAAC,IAAMJ,EAAE,CAACK,KAAK,CAAC,OAAO,CAAC,CAAC,UAAiB,CACxET,uBAAQO,UAAU,CAAER,IAAI,CAACS,KAAK,CAAC,IAAMJ,EAAE,CAACM,OAAO,CAAC,SAAS,CAAC,CAAC,YAAmB,CAC5E,CAAC,CACX,EAEH","names":["WindowSample","Bind","XNode","NavigationService","AtomControl","create","ns","resolve","render","eventClick","event","alert","confirm"],"sourceRoot":"","sources":["../../../../src/web/samples/window/WindowSample.tsx"],"sourcesContent":[null]}
+{"version":3,"mappings":";;;mDAKqBA,YAAa;EAAA;EAAA;IAAA;MAL3BC,IAAI;IAAA;MACJC,KAAK;IAAA;MACHC,iBAAiB,8BAAjBA,iBAAiB;IAAA;MACjBC,WAAW,wBAAXA,WAAW;IAAA;IAAA;MAAA,mBAECJ,YAAa,GAApB,MAAOA,YAAa,SAAQI,WAAW;QAE1CC,MAAM;UACT,MAAMC,EAAE,GAAG,IAAI,CAACC,OAAO,CAACJ,iBAAiB,CAAC;UAC1C,IAAI,CAACK,MAAM,CAACN,0BACRA;YAAQO,UAAU,EAAER,IAAI,CAACS,KAAK,CAAC,MAAMJ,EAAE,CAACK,KAAK,CAAC,OAAO,CAAC;UAAC,WAAiB,EACxET;YAAQO,UAAU,EAAER,IAAI,CAACS,KAAK,CAAC,MAAMJ,EAAE,CAACM,OAAO,CAAC,SAAS,CAAC;UAAC,aAAmB,CAC5E,CAAC;QACX;OAEH;IAAA;EAAA;AAAA","names":["WindowSample","Bind","XNode","NavigationService","AtomControl","create","ns","resolve","render","eventClick","event","alert","confirm"],"sourceRoot":"","sources":["../../../../src/web/samples/window/WindowSample.tsx"],"sourcesContent":[null]}