From 861953c95c9d8a0d9a831ae02adc59ecef118a7d Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Tue, 28 Mar 2017 14:41:50 -0700
Subject: [PATCH] feat(aio): add LiveExampleComponent (#15544)

---
 aio/content/marketing/test.html               |  49 +++-
 aio/src/app/embedded/embedded.module.ts       |   6 +-
 .../live-example/live-example.component.html  |  15 +
 .../live-example.component.spec.ts            | 265 ++++++++++++++++++
 .../live-example/live-example.component.ts    | 166 +++++++++++
 aio/src/app/shared/location.service.ts        |   7 +-
 aio/src/assets/images/plunker/placeholder.png | Bin 7959 -> 7611 bytes
 7 files changed, 495 insertions(+), 13 deletions(-)
 create mode 100644 aio/src/app/embedded/live-example/live-example.component.html
 create mode 100644 aio/src/app/embedded/live-example/live-example.component.spec.ts
 create mode 100644 aio/src/app/embedded/live-example/live-example.component.ts

diff --git a/aio/content/marketing/test.html b/aio/content/marketing/test.html
index 3a0c48a9fb..9a56e08e02 100644
--- a/aio/content/marketing/test.html
+++ b/aio/content/marketing/test.html
@@ -4,9 +4,11 @@
 
 <p>No linenums at code-tabs level</p>
 <code-tabs >
-  <code-pane title='TS code file' language='ts'>class {
-  foo(param: string) {}
-}</code-pane>
+  <code-pane title='TS code file' language='ts'>
+  class {
+    foo(param: string) {}
+  }
+  </code-pane>
   <code-pane title='HTML content file' language='html'>&lt;h1&gt;Heading&lt;/h1&gt;</code-pane>
   <code-pane title='JSON data file' language='json' class='is-anti-pattern'>{ "key": "value" }</code-pane>
 </code-tabs>
@@ -14,9 +16,11 @@
 
 <p>linenums=true at code-tabs level</p>
 <code-tabs linenums='true'>
-  <code-pane title='TS code file' language='ts'>class {
-  foo(param: string) {}
-}</code-pane>
+  <code-pane title='TS code file' language='ts'>
+  class {
+    foo(param: string) {}
+  }
+  </code-pane>
   <code-pane title='HTML content file' language='html'>&lt;h1&gt;Heading&lt;/h1&gt;</code-pane>
   <code-pane title='JSON data file' language='json' class='is-anti-pattern'>{ "key": "value" }</code-pane>
 </code-tabs>
@@ -24,9 +28,11 @@
 
 <p>No linenums at code-tabs level; linenums=true for HTML pane</p>
 <code-tabs >
-  <code-pane title='TS code file' language='ts'>class {
-  foo(param: string) {}
-}</code-pane>
+  <code-pane title='TS code file' language='ts'>
+  class {
+    foo(param: string) {}
+  }
+  </code-pane>
   <code-pane title='HTML content file' language='html' linenums='true'>&lt;h1&gt;Heading&lt;/h1&gt;</code-pane>
   <code-pane title='JSON data file' language='json' class='is-anti-pattern'>{ "key": "value" }</code-pane>
 </code-tabs>
@@ -77,4 +83,27 @@
   &lt;/hero-details&gt;
 </code-example>
 
-<p>More text follows ...</p>
\ No newline at end of file
+<h2>&lt;live-example&gt;</h2>
+
+<p>Plain live-example</p>
+Try this <live-example></live-example>.
+
+<p>live-example with title atty</p>
+<live-example title="Good Example"></live-example>
+
+<p>live-example with title body</p>
+<live-example title="Good Example">Try this great example</live-example>
+
+<p>live-example with name</p>
+<live-example name="testy" title="Better Example"></live-example>
+
+<p>live-example with spacey name and plnkr</p>
+<live-example name=" testy " plnkr="super-plnkr"></live-example>
+
+<p>live-example with name and plnkr but no download</p>
+<live-example name="testy" plnkr="super-plnkr" noDownload></live-example>
+
+<p>live-example embedded with name and plnkr</p>
+<live-example embedded name="testy" plnkr="super-plnkr"></live-example>
+
+<p>More text follows ...</p>
diff --git a/aio/src/app/embedded/embedded.module.ts b/aio/src/app/embedded/embedded.module.ts
index 588d6bf089..4d360ea1c2 100644
--- a/aio/src/app/embedded/embedded.module.ts
+++ b/aio/src/app/embedded/embedded.module.ts
@@ -17,12 +17,13 @@ import { ApiListComponent } from './api/api-list.component';
 import { CodeExampleComponent } from './code/code-example.component';
 import { CodeTabsComponent } from './code/code-tabs.component';
 import { DocTitleComponent } from './doc-title.component';
+import { LiveExampleComponent, EmbeddedPlunkerComponent } from './live-example/live-example.component';
 
 /** Components that can be embedded in docs
  * such as CodeExampleComponent, LiveExampleComponent,...
  */
 export const embeddedComponents: any[] = [
-  ApiListComponent, CodeExampleComponent, DocTitleComponent, CodeTabsComponent
+  ApiListComponent, CodeExampleComponent, DocTitleComponent, CodeTabsComponent, LiveExampleComponent
 ];
 
 /** Injectable class w/ property returning components that can be embedded in docs */
@@ -34,7 +35,8 @@ export class EmbeddedComponents {
   imports: [ CommonModule, MdTabsModule ],
   declarations: [
     embeddedComponents,
-    CodeComponent
+    CodeComponent,
+    EmbeddedPlunkerComponent
   ],
   providers: [
     EmbeddedComponents,
diff --git a/aio/src/app/embedded/live-example/live-example.component.html b/aio/src/app/embedded/live-example/live-example.component.html
new file mode 100644
index 0000000000..33a53fabb4
--- /dev/null
+++ b/aio/src/app/embedded/live-example/live-example.component.html
@@ -0,0 +1,15 @@
+<span *ngIf="!isEmbedded">
+  <a [href]="plnkr" target="_blank" title="{{title}}">{{title}}</a>
+  <span *ngIf="enableDownload">
+    /  <a [href]="zip" download title="Download example">download example</a>
+  </span>
+</span>
+<div *ngIf="isEmbedded">
+  <div *ngIf="showEmbedded" title="{{title}}">
+    <aio-embedded-plunker [src]="plnkr"></aio-embedded-plunker>
+  </div>
+  <img *ngIf="!showEmbedded" (click)="toggleEmbedded()" [src]="plnkrImg" width="100%" height="100%" alt="{{title}}">
+  <p *ngIf="enableDownload">
+    You can also <a [href]="zip" download title="Download example">download this example</a>.
+  </p>
+</div>
diff --git a/aio/src/app/embedded/live-example/live-example.component.spec.ts b/aio/src/app/embedded/live-example/live-example.component.spec.ts
new file mode 100644
index 0000000000..e966e231a6
--- /dev/null
+++ b/aio/src/app/embedded/live-example/live-example.component.spec.ts
@@ -0,0 +1,265 @@
+/* tslint:disable:no-unused-variable */
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { Component, DebugElement, ElementRef } from '@angular/core';
+import { Location } from '@angular/common';
+
+import { LiveExampleComponent, EmbeddedPlunkerComponent } from './live-example.component';
+
+const defaultTestPath = '/test';
+
+describe('LiveExampleComponent', () => {
+  let hostComponent: HostComponent;
+  let liveExampleDe: DebugElement;
+  let liveExampleComponent: LiveExampleComponent;
+  let fixture: ComponentFixture<HostComponent>;
+  let testPath: string;
+  let liveExampleContent: string;
+
+  //////// test helpers ////////
+
+  @Component({
+    selector: 'aio-host-comp',
+    template: `<live-example></live-example>`
+  })
+  class HostComponent { }
+
+  class TestLocation {
+    path() { return testPath; }
+  }
+
+  function setHostTemplate(template: string) {
+    TestBed.overrideComponent(HostComponent, {set: {template}});
+  }
+
+  function testComponent(testFn: () => void) {
+    return TestBed
+      .compileComponents()
+      .then(() => {
+        fixture = TestBed.createComponent(HostComponent);
+        hostComponent = fixture.componentInstance;
+        liveExampleDe = fixture.debugElement.children[0];
+        liveExampleComponent = liveExampleDe.componentInstance;
+
+        // Copy the LiveExample's innerHTML (content)
+        // into the `liveExampleContent` property as the DocViewer does
+        liveExampleDe.nativeElement.liveExampleContent = liveExampleContent;
+
+        fixture.detectChanges();
+      })
+      .then(testFn);
+  }
+
+  //////// tests ////////
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HostComponent, LiveExampleComponent, EmbeddedPlunkerComponent ],
+      providers: [ {provide: Location, useClass: TestLocation }]
+    })
+    // Disable the <iframe> within the EmbeddedPlunkerComponent
+    .overrideComponent(EmbeddedPlunkerComponent, {set: {template: 'NO IFRAME'}});
+
+    testPath = defaultTestPath;
+    liveExampleContent = undefined;
+  });
+
+  describe('when not embedded', () => {
+
+    function getAnchors() {
+      return liveExampleDe.queryAll(By.css('a')).map(de => de.nativeElement as HTMLAnchorElement);
+    }
+    function getHrefs() { return getAnchors().map(a => a.href); }
+    function getLiveExampleAnchor() { return getAnchors()[0]; }
+    function getDownloadAnchor() { return getAnchors()[1]; }
+
+    it('should create LiveExampleComponent', async(() => {
+      testComponent(() => {
+        expect(liveExampleComponent).toBeTruthy('LiveExampleComponent');
+      });
+    }));
+
+    it('should have expected plunker & download hrefs', async(() => {
+      testPath = '/tutorial/toh-pt1';
+      testComponent(() => {
+        const hrefs = getHrefs();
+        expect(hrefs[0]).toContain('/toh-pt1/eplnkr.html');
+        expect(hrefs[1]).toContain('/toh-pt1/toh-pt1.zip');
+      });
+    }));
+
+    it('should have expected plunker & download hrefs even when path has # frag', async(() => {
+      testPath = '/tutorial/toh-pt1#somewhere';
+      testComponent(() => {
+        const hrefs = getHrefs();
+        expect(hrefs[0]).toContain('/toh-pt1/eplnkr.html');
+        expect(hrefs[1]).toContain('/toh-pt1/toh-pt1.zip');
+      });
+    }));
+
+    it('should have expected plunker & download hrefs even when path has ? params', async(() => {
+      testPath = '/tutorial/toh-pt1?foo=1&bar="bar"';
+      testComponent(() => {
+        const hrefs = getHrefs();
+        expect(hrefs[0]).toContain('/toh-pt1/eplnkr.html');
+        expect(hrefs[1]).toContain('/toh-pt1/toh-pt1.zip');
+      });
+    }));
+
+    it('should have expected flat-style plunker when has `flat-style`', async(() => {
+      testPath = '/tutorial/toh-pt1';
+      setHostTemplate('<live-example flat-style></live-example>');
+      testComponent(() => {
+        // The file should be "plnkr.html", not "eplnkr.html"
+        expect(getLiveExampleAnchor().href).toContain('/plnkr.html');
+      });
+    }));
+
+    it('should have expected plunker & download hrefs when has example directory (name)', async(() => {
+      testPath = '/guide/somewhere';
+      setHostTemplate('<live-example name="toh-1"></live-example>');
+      testComponent(() => {
+        const hrefs = getHrefs();
+        expect(hrefs[0]).toContain('/toh-1/eplnkr.html');
+        expect(hrefs[1]).toContain('/toh-1/toh-1.zip');
+      });
+    }));
+
+    it('should have expected plunker & download hrefs when has `plnkr`', async(() => {
+      testPath = '/testing';
+      setHostTemplate('<live-example plnkr="app-specs"></live-example>');
+      testComponent(() => {
+        const hrefs = getHrefs();
+        expect(hrefs[0]).toContain('/testing/app-specs.eplnkr.html');
+        expect(hrefs[1]).toContain('/testing/app-specs.testing.zip');
+      });
+    }));
+
+    it('should have expected plunker & download hrefs when has `name` & `plnkr`', async(() => {
+      testPath = '/guide/somewhere';
+      setHostTemplate('<live-example name="testing" plnkr="app-specs"></live-example>');
+      testComponent(() => {
+        const hrefs = getHrefs();
+        expect(hrefs[0]).toContain('/testing/app-specs.eplnkr.html');
+        expect(hrefs[1]).toContain('/testing/app-specs.testing.zip');
+      });
+    }));
+
+    it('should not have a download link when `noDownload` atty present', async(() => {
+      setHostTemplate('<live-example noDownload></live-example>');
+      testComponent(() => {
+        expect(getAnchors().length).toBe(1, 'only the live-example anchor');
+      });
+    }));
+
+    it('should have default title when no title attribute or content', async(() => {
+      setHostTemplate('<live-example></live-example>');
+      testComponent(() => {
+        const expectedTitle = 'live example';
+        const anchor = getLiveExampleAnchor();
+        expect(anchor.innerText).toBe(expectedTitle, 'anchor content');
+        expect(anchor.getAttribute('title')).toBe(expectedTitle, 'title');
+      });
+    }));
+
+    it('should add title when set `title` attribute', async(() => {
+      const expectedTitle = 'Great Example';
+      setHostTemplate(`<live-example title="${expectedTitle}"></live-example>`);
+      testComponent(() => {
+        const anchor = getLiveExampleAnchor();
+        expect(anchor.innerText).toBe(expectedTitle, 'anchor content');
+        expect(anchor.getAttribute('title')).toBe(expectedTitle, 'title');
+      });
+    }));
+
+    it('should add title from <live-example> body', async(() => {
+      liveExampleContent = 'The Greatest Example';
+      setHostTemplate('<live-example title="ignore this title"></live-example>');
+      testComponent(() => {
+        const anchor = getLiveExampleAnchor();
+        expect(anchor.innerText).toBe(liveExampleContent, 'anchor content');
+        expect(anchor.getAttribute('title')).toBe(liveExampleContent, 'title');
+      });
+    }));
+  });
+
+  describe('when embedded', () => {
+
+    function getDownloadAnchor() {
+      const anchor = liveExampleDe.query(By.css('p > a'));
+      return anchor && anchor.nativeElement as HTMLAnchorElement;
+    }
+
+    function getEmbeddedPlunkerComponent() {
+      const compDe = liveExampleDe.query(By.directive(EmbeddedPlunkerComponent));
+      return compDe && compDe.componentInstance as EmbeddedPlunkerComponent;
+    }
+
+    function getImg() {
+      const img = liveExampleDe.query(By.css('img'));
+      return img && img.nativeElement as HTMLImageElement;
+    }
+
+    describe('before click', () => {
+
+      it('should have hidden, embedded plunker', async(() => {
+        setHostTemplate('<live-example embedded></live-example>');
+        testComponent(() => {
+          expect(liveExampleComponent.isEmbedded).toBe(true, 'component.isEmbedded');
+          expect(liveExampleComponent.showEmbedded).toBe(false, 'component.showEmbedded');
+          expect(getEmbeddedPlunkerComponent()).toBeNull('no EmbeddedPlunkerComponent');
+        });
+      }));
+
+      it('should have default plunker placeholder image', async(() => {
+        setHostTemplate('<live-example embedded></live-example>');
+        testComponent(() => {
+          expect(getImg().src).toContain('plunker/placeholder.png');
+        });
+      }));
+
+      it('should have specified plunker placeholder image', async(() => {
+        const expectedSrc = 'example/demo.png';
+        setHostTemplate(`<live-example embedded img="${expectedSrc}"></live-example>`);
+        testComponent(() => {
+          expect(getImg().src).toContain(expectedSrc);
+        });
+      }));
+
+      it('should have download paragraph with expected anchor href', async(() => {
+        testPath = '/tutorial/toh-pt1';
+        setHostTemplate('<live-example embedded></live-example>');
+        testComponent(() => {
+          expect(getDownloadAnchor().href).toContain('/toh-pt1/toh-pt1.zip');
+        });
+      }));
+
+      it('should not have download paragraph when has `nodownload`', async(() => {
+        testPath = '/tutorial/toh-pt1';
+        setHostTemplate('<live-example embedded nodownload></live-example>');
+        testComponent(() => {
+          expect(getDownloadAnchor()).toBeNull();
+        });
+      }));
+
+    });
+
+    describe('after click', () => {
+
+      function clickImg() {
+        getImg().click();
+        fixture.detectChanges();
+      }
+
+      it('should show plunker in the page', async(() => {
+        setHostTemplate('<live-example embedded></live-example>');
+        testComponent(() => {
+          clickImg();
+          expect(liveExampleComponent.isEmbedded).toBe(true, 'component.isEmbedded');
+          expect(liveExampleComponent.showEmbedded).toBe(true, 'component.showEmbedded');
+          expect(getEmbeddedPlunkerComponent()).toBeDefined('has EmbeddedPlunkerComponent');
+        });
+      }));
+
+    });
+  });
+});
diff --git a/aio/src/app/embedded/live-example/live-example.component.ts b/aio/src/app/embedded/live-example/live-example.component.ts
new file mode 100644
index 0000000000..fd41371798
--- /dev/null
+++ b/aio/src/app/embedded/live-example/live-example.component.ts
@@ -0,0 +1,166 @@
+/* tslint:disable component-selector */
+import { Component, ElementRef, Input, OnInit, AfterViewInit, ViewChild } from '@angular/core';
+import { Location } from '@angular/common';
+
+const defaultPlnkrImg = 'plunker/placeholder.png';
+const imageBase  = 'assets/images/';
+const liveExampleBase = 'content/live-examples/';
+const zipBase = 'content/zips/';
+
+/**
+* Angular.io Live Example Embedded Component
+*
+* Renders a link to a live/host example of the doc page.
+*
+* All attributes and the text content are optional
+*
+* Usage:
+*   <live-example
+*      [name="..."]      // name of the example directory
+*      [plnkr="...""]    // name of the plunker file (becomes part of zip file name as well)
+*      [embedded]        // embed the plunker in the doc page, else display in new browser tab (external)
+*      [img="..."]       // image to display if embedded in doc page
+*      [embedded-style]  // show external plnkr in embedded style
+*      [flat-style]      // show external plnkr in flat (original) style
+*      [noDownload]      // no downloadable zip option
+*      [title="..."]>    // text for live example link and tooltip
+*        text            // higher precedence way to specify text for live example link and tooltip
+*  </live-example>
+* Example:
+*   <p>Run <live-example>Try the live example</live-example></p>.
+*   // ~/resources/live-examples/{page}/plnkr.html
+*
+*   <p>Run <live-example name="toh-1">this example</live-example></p>.
+*   // ~/resources/live-examples/toh-1/plnkr.html
+*
+*   // Link to the default plunker in the toh-1 sample
+*   // The title overrides default ("live example") with "Tour of Heroes - Part 1"
+*   <p>Run <live-example name="toh-1" title="Tour of Heroes - Part 1"></live-example></p>.
+*   // ~/resources/live-examples/toh-1/plnkr.html
+*
+*   <p>Run <live-example plnkr="minimal"></live-example></p>.
+*   // ~/resources/live-examples/{page}/minimal.plnkr.html
+*
+*   // Embed the current page's default plunker
+*   // Text within tag is "live example"
+*   // No title (no tooltip)
+*   <live-example embedded title=""></live-example>
+*   // ~/resources/live-examples/{page}/eplnkr.html
+*
+*   // Links to a *new* browser tab as an embedded style plunker editor
+*   <live-example embedded-style>this example</live-example>
+*   // ~/resources/live-examples/{page}/eplnkr.html
+*
+*   // Links to a *new* browser tab in the flat (original editor) style plunker editor
+*   <live-example flat-style>this example</live-example>
+*   // ~/resources/live-examples/{page}/plnkr.html
+*
+*   // Displays within the document page as an embedded style plunker editor
+*   <live-example name="toh-1" embedded plnkr="minimal" img="toh>Tour of Heroes - Part 1</live-example>
+*   // ~/resources/live-examples/toh-1/minimal.eplnkr.html
+*/
+@Component({
+  selector: 'live-example',
+  templateUrl: 'live-example.component.html'
+})
+export class LiveExampleComponent implements OnInit {
+
+  enableDownload = true;
+  isEmbedded = false;
+  plnkr: string;
+  plnkrImg: string;
+  showEmbedded = false;
+  title: string;
+  zip: string;
+
+  constructor(private elementRef: ElementRef, location: Location ) {
+    const attrs = this.getAttrs();
+
+    let exampleDir = attrs.name;
+    if (!exampleDir) {
+      // take last segment, excluding hash fragment and query params
+      exampleDir = location.path(false).match(/[^\/?\#]+(?=\/?(?:$|\#|\?))/)[0];
+    }
+    exampleDir = exampleDir.trim();
+
+    let plnkrStyle = 'eplnkr';
+
+    this.isEmbedded = boolFromAtty(attrs.embedded);
+    if (!this.isEmbedded) {
+      // Not embedded in doc page; determine if is embedded- or flat-style in another browser tab.
+      // External plunker is embedded style by default.
+      // Make flat style with `flat-style` or `embedded-style="false`
+      // Must support aliases
+      const flatStyle = getAttrValue(['flat-style', 'flatstyle', 'flatStyle']);
+      const isFlatStyle = boolFromAtty(flatStyle);
+      const embeddedStyle = getAttrValue(['embedded-style', 'embeddedstyle', 'embeddedStyle']);
+      const isEmbeddedStyle = boolFromAtty(embeddedStyle, !isFlatStyle);
+
+      plnkrStyle = isEmbeddedStyle ? 'eplnkr' : 'plnkr';
+    }
+
+    const plnkrName = attrs.plnkr ? attrs.plnkr.trim() + '.' : '';
+
+    this.plnkr = `${liveExampleBase}${exampleDir}/${plnkrName}${plnkrStyle}.html`;
+    this.zip = `${zipBase}${exampleDir}/${plnkrName}${exampleDir}.zip`;
+
+    const noDownload = getAttrValue(['noDownload', 'nodownload']); // noDownload aliases
+    this.enableDownload = !boolFromAtty(noDownload);
+    this.plnkrImg = imageBase + (attrs.img || defaultPlnkrImg);
+
+    this.title = attrs.title || '';
+
+    function getAttrValue(atty: string | string[]) {
+      return attrs[typeof atty === 'string' ? atty : atty.find(a => attrs[a] !== undefined)];
+    }
+  }
+
+  getAttrs(): any {
+    const attrs = this.elementRef.nativeElement.attributes;
+    const attrMap = {};
+    Object.keys(attrs).forEach(key => attrMap[attrs[key].name] = attrs[key].value);
+    return attrMap;
+  }
+
+  ngOnInit() {
+    // The `liveExampleContent` property is set by the DocViewer when it builds this component.
+    // It is the original innerHTML of the host element.
+    // Angular will sanitize this title when displayed so should be plain text.
+    const title = this.elementRef.nativeElement.liveExampleContent;
+    this.title = (title || this.title || 'live example').trim();
+  }
+
+  toggleEmbedded () { this.showEmbedded = !this.showEmbedded; }
+}
+
+function boolFromAtty(atty: string , def: boolean = false) {
+  // tslint:disable-next-line:triple-equals
+  return atty == undefined ? def :  atty.trim() !== 'false';
+}
+
+///// EmbeddedPlunkerComponent ///
+/**
+ * Hides the <iframe> so we can test LiveExampleComponent without actually triggering
+ * a call to plunker to load the iframe
+ */
+@Component({
+  selector: 'aio-embedded-plunker',
+  template: `<iframe #iframe frameborder="0" width="100%" height="100%"></iframe>`,
+  styles: [ 'iframe { min-height: 400px; }']
+})
+export class EmbeddedPlunkerComponent implements AfterViewInit {
+  @Input() src: string;
+
+  @ViewChild('iframe') iframe: ElementRef;
+
+  ngAfterViewInit() {
+    // DEVELOPMENT TESTING ONLY
+    // this.src = 'https://angular.io/resources/live-examples/quickstart/ts/eplnkr.html';
+
+    if (this.iframe) {
+      // security: the `src` is always authored by the documentation team
+      // and is considered to be safe
+      this.iframe.nativeElement.src = this.src;
+    }
+  }
+}
diff --git a/aio/src/app/shared/location.service.ts b/aio/src/app/shared/location.service.ts
index 2cf2a21eb3..4990a0e453 100644
--- a/aio/src/app/shared/location.service.ts
+++ b/aio/src/app/shared/location.service.ts
@@ -90,8 +90,13 @@ export class LocationService {
       return true;
     }
 
-    // check for external link
+    // don't navigate if external link or zip
     const { pathname, search, hash } = anchor;
+
+    if (anchor.getAttribute('download') != null) {
+      return true; // let the download happen
+    }
+
     const relativeUrl = pathname + search + hash;
     this.urlParser.href = relativeUrl;
     if (anchor.href !== this.urlParser.href) {
diff --git a/aio/src/assets/images/plunker/placeholder.png b/aio/src/assets/images/plunker/placeholder.png
index 585cd11696d30c8ceb2b3808dfc23d193bab4ee0..54c3369ee247c58ed0c5d8af8d5f4099ec914f7e 100644
GIT binary patch
literal 7611
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

literal 7959
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