text: webpackJsonp([11],{
  
  /***/ "../../../../../src/app/dragndrop/dragndrop.component.html":
  /***/ (function(module, exports) {
  
  module.exports = "<p class=\"ma-1\">Move stuff between these two containers. Note how the stuff gets inserted near the mouse pointer? Great stuff.</p>\n\n<div  fxLayout=\"row\" fxLayoutWrap=\"wrap\">\n  <md-card fxFlex>\n    <md-list [dragula]='\"first-bag\"'>\n      <ng-template ngFor let-todo [ngForOf]=\"todos\">\n        <md-list-item>\n          <div  fxLayout=\"row\" fxLayoutAlign=\"start center\" style=\"width: 100%;\">\n            <div fxFlex>\n              <md-checkbox [checked]=\"todo.finished\">{{todo.name}}</md-checkbox>\n            </div>\n            <div><md-icon>more_horiz</md-icon></div>\n          </div>\n        </md-list-item>\n      </ng-template>\n    </md-list>\n  </md-card>\n  <md-card fxFlex>\n    <md-nav-list [dragula]='\"first-bag\"'>\n      <md-list-item *ngFor=\"let link of links\">\n        <div  fxLayout=\"row\" fxLayoutAlign=\"start center\" style=\"width: 100%;\">\n          <div fxFlex>\n            <a md-line href=\"http://www.google.com\" fxFlex>{{ link.name }}</a>\n          </div>\n          <div>\n            <md-icon>info</md-icon>\n          </div>\n        </div>\n      </md-list-item>\n    </md-nav-list>\n  </md-card>\n</div>"
  
  /***/ }),
  
  /***/ "../../../../../src/app/dragndrop/dragndrop.component.scss":
  /***/ (function(module, exports, __webpack_require__) {
  
  exports = module.exports = __webpack_require__("../../../../css-loader/lib/css-base.js")(false);
  // imports
  
  
  // module
  exports.push([module.i, ":host /deep/ md-list-item {\n  display: block; }\n\n:host /deep/ .gu-mirror {\n  transition: opacity 300ms ease-in-out;\n  border-radius: 2px;\n  display: block;\n  position: relative;\n  display: block;\n  padding: 10px 15px;\n  margin-bottom: -1px;\n  background-color: #fff; }\n\n:host /deep/ .mat-list-item {\n  cursor: move;\n  cursor: grab;\n  cursor: -webkit-grab; }\n\n:host /deep/ .gu-mirror {\n  cursor: grabbing;\n  cursor: -webkit-grabbing; }\n\n:host /deep/ .container .ex-moved {\n  background-color: #e74c3c; }\n\n:host /deep/ .container.ex-over {\n  background-color: rgba(255, 255, 255, 0.3); }\n\n:host /deep/ .handle {\n  padding: 0 5px;\n  margin-right: 5px;\n  background-color: rgba(0, 0, 0, 0.4);\n  cursor: move; }\n\n:host /deep/ nested-repeat-example .container span {\n  display: block;\n  padding: 8px; }\n", ""]);
  
  // exports
  
  
  /*** EXPORTS FROM exports-loader ***/
  module.exports = module.exports.toString();
  
  /***/ }),
  
  /***/ "../../../../../src/app/dragndrop/dragndrop.component.ts":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/@angular/core.es5.js");
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DragndropComponent; });
  var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
      if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
      else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
      return c > 3 && r && Object.defineProperty(target, key, r), r;
  };
  var __metadata = (this && this.__metadata) || function (k, v) {
      if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
  };
  
  var DragndropComponent = (function () {
      function DragndropComponent() {
          this.todos = [{
                  finished: true,
                  name: 'Learn Angular 2.0',
              }, {
                  finished: true,
                  name: 'Learn Angular Material 2.0',
              }, {
                  finished: false,
                  name: 'Build examples',
              }, {
                  finished: false,
                  name: 'Documentation',
              }, {
                  finished: false,
                  name: 'Write about your findings',
              }, {
                  finished: false,
                  name: 'Contribute back to the community',
              },];
          this.links = [{
                  name: 'Inbox'
              }, {
                  name: 'Outbox'
              }, {
                  name: 'Spam'
              }, {
                  name: 'Priority'
              }, {
                  name: 'Drafts'
              }, {
                  name: 'Trash'
              }];
      }
      return DragndropComponent;
  }());
  DragndropComponent = __decorate([
      __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["Component"])({
          selector: 'app-dragndrop',
          template: __webpack_require__("../../../../../src/app/dragndrop/dragndrop.component.html"),
          styles: [__webpack_require__("../../../../../src/app/dragndrop/dragndrop.component.scss")]
      }),
      __metadata("design:paramtypes", [])
  ], DragndropComponent);
  
  //# sourceMappingURL=dragndrop.component.js.map
  
  /***/ }),
  
  /***/ "../../../../../src/app/dragndrop/dragndrop.module.ts":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__angular_core__ = __webpack_require__("../../../core/@angular/core.es5.js");
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__angular_router__ = __webpack_require__("../../../router/@angular/router.es5.js");
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__angular_common__ = __webpack_require__("../../../common/@angular/common.es5.js");
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__angular_material__ = __webpack_require__("../../../material/@angular/material.es5.js");
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__angular_flex_layout__ = __webpack_require__("../../../flex-layout/index.js");
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_ng2_dragula_ng2_dragula__ = __webpack_require__("../../../../ng2-dragula/ng2-dragula.js");
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_ng2_dragula_ng2_dragula___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_ng2_dragula_ng2_dragula__);
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dragndrop_routing__ = __webpack_require__("../../../../../src/app/dragndrop/dragndrop.routing.ts");
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__dragndrop_component__ = __webpack_require__("../../../../../src/app/dragndrop/dragndrop.component.ts");
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragndropModule", function() { return DragndropModule; });
  var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
      if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
      else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
      return c > 3 && r && Object.defineProperty(target, key, r), r;
  };
  
  
  
  
  
  
  
  
  var DragndropModule = (function () {
      function DragndropModule() {
      }
      return DragndropModule;
  }());
  DragndropModule = __decorate([
      __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__angular_core__["NgModule"])({
          imports: [
              __WEBPACK_IMPORTED_MODULE_2__angular_common__["CommonModule"],
              __WEBPACK_IMPORTED_MODULE_1__angular_router__["a" /* RouterModule */].forChild(__WEBPACK_IMPORTED_MODULE_6__dragndrop_routing__["a" /* DragndropRoutes */]),
              __WEBPACK_IMPORTED_MODULE_3__angular_material__["b" /* MdIconModule */],
              __WEBPACK_IMPORTED_MODULE_3__angular_material__["c" /* MdCardModule */],
              __WEBPACK_IMPORTED_MODULE_3__angular_material__["e" /* MdCheckboxModule */],
              __WEBPACK_IMPORTED_MODULE_3__angular_material__["i" /* MdListModule */],
              __WEBPACK_IMPORTED_MODULE_4__angular_flex_layout__["a" /* FlexLayoutModule */],
              __WEBPACK_IMPORTED_MODULE_5_ng2_dragula_ng2_dragula__["DragulaModule"]
          ],
          declarations: [__WEBPACK_IMPORTED_MODULE_7__dragndrop_component__["a" /* DragndropComponent */]]
      })
  ], DragndropModule);
  
  //# sourceMappingURL=dragndrop.module.js.map
  
  /***/ }),
  
  /***/ "../../../../../src/app/dragndrop/dragndrop.routing.ts":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  
  "use strict";
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dragndrop_component__ = __webpack_require__("../../../../../src/app/dragndrop/dragndrop.component.ts");
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DragndropRoutes; });
  
  var DragndropRoutes = [
      { path: '', component: __WEBPACK_IMPORTED_MODULE_0__dragndrop_component__["a" /* DragndropComponent */] }
  ];
  //# sourceMappingURL=dragndrop.routing.js.map
  
  /***/ })
  
  });
  //# sourceMappingURL=11.chunk.js.map