refactor(blur): remove blur component

BREAKING CHANGES: blur component has been removed

fixes #6272

demos/blur/index.ts

@@ -1,6 +0,0 @@
-import {App} from 'ionic-angular';
-
-@App({
-  templateUrl: 'main.html'
-})
-class ApiDemoApp {}

demos/blur/main.html

@@ -1,34 +0,0 @@
-
-<ion-toolbar>
-  <ion-title>Blur</ion-title>
-</ion-toolbar>
-
-<ion-content>
-  <div class="blur-content">
-    <ion-card blur class="blur-card">
-      <ion-card-header>
-        Card
-      </ion-card-header>
-      <ion-card-content>
-        This card will blur the content behind it.
-      </ion-card-content>
-    </ion-card>
-  </div>
-</ion-content>
-
-<style>
-  .blur-content {
-    position: absolute;
-    text-align:center;
-    background: url('bg.jpg') no-repeat transparent;
-    background-size: cover;
-    height: 100%;
-    width: 100%;
-  }
-
-  .blur-card,
-  .blur-card ion-card-header {
-    background: transparent;
-    color: white;
-  }
-</style>

ionic/components.ts

@@ -4,7 +4,6 @@ export * from './components/app/id'
 export * from './components/action-sheet/action-sheet'
 export * from './components/alert/alert'
 export * from './components/badge/badge'
-export * from './components/blur/blur'
 export * from './components/button/button'
 export * from './components/checkbox/checkbox'
 export * from './components/content/content'

ionic/components/blur/blur.ts

@@ -1,26 +0,0 @@
-import {Directive, Renderer, ElementRef} from 'angular2/core';
-
-
-/**
- * @name Blur
- * @description
- * The blur attribute applies the CSS blur attribute to an element. Safari only.
- *
- * @usage
- * ```html
- * <ion-card blur>
- *    This card will blur the content behind it.
- * </ion-card>
- * ```
- *
- * @demo /docs/v2/demos/blur/
- * @private
- */
-@Directive({
-  selector: '[blur]'
-})
-export class Blur {
-  constructor(private _elementRef: ElementRef, private _renderer: Renderer) {
-    _renderer.setElementStyle(_elementRef.nativeElement, '-webkit-backdrop-filter', 'blur(10px)');
-  }
-}

ionic/components/blur/test/basic/index.ts

@@ -1,10 +0,0 @@
-import {App} from 'ionic-angular';
-
-
-@App({
-  templateUrl: 'main.html'
-})
-class E2EApp {
-  constructor() {
-  }
-}

ionic/components/blur/test/basic/main.html

@@ -1,34 +0,0 @@
-
-<ion-toolbar>
-  <ion-title>Blur</ion-title>
-</ion-toolbar>
-
-<ion-content>
-  <div class="blur-content">
-    <ion-card blur class="blur-card">
-      <ion-card-header>
-        Card
-      </ion-card-header>
-      <ion-card-content>
-        This card will blur the content behind it.
-      </ion-card-content>
-    </ion-card>
-  </div>
-</ion-content>
-
-<style>
-  .blur-content {
-    position: absolute;
-    text-align:center;
-    background: url('bg.jpg') no-repeat transparent;
-    background-size: cover;
-    height: 100%;
-    width: 100%;
-  }
-
-  .blur-card,
-  .blur-card ion-card-header {
-    background: transparent;
-    color: white;
-  }
-</style>

ionic/config/directives.ts

@@ -6,7 +6,6 @@ import {MenuToggle} from '../components/menu/menu-toggle';
 import {MenuClose} from '../components/menu/menu-close';
 import {Badge} from '../components/badge/badge';
 import {Button} from '../components/button/button';
-import {Blur} from '../components/blur/blur';
 import {Content} from '../components/content/content';
 import {Img} from '../components/img/img';
 import {Scroll} from '../components/scroll/scroll';
@@ -93,7 +92,6 @@ import {ShowWhen, HideWhen} from '../components/show-hide-when/show-hide-when';
  * - MenuClose
  * - Badge
  * - Button
- * - Blur
  * - Content
  * - Scroll
  * - InfiniteScroll
@@ -154,7 +152,6 @@ export const IONIC_DIRECTIVES = [
 
   Badge,
   Button,
-  Blur,
   Content,
   Scroll,
   InfiniteScroll,