fix(package): added catch for fetching link and fixed broken images a…

…nd content #16

demo/package.json

@@ -15,20 +15,20 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^6.1.0",
+    "@angular/animations": "^6.1.1",
     "@angular/cdk": "^6.4.2",
-    "@angular/common": "^6.1.0",
-    "@angular/compiler": "^6.1.0",
-    "@angular/core": "^6.1.0",
+    "@angular/common": "^6.1.1",
+    "@angular/compiler": "^6.1.1",
+    "@angular/core": "^6.1.1",
     "@angular/flex-layout": "^6.0.0-beta.17",
-    "@angular/forms": "^6.1.0",
-    "@angular/http": "^6.1.0",
+    "@angular/forms": "^6.1.1",
+    "@angular/http": "^6.1.1",
     "@angular/material": "^6.4.2",
-    "@angular/platform-browser": "^6.1.0",
-    "@angular/platform-browser-dynamic": "^6.1.0",
-    "@angular/platform-server": "^6.1.0",
-    "@angular/router": "^6.1.0",
-    "@ng-bootstrap/ng-bootstrap": "^2.2.1",
+    "@angular/platform-browser": "^6.1.1",
+    "@angular/platform-browser-dynamic": "^6.1.1",
+    "@angular/platform-server": "^6.1.1",
+    "@angular/router": "^6.1.1",
+    "@ng-bootstrap/ng-bootstrap": "^2.2.2",
     "@stackblitz/sdk": "^1.2.0",
     "bootstrap": "^4.1.3",
     "core-js": "^2.5.4",
@@ -38,21 +38,21 @@
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.7.1",
-    "@angular-devkit/schematics": "^0.7.1",
+    "@angular-devkit/build-angular": "^0.7.2",
+    "@angular-devkit/schematics": "^0.7.2",
     "@angular/cli": "~6.1.2",
-    "@angular/compiler-cli": "^6.1.0",
-    "@angular/language-service": "^6.1.0",
+    "@angular/compiler-cli": "^6.1.1",
+    "@angular/language-service": "^6.1.1",
     "@angularclass/hmr": "~2.1.3",
     "@compodoc/gulp-compodoc": "0.0.9",
     "@nguniversal/common": "^6.0.0",
     "@nguniversal/express-engine": "^6.0.0",
     "@nguniversal/module-map-ngfactory-loader": "^6.0.0",
     "@types/jest": "^23.3.1",
-    "@types/node": "~6.0.60",
+    "@types/node": "^6.0.115",
     "angular-cli-ghpages": "0.5.2",
     "ansi-colors": "2.0.5",
-    "codelyzer": "^4.0.1",
+    "codelyzer": "^4.4.3",
     "commitplease": "3.2.0",
     "conventional-github-releaser": "2.0.2",
     "del": "3.0.0",

demo/src/app/home/home.component.scss

@@ -8,6 +8,12 @@
   margin-top: 1.0rem;
 }
 
+h1 {
+  word-wrap: break-word;
+  white-space: inherit;
+}
+
 mat-link-preview-container {
   margin-top: 2rem;
 }
+

demo/src/app/shared/header/header.component.html

@@ -1,11 +1,11 @@
-
 <div class="container" style="padding-left: 0; padding-right: 0;">
   <header class="navbar navbar-light navbar-fixed-top navbar-expand-lg">
 
-    <a class="navbar-brand" routerLink="/home" (click)="navbarCollapsed = true">@angular-material-extensions/link-preview</a>
+      <a class="navbar-brand" routerLink="/home" (click)="navbarCollapsed = true">@angular-material-extensions/link-preview</a>
 
     <button class="navbar-toggler navbar-toggler-right" type="button" (click)="navbarCollapsed = !navbarCollapsed"
-            [attr.aria-expanded]="!navbarCollapsed" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
+            [attr.aria-expanded]="!navbarCollapsed" aria-controls="navbarContent" aria-expanded="false"
+            aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
 
@@ -17,4 +17,4 @@
       </ul>
     </div>
   </header>
-</div>
+</div>

demo/src/app/shared/header/header.component.scss

@@ -1,3 +1,16 @@
 .navbar {
-    background: hsla(0,0%,100%,.95)
+  background: hsla(0, 0%, 100%, .95);
+}
+
+a {
+  word-wrap: break-word;
+  white-space: inherit;
+}
+
+.cut-text {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 160px;
+  height: 1.2em;
+  white-space: nowrap;
 }

demo/src/index.html

@@ -7,7 +7,7 @@
     @angular-material-extensions/link-preview
   </title>
   <base href=".">
-  <meta name="description" content="Angular open source UI library to preview web links" />
+  <meta name="description" content="Angular open source UI library to preview web links"/>
 
   <!-- Twitter Card data -->
   <meta name="twitter:card" content="summary">
@@ -20,21 +20,36 @@
   <meta name="twitter:image" content="https://angular-material-extensions.github.io/link-preview/assets/logo.svg">
 
   <!-- Open Graph data -->
-  <meta property="og:title" content="@angular-material-extensions/link-preview" />
-  <meta property="og:type" content="article" />
-  <meta property="og:url" content="https://angular-material-extensions.github.io/link-preview" />
-  <meta property="og:image" content="https://angular-material-extensions.github.io/link-preview/assets/logo.svg" />
-  <meta property="og:description" content="Angular open source UI library to preview web links" />
-  <meta property="og:site_name" content="@angular-material-extensions/link-preview" />
+  <meta property="og:title" content="@angular-material-extensions/link-preview"/>
+  <meta property="og:type" content="article"/>
+  <meta property="og:url" content="https://angular-material-extensions.github.io/link-preview"/>
+  <meta property="og:image" content="https://angular-material-extensions.github.io/link-preview/assets/logo.svg"/>
+  <meta property="og:description" content="Angular open source UI library to preview web links"/>
+  <meta property="og:site_name" content="@angular-material-extensions/link-preview"/>
 
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
+
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-114342493-8"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+
+    gtag('js', new Date());
+
+    gtag('config', 'UA-114342493-8');
+  </script>
+
 </head>
 
 <body>
-  <app-root>Loading...</app-root>
+<app-root>Loading...</app-root>
 </body>
 
 </html>