@social-mail/social-mail-hosted-web 1.0.2

package/node_modules/@web-atoms/core/src/web/images/Button.ts

@@ -0,0 +1,5 @@
+// tslint:disable
+import WebImage from "../../core/WebImage";
+declare var UMD: any;
+export default new WebImage(UMD.resolvePath("web-atoms-core/dist/web/images/close-button.svg"));
+                

package/node_modules/@web-atoms/core/src/web/images/ButtonDataUrl.ts

@@ -0,0 +1,33 @@
+// tslint:disable
+import WebImage from "../../core/WebImage";
+
+const base64 = "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6"+
+		"IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246"+
+		"IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJo"+
+		"dHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5"+
+		"OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDU1Ljk5MiA0NTUuOTkyIiBz"+
+		"dHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTUuOTkyIDQ1NS45OTI7IiB4bWw6c3BhY2U9"+
+		"InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxnPg0KCQkJCTxwYXRoIHN0eWxlPSJmaWxs"+
+		"OiMwMTAwMDI7IiBkPSJNMjI3Ljk5NiwwQzEwMi4wODEsMCwwLDEwMi4wODEsMCwyMjcuOTk2YzAsMTI1"+
+		"Ljk0NSwxMDIuMDgxLDIyNy45OTYsMjI3Ljk5NiwyMjcuOTk2DQoJCQkJCWMxMjUuOTQ1LDAsMjI3Ljk5"+
+		"Ni0xMDIuMDUxLDIyNy45OTYtMjI3Ljk5NkM0NTUuOTkyLDEwMi4wODEsMzUzLjk0MSwwLDIyNy45OTYs"+
+		"MHogTTIyNy45OTYsNDI1LjU5Mw0KCQkJCQljLTEwOC45NTIsMC0xOTcuNTk3LTg4LjY0NS0xOTcuNTk3"+
+		"LTE5Ny41OTdTMTE5LjA0NCwzMC4zOTksMjI3Ljk5NiwzMC4zOTlzMTk3LjU5Nyw4OC42NDUsMTk3LjU5"+
+		"NywxOTcuNTk3DQoJCQkJCVMzMzYuOTQ4LDQyNS41OTMsMjI3Ljk5Niw0MjUuNTkzeiIvPg0KCQkJCTxw"+
+		"YXRoIHN0eWxlPSJmaWxsOiMwMTAwMDI7IiBkPSJNMzEyLjE0MiwxMjIuMzU4bC04My41MzgsODMuNTY4"+
+		"bC03NC45NjUtODMuNTY4Yy01LjkyOC01LjkyOC0xNS41NjUtNS45MjgtMjEuNDkyLDANCgkJCQkJYy01"+
+		"LjkyOCw1LjkyOC01LjkyOCwxNS41NjUsMCwyMS40OTJsNzQuOTY1LDgzLjU2OGwtODQuNzIzLDg0Ljcy"+
+		"M2MtNS45MjgsNS45MjgtNS45MjgsMTUuNTk1LDAsMjEuNDkyDQoJCQkJCWM1LjkyOCw1LjkyOCwxNS41"+
+		"NjUsNS45MjgsMjEuNDkyLDBsODMuNTY4LTgzLjUzOGw3NC45NjUsODMuNTM4YzUuODk3LDUuOTI4LDE1"+
+		"LjU2NSw1LjkyOCwyMS40NjIsMA0KCQkJCQljNS45MjgtNS44OTgsNS45MjgtMTUuNTY1LDAtMjEuNDky"+
+		"bC03NC45OTUtODMuNTM4bDg0LjcyMy04NC43NTRjNS45MjgtNS45MjgsNS45MjgtMTUuNTY1LDAtMjEu"+
+		"NDkyDQoJCQkJCUMzMjcuNjc2LDExNi40MywzMTguMDcsMTE2LjQzLDMxMi4xNDIsMTIyLjM1OHoiLz4N"+
+		"CgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwv"+
+		"Zz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+"+
+		"DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4N"+
+		"Cgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+"+
+		"DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9n"+
+		"Pg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxn"+
+		"Pg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K";
+
+export default new WebImage(`data:image/svg+xml;base64,${base64}`);

package/node_modules/@web-atoms/core/src/web/images/CloseButton.ts

@@ -0,0 +1,6 @@
+import WebImage from "../../core/WebImage";
+
+// tslint:disable
+declare var UMD: any;
+export default new WebImage(UMD.resolvePath("web-atoms-core/dist/web/images/close-button.svg"));
+                

package/node_modules/@web-atoms/core/src/web/images/CloseButtonDataUrl.ts

@@ -0,0 +1,34 @@
+import WebImage from "../../core/WebImage";
+
+// tslint:disable
+
+const base64 = ["PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6",
+		"IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246",
+		"IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJo",
+		"dHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5",
+		"OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDU1Ljk5MiA0NTUuOTkyIiBz",
+		"dHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTUuOTkyIDQ1NS45OTI7IiB4bWw6c3BhY2U9",
+		"InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxnPg0KCQkJCTxwYXRoIHN0eWxlPSJmaWxs",
+		"OiMwMTAwMDI7IiBkPSJNMjI3Ljk5NiwwQzEwMi4wODEsMCwwLDEwMi4wODEsMCwyMjcuOTk2YzAsMTI1",
+		"Ljk0NSwxMDIuMDgxLDIyNy45OTYsMjI3Ljk5NiwyMjcuOTk2DQoJCQkJCWMxMjUuOTQ1LDAsMjI3Ljk5",
+		"Ni0xMDIuMDUxLDIyNy45OTYtMjI3Ljk5NkM0NTUuOTkyLDEwMi4wODEsMzUzLjk0MSwwLDIyNy45OTYs",
+		"MHogTTIyNy45OTYsNDI1LjU5Mw0KCQkJCQljLTEwOC45NTIsMC0xOTcuNTk3LTg4LjY0NS0xOTcuNTk3",
+		"LTE5Ny41OTdTMTE5LjA0NCwzMC4zOTksMjI3Ljk5NiwzMC4zOTlzMTk3LjU5Nyw4OC42NDUsMTk3LjU5",
+		"NywxOTcuNTk3DQoJCQkJCVMzMzYuOTQ4LDQyNS41OTMsMjI3Ljk5Niw0MjUuNTkzeiIvPg0KCQkJCTxw",
+		"YXRoIHN0eWxlPSJmaWxsOiMwMTAwMDI7IiBkPSJNMzEyLjE0MiwxMjIuMzU4bC04My41MzgsODMuNTY4",
+		"bC03NC45NjUtODMuNTY4Yy01LjkyOC01LjkyOC0xNS41NjUtNS45MjgtMjEuNDkyLDANCgkJCQkJYy01",
+		"LjkyOCw1LjkyOC01LjkyOCwxNS41NjUsMCwyMS40OTJsNzQuOTY1LDgzLjU2OGwtODQuNzIzLDg0Ljcy",
+		"M2MtNS45MjgsNS45MjgtNS45MjgsMTUuNTk1LDAsMjEuNDkyDQoJCQkJCWM1LjkyOCw1LjkyOCwxNS41",
+		"NjUsNS45MjgsMjEuNDkyLDBsODMuNTY4LTgzLjUzOGw3NC45NjUsODMuNTM4YzUuODk3LDUuOTI4LDE1",
+		"LjU2NSw1LjkyOCwyMS40NjIsMA0KCQkJCQljNS45MjgtNS44OTgsNS45MjgtMTUuNTY1LDAtMjEuNDky",
+		"bC03NC45OTUtODMuNTM4bDg0LjcyMy04NC43NTRjNS45MjgtNS45MjgsNS45MjgtMTUuNTY1LDAtMjEu",
+		"NDkyDQoJCQkJCUMzMjcuNjc2LDExNi40MywzMTguMDcsMTE2LjQzLDMxMi4xNDIsMTIyLjM1OHoiLz4N",
+		"CgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwv",
+		"Zz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+",
+		"DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4N",
+		"Cgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+",
+		"DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9n",
+		"Pg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxn",
+		"Pg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K"];
+
+export default new WebImage(`data:image/svg+xml;base64,${base64.join("")}`);

package/node_modules/@web-atoms/core/src/web/images/CloseButtonHover.ts

@@ -0,0 +1,6 @@
+import WebImage from "../../core/WebImage";
+
+// tslint:disable
+declare var UMD: any;
+export default new WebImage(UMD.resolvePath("web-atoms-core/dist/web/images/close-button-hover.svg"));
+                

package/node_modules/@web-atoms/core/src/web/images/CloseButtonHoverDataUrl.ts

@@ -0,0 +1,28 @@
+import WebImage from "../../core/WebImage";
+
+// tslint:disable
+
+const 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("")}`);

package/node_modules/@web-atoms/core/src/web/images/close-button-hover.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<circle style="fill:#E21B1B;" cx="256" cy="256" r="256"/>
+<path style="fill:#C40606;" d="M510.28,285.304L367.912,142.936L150.248,368.608l140.928,140.928
+	C406.352,493.696,497.056,401.288,510.28,285.304z"/>
+<g>
+	<path style="fill:#FFFFFF;" d="M354.376,371.536c-5.12,0-10.232-1.952-14.144-5.856L146.408,171.848
+		c-7.816-7.816-7.816-20.472,0-28.28s20.472-7.816,28.28,0L368.52,337.4c7.816,7.816,7.816,20.472,0,28.28
+		C364.608,369.584,359.496,371.536,354.376,371.536z"/>
+	<path style="fill:#FFFFFF;" d="M160.544,371.536c-5.12,0-10.232-1.952-14.144-5.856c-7.816-7.816-7.816-20.472,0-28.28
+		l193.832-193.832c7.816-7.816,20.472-7.816,28.28,0s7.816,20.472,0,28.28L174.688,365.68
+		C170.784,369.584,165.664,371.536,160.544,371.536z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/node_modules/@web-atoms/core/src/web/images/close-button.svg

@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 455.992 455.992" style="enable-background:new 0 0 455.992 455.992;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g>
+				<path style="fill:#010002;" d="M227.996,0C102.081,0,0,102.081,0,227.996c0,125.945,102.081,227.996,227.996,227.996
+					c125.945,0,227.996-102.051,227.996-227.996C455.992,102.081,353.941,0,227.996,0z M227.996,425.593
+					c-108.952,0-197.597-88.645-197.597-197.597S119.044,30.399,227.996,30.399s197.597,88.645,197.597,197.597
+					S336.948,425.593,227.996,425.593z"/>
+				<path style="fill:#010002;" d="M312.142,122.358l-83.538,83.568l-74.965-83.568c-5.928-5.928-15.565-5.928-21.492,0
+					c-5.928,5.928-5.928,15.565,0,21.492l74.965,83.568l-84.723,84.723c-5.928,5.928-5.928,15.595,0,21.492
+					c5.928,5.928,15.565,5.928,21.492,0l83.568-83.538l74.965,83.538c5.897,5.928,15.565,5.928,21.462,0
+					c5.928-5.898,5.928-15.565,0-21.492l-74.995-83.538l84.723-84.754c5.928-5.928,5.928-15.565,0-21.492
+					C327.676,116.43,318.07,116.43,312.142,122.358z"/>
+			</g>
+		</g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+	<g>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

package/node_modules/@web-atoms/core/src/web/samples/MovieService.ts

@@ -0,0 +1,12 @@
+import { RegisterSingleton } from "../../di/RegisterSingleton";
+import { BaseService, Get } from "../../services/http/RestService";
+
+@RegisterSingleton
+export class MovieService extends BaseService {
+
+    @Get("@web-atoms/core/dist/web/samples/tabs/views/List.json")
+    public async countryList(): Promise<any> {
+        return null;
+    }
+
+}

package/node_modules/@web-atoms/core/src/web/samples/demo/app.ts

@@ -0,0 +1,15 @@
+import WebApp from "../../../web/WebApp";
+import { MovieList } from "./views/MovieList";
+import { MovieListViewModel } from "./views/MovieListViewModel";
+
+export class SampleApp extends WebApp {
+
+    public main(): void {
+        const ml = new MovieList(this);
+        ml.viewModel = this.get(MovieListViewModel);
+        document.body.appendChild(ml.element);
+    }
+
+}
+
+const app = new SampleApp();

package/node_modules/@web-atoms/core/src/web/samples/demo/views/MovieList.ts

@@ -0,0 +1,77 @@
+import { App } from "../../../../App";
+import { AtomControl } from "../../../controls/AtomControl";
+import { AtomGridSplitter } from "../../../controls/AtomGridSplitter";
+import { AtomGridView } from "../../../controls/AtomGridView";
+import { AtomItemsControl } from "../../../controls/AtomItemsControl";
+
+export class MovieList extends AtomGridView {
+
+    protected create(): void {
+
+        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 e = document.createElement("span");
+        // this.append(e);
+        // e.style.color = "red";
+        // this.bind(e, "text", [["viewModel", "errorSelectedMovie"]]);
+
+        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");
+    }
+}
+
+class MovieListItemTemplate extends AtomControl {
+
+    constructor(app: App, e?: HTMLElement) {
+        super(app, e || document.createElement("li"));
+    }
+
+    protected create(): void {
+        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);
+        });
+    }
+}

package/node_modules/@web-atoms/core/src/web/samples/demo/views/MovieListViewModel.ts

@@ -0,0 +1,52 @@
+import { App } from "../../../../App";
+import { AtomBinder } from "../../../../core/AtomBinder";
+import { BindableProperty } from "../../../../core/BindableProperty";
+import { Inject } from "../../../../di/Inject";
+import { AtomViewModel, Validate } from "../../../../view-model/AtomViewModel";
+import { WindowService } from "../../../../web/services/WindowService";
+
+export interface IMovie {
+    label: string;
+    value?: string;
+    category: string;
+}
+
+export class MovieListViewModel extends AtomViewModel {
+
+    @BindableProperty
+    public movies: IMovie[] = [
+        { 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" },
+    ];
+
+    @BindableProperty
+    public selectedMovie: IMovie;
+
+    constructor(
+        @Inject app: App,
+        @Inject private windowService: WindowService) {
+        super(app);
+    }
+
+    @Validate
+    public get errorSelectedMovie(): string {
+        return this.selectedMovie ? "" : "Please select any movie";
+    }
+
+    public onItemClick(data: IMovie): void {
+        this.selectedMovie = data;
+    }
+
+    public async onDelete(data: IMovie): Promise<any> {
+        if (! (await this.windowService.confirm("Are you sure you want to delete?", "Confirm"))) {
+            return;
+        }
+        AtomBinder.removeItem(this.movies, data);
+        await this.windowService.alert("Movie deleted successfully.");
+    }
+
+}

package/node_modules/@web-atoms/core/src/web/samples/tabs/app.ts

@@ -0,0 +1,20 @@
+import { NavigationService } from "../../../services/NavigationService";
+import { AtomTabbedPage } from "../../controls/AtomTabbedPage";
+import WebApp from "../../WebApp";
+
+export class TabApp extends WebApp {
+    public main(): void {
+        const page = new AtomTabbedPage(this);
+        this.root = page;
+
+        setTimeout(async () => {
+            const nav = this.resolve(NavigationService) as NavigationService;
+            await nav.openPage("web-atoms-core/dist/web/samples/tabs/views/Page1", {
+                message: "Page 1"
+            });
+            await nav.openPage("web-atoms-core/dist/web/samples/tabs/views/Page1", {
+                message: "Page 2"
+            });
+        }, 1000);
+    }
+}

package/node_modules/@web-atoms/core/src/web/samples/tabs/views/List.json

@@ -0,0 +1,10 @@
+[
+    {
+        "label": "Movie 1",
+        "value": "movie1"
+    },
+    {
+        "label": "Movie 2",
+        "value": "movie2"
+    }
+]

package/node_modules/@web-atoms/core/src/web/samples/tabs/views/List.ts

@@ -0,0 +1,6 @@
+import WebImage from "../../../../core/WebImage";
+
+// tslint:disable
+declare var UMD: any;
+export default new WebImage(UMD.resolvePath("web-atoms-core/dist/web/samples/tabs/views/List.json"));
+                

package/node_modules/@web-atoms/core/src/web/samples/tabs/views/ListDataUrl.ts

@@ -0,0 +1,9 @@
+import WebImage from "../../../../core/WebImage";
+
+// tslint:disable
+
+const base64 = ["Ww0KICAgIHsNCiAgICAgICAgImxhYmVsIjogIk1vdmllIDEiLA0KICAgICAgICAidmFsdWUiOiAibW92",
+		"aWUxIg0KICAgIH0sDQogICAgew0KICAgICAgICAibGFiZWwiOiAiTW92aWUgMiIsDQogICAgICAgICJ2",
+		"YWx1ZSI6ICJtb3ZpZTIiDQogICAgfQ0KXQ=="];
+
+export default new WebImage(`data:image/jpeg;base64,${base64.join("")}`);

package/node_modules/@web-atoms/core/src/web/samples/tabs/views/Page1.tsx

@@ -0,0 +1,49 @@
+import { App } from "../../../../App";
+import Bind from "../../../../core/Bind";
+import { BindableProperty } from "../../../../core/BindableProperty";
+import XNode from "../../../../core/XNode";
+import { Inject } from "../../../../di/Inject";
+import { AtomWindowViewModel } from "../../../../view-model/AtomWindowViewModel";
+import { AtomGridView } from "../../../controls/AtomGridView";
+import { AtomListBox } from "../../../controls/AtomListBox";
+import { MovieService } from "../../MovieService";
+
+export default class Page1 extends AtomGridView {
+    protected create(): void {
+
+        this.viewModel = this.resolve(Page1ViewModel);
+
+        this.columns = "45%,*,45%";
+        this.rows = "45%,*,45%";
+
+        this.render(
+        <AtomListBox
+            row={1}
+            column={1}>
+            <AtomListBox.itemTemplate>
+                <span text={Bind.oneWay((x) => x.data.label)}></span>
+            </AtomListBox.itemTemplate>
+        </AtomListBox>);
+    }
+}
+
+class Page1ViewModel extends AtomWindowViewModel {
+
+    @BindableProperty
+    public message: string;
+
+    @BindableProperty
+    public items: any;
+
+    constructor(
+        @Inject app: App,
+        @Inject public readonly movieService: MovieService
+    ) {
+        super(app);
+    }
+
+    public async init(): Promise<any> {
+        this.items = await this.movieService.countryList();
+        this.closeWarning = "Are you sure you want to close this?";
+    }
+}

package/node_modules/@web-atoms/core/src/web/samples/tabs/views/TabHost.ts

@@ -0,0 +1,34 @@
+import { App } from "../../../../App";
+import { Inject } from "../../../../di/Inject";
+import { NavigationService } from "../../../../services/NavigationService";
+import { AtomViewModel } from "../../../../view-model/AtomViewModel";
+import { AtomTabbedPage } from "../../../controls/AtomTabbedPage";
+
+export default class TabHost extends AtomTabbedPage {
+
+    protected create(): void {
+        this.tabChannelName = "app";
+        this.viewModel = this.resolve(TabHostViewModel);
+    }
+}
+
+class TabHostViewModel extends AtomViewModel {
+
+    constructor(
+        @Inject app: App,
+        @Inject private nav: NavigationService) {
+        super(app);
+    }
+
+    public async init(): Promise<any> {
+        await this.nav.openPage("tab://app/web-atoms-core/dist/web/samples/tabs/views/Page1", {
+            message: "Page 1",
+            title: "Page 1"
+        });
+        await this.nav.openPage("tab://app/web-atoms-core/dist/web/samples/tabs/views/Page1", {
+            message: "Page 2",
+            title: "Page 2"
+        });
+
+    }
+}

package/node_modules/@web-atoms/core/src/web/samples/window/WindowSample.tsx

@@ -0,0 +1,16 @@
+import Bind from "../../../core/Bind";
+import XNode from "../../../core/XNode";
+import { NavigationService } from "../../../services/NavigationService";
+import { AtomControl } from "../../controls/AtomControl";
+
+export default class WindowSample extends AtomControl {
+
+    public create() {
+        const ns = this.resolve(NavigationService);
+        this.render(<div>
+            <button eventClick={Bind.event(() => ns.alert("Alert"))} >Alert</button>
+            <button eventClick={Bind.event(() => ns.confirm("Confirm"))} >Confirm</button>
+        </div>);
+    }
+
+}

package/node_modules/@web-atoms/core/src/web/services/MarkdownService.ts

@@ -0,0 +1,44 @@
+import DISingleton from "../../di/DISingleton";
+import { RegisterSingleton } from "../../di/RegisterSingleton";
+import { Register } from "../../di/Register";
+
+type Processor = [string, string, (s: string, e: string, t: string) => string ];
+
+type Exp = [ RegExp, Processor?, Processor?, Processor?, Processor?, Processor?, Processor? ] |
+    [ RegExp , (t: string) => string ] |
+    [ RegExp , string ];
+
+const regExps: Exp[] = [
+    [ /(\_{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/>` ]
+];
+
+@DISingleton()
+export default class MarkdownService {
+
+    public static instance: MarkdownService = new MarkdownService();
+
+    public toHtml(text: string): string {
+        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 as any);
+                }
+            }
+        }
+        return text;
+    }
+
+}

package/node_modules/@web-atoms/core/src/web/services/NotificationPopup.tsx

@@ -0,0 +1,46 @@
+import XNode from "../../core/XNode";
+import styled from "../../style/styled";
+import { PopupWindow } from "./PopupService";
+
+const css = styled.css `
+    padding: 5px;
+    font-size: larger;
+    & .error {
+        color: red;
+        border-color: red;
+    }
+    & .warning {
+        background-color: lightyellow;
+    }
+`.installLocal();
+
+export default function NotificationPopup({
+    message,
+    type
+}): typeof PopupWindow {
+
+    return class Notification extends PopupWindow {
+
+        public create(): void {
+            if(message instanceof XNode) {
+                this.render(<div
+                    styleClass={({
+                        [css]: 1,
+                        error: /error/i.test(type),
+                        warning: /warn/i.test(type)
+                    })}>
+                    { message }
+                </div>);
+                return;
+            }
+            this.render(<div
+                styleClass={({
+                    [css]: 1,
+                    error: /error/i.test(type),
+                    warning: /warn/i.test(type)
+                })}
+                formattedText={message}
+            />);
+        }
+    };
+}