diff --git a/ng2-components/ng2-alfresco-documentlist/demo/.gitignore b/ng2-components/ng2-alfresco-documentlist/demo/.gitignore
new file mode 100644
index 0000000000..d728305c75
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.idea
+coverage
+dist
+typings
\ No newline at end of file
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/LICENSE b/ng2-components/ng2-alfresco-documentlist/demo/LICENSE
new file mode 100644
index 0000000000..059fc6c668
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Raúl Jiménez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/README.md b/ng2-components/ng2-alfresco-documentlist/demo/README.md
new file mode 100644
index 0000000000..9f87666579
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/README.md
@@ -0,0 +1,13 @@
+# angular2-testing
+
+Install:
+
+```
+npm install
+```
+
+Run the project:
+
+```
+npm start
+```
\ No newline at end of file
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/index.html b/ng2-components/ng2-alfresco-documentlist/demo/index.html
new file mode 100644
index 0000000000..8ffcd71c95
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/index.html
@@ -0,0 +1,67 @@
+
+
+
+
+ Angular 2 Document List - Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/package.json b/ng2-components/ng2-alfresco-documentlist/demo/package.json
new file mode 100644
index 0000000000..7a2ad4d2a8
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "ng2-alfresco-documentlist-demo",
+ "description": "Alfresco Angular2 Documentlist Component - Demo",
+ "version": "0.1.0",
+ "author": "Alfresco Software, Ltd.",
+ "main": "index.js",
+ "scripts": {
+ "postinstall": "npm run build && npm run typings && npm link ng2-alfresco-upload && npm link ng2-alfresco-core",
+ "typings": "typings install",
+ "start": "rm -rf dist && npm install && http-server -c-1 -o -p 8875 .",
+ "build": "rm -rf dist && tsc"
+ },
+ "license": "MIT",
+ "dependencies": {
+ "angular2": "2.0.0-beta.13",
+ "es6-promise": "3.0.2",
+ "es6-shim": "0.35.0",
+ "reflect-metadata": "0.1.2",
+ "rxjs": "5.0.0-beta.2",
+ "zone.js": "0.6.6",
+ "ng2-translate": "^1.11.2",
+ "material-design-icons": "^2.2.3",
+ "material-design-lite": "^1.1.3"
+ },
+ "devDependencies": {
+ "http-server": "0.8.5",
+ "systemjs": "0.19.17",
+ "typescript": "1.7.5",
+ "typings": "0.6.8"
+ },
+ "keywords": [
+ "angular2",
+ "typescript"
+ ]
+}
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/src/components/my-demo.component.ts b/ng2-components/ng2-alfresco-documentlist/demo/src/components/my-demo.component.ts
new file mode 100644
index 0000000000..da206ea2a0
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/src/components/my-demo.component.ts
@@ -0,0 +1,34 @@
+///
+
+/**
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from 'angular2/core';
+import { ALFRESCO_ULPOAD_COMPONENT } from 'ng2-alfresco-upload/dist/ng2-alfresco-upload';
+
+@Component({
+ selector: 'my-demo',
+ template: `
+ `,
+ directives: [ALFRESCO_ULPOAD_COMPONENT]
+})
+export class MyDemoComponent {
+
+}
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/src/my-app.ts b/ng2-components/ng2-alfresco-documentlist/demo/src/my-app.ts
new file mode 100644
index 0000000000..e5cdfbba1a
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/src/my-app.ts
@@ -0,0 +1,40 @@
+/**
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, provide } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { HTTP_PROVIDERS } from 'angular2/http';
+import { MyDemoComponent } from "./components/my-demo.component";
+import { TranslateLoader, TranslateService } from 'ng2-translate/ng2-translate';
+import { AlfrescoTranslationLoader } from 'ng2-alfresco-core/services';
+
+@Component({
+ selector: 'my-app',
+ template: '',
+ directives: [MyDemoComponent]
+})
+class VgDemo {
+ constructor() {
+
+ }
+}
+
+bootstrap(VgDemo, [
+ HTTP_PROVIDERS,
+ provide(TranslateLoader, {useClass: AlfrescoTranslationLoader}),
+ TranslateService
+]);
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/tsconfig.json b/ng2-components/ng2-alfresco-documentlist/demo/tsconfig.json
new file mode 100644
index 0000000000..d0f08ba4ce
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/tsconfig.json
@@ -0,0 +1,17 @@
+{
+ "compilerOptions": {
+ "target": "ES5",
+ "module": "commonjs",
+ "moduleResolution": "node",
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "sourceMap": true,
+ "removeComments": true,
+ "declaration": true,
+ "outDir": "dist"
+ },
+ "exclude": [
+ "node_modules",
+ "typings"
+ ]
+}
diff --git a/ng2-components/ng2-alfresco-documentlist/demo/typings.json b/ng2-components/ng2-alfresco-documentlist/demo/typings.json
new file mode 100644
index 0000000000..39a2ebcc56
--- /dev/null
+++ b/ng2-components/ng2-alfresco-documentlist/demo/typings.json
@@ -0,0 +1,9 @@
+{
+ "name": "angular2-testing",
+ "dependencies": {},
+ "devDependencies": {},
+ "ambientDependencies": {
+ "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#4de74cb527395c13ba20b438c3a7a419ad931f1c",
+ "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#dd638012d63e069f2c99d06ef4dcc9616a943ee4"
+ }
+}
diff --git a/ng2-components/ng2-alfresco-viewer/demo/.gitignore b/ng2-components/ng2-alfresco-viewer/demo/.gitignore
new file mode 100644
index 0000000000..d728305c75
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.idea
+coverage
+dist
+typings
\ No newline at end of file
diff --git a/ng2-components/ng2-alfresco-viewer/demo/LICENSE b/ng2-components/ng2-alfresco-viewer/demo/LICENSE
new file mode 100644
index 0000000000..059fc6c668
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Raúl Jiménez
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/ng2-components/ng2-alfresco-viewer/demo/README.md b/ng2-components/ng2-alfresco-viewer/demo/README.md
new file mode 100644
index 0000000000..9f87666579
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/README.md
@@ -0,0 +1,13 @@
+# angular2-testing
+
+Install:
+
+```
+npm install
+```
+
+Run the project:
+
+```
+npm start
+```
\ No newline at end of file
diff --git a/ng2-components/ng2-alfresco-viewer/demo/app/main.ts b/ng2-components/ng2-alfresco-viewer/demo/app/main.ts
deleted file mode 100644
index 20c7370bf1..0000000000
--- a/ng2-components/ng2-alfresco-viewer/demo/app/main.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/*!
- * @license
- * Copyright 2016 Alfresco Software, Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import {bootstrap} from 'angular2/platform/browser';
-import {Ng2AlfrescoViewerComponent} from '../../src/ng-2-alfresco-viewer.component';
-
-bootstrap(Ng2AlfrescoViewerComponent);
diff --git a/ng2-components/ng2-alfresco-viewer/demo/demo.html b/ng2-components/ng2-alfresco-viewer/demo/demo.html
deleted file mode 100644
index 40400a7646..0000000000
--- a/ng2-components/ng2-alfresco-viewer/demo/demo.html
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
- ng-2-alfresco-viewer Angular 2
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-Loading...
-
-
diff --git a/ng2-components/ng2-alfresco-viewer/demo/index.html b/ng2-components/ng2-alfresco-viewer/demo/index.html
new file mode 100644
index 0000000000..4e4b68ce73
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/index.html
@@ -0,0 +1,67 @@
+
+
+
+
+ Angular 2 Viewer - Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ng2-components/ng2-alfresco-viewer/demo/package.json b/ng2-components/ng2-alfresco-viewer/demo/package.json
new file mode 100644
index 0000000000..0fe60fce9c
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/package.json
@@ -0,0 +1,35 @@
+{
+ "name": "ng2-alfresco-viewer-demo",
+ "description": "Alfresco Angular2 Viewer - Demo",
+ "version": "0.1.0",
+ "author": "Alfresco Software, Ltd.",
+ "main": "index.js",
+ "scripts": {
+ "postinstall": "npm run build && npm run typings && npm link ng2-alfresco-upload && npm link ng2-alfresco-core",
+ "typings": "typings install",
+ "start": "rm -rf dist && npm install && http-server -c-1 -o -p 8875 .",
+ "build": "rm -rf dist && tsc"
+ },
+ "license": "MIT",
+ "dependencies": {
+ "angular2": "2.0.0-beta.13",
+ "es6-promise": "3.0.2",
+ "es6-shim": "0.35.0",
+ "reflect-metadata": "0.1.2",
+ "rxjs": "5.0.0-beta.2",
+ "zone.js": "0.6.6",
+ "ng2-translate": "^1.11.2",
+ "material-design-icons": "^2.2.3",
+ "material-design-lite": "^1.1.3"
+ },
+ "devDependencies": {
+ "http-server": "0.8.5",
+ "systemjs": "0.19.17",
+ "typescript": "1.7.5",
+ "typings": "0.6.8"
+ },
+ "keywords": [
+ "angular2",
+ "typescript"
+ ]
+}
diff --git a/ng2-components/ng2-alfresco-viewer/demo/src/components/my-demo.component.ts b/ng2-components/ng2-alfresco-viewer/demo/src/components/my-demo.component.ts
new file mode 100644
index 0000000000..da206ea2a0
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/src/components/my-demo.component.ts
@@ -0,0 +1,34 @@
+///
+
+/**
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from 'angular2/core';
+import { ALFRESCO_ULPOAD_COMPONENT } from 'ng2-alfresco-upload/dist/ng2-alfresco-upload';
+
+@Component({
+ selector: 'my-demo',
+ template: `
+ `,
+ directives: [ALFRESCO_ULPOAD_COMPONENT]
+})
+export class MyDemoComponent {
+
+}
diff --git a/ng2-components/ng2-alfresco-viewer/demo/src/my-app.ts b/ng2-components/ng2-alfresco-viewer/demo/src/my-app.ts
new file mode 100644
index 0000000000..e5cdfbba1a
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/src/my-app.ts
@@ -0,0 +1,40 @@
+/**
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component, provide } from 'angular2/core';
+import { bootstrap } from 'angular2/platform/browser';
+import { HTTP_PROVIDERS } from 'angular2/http';
+import { MyDemoComponent } from "./components/my-demo.component";
+import { TranslateLoader, TranslateService } from 'ng2-translate/ng2-translate';
+import { AlfrescoTranslationLoader } from 'ng2-alfresco-core/services';
+
+@Component({
+ selector: 'my-app',
+ template: '',
+ directives: [MyDemoComponent]
+})
+class VgDemo {
+ constructor() {
+
+ }
+}
+
+bootstrap(VgDemo, [
+ HTTP_PROVIDERS,
+ provide(TranslateLoader, {useClass: AlfrescoTranslationLoader}),
+ TranslateService
+]);
diff --git a/ng2-components/ng2-alfresco-viewer/demo/tsconfig.json b/ng2-components/ng2-alfresco-viewer/demo/tsconfig.json
new file mode 100644
index 0000000000..d0f08ba4ce
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/tsconfig.json
@@ -0,0 +1,17 @@
+{
+ "compilerOptions": {
+ "target": "ES5",
+ "module": "commonjs",
+ "moduleResolution": "node",
+ "emitDecoratorMetadata": true,
+ "experimentalDecorators": true,
+ "sourceMap": true,
+ "removeComments": true,
+ "declaration": true,
+ "outDir": "dist"
+ },
+ "exclude": [
+ "node_modules",
+ "typings"
+ ]
+}
diff --git a/ng2-components/ng2-alfresco-viewer/demo/typings.json b/ng2-components/ng2-alfresco-viewer/demo/typings.json
new file mode 100644
index 0000000000..39a2ebcc56
--- /dev/null
+++ b/ng2-components/ng2-alfresco-viewer/demo/typings.json
@@ -0,0 +1,9 @@
+{
+ "name": "angular2-testing",
+ "dependencies": {},
+ "devDependencies": {},
+ "ambientDependencies": {
+ "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#4de74cb527395c13ba20b438c3a7a419ad931f1c",
+ "jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#dd638012d63e069f2c99d06ef4dcc9616a943ee4"
+ }
+}