ng2-modal - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

index.d.ts

 export * from "./Modal";
 export * from "./RouteModal";
-export declare const MODAL_DIRECTIVES: any[];
+export declare class ModalHeader {
+}
+export declare class ModalContent {
+}
+export declare class ModalFooter {
+}
+export declare class ModalModule {
+}

index.js

 "use strict";
+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);
+};
 function __export(m) {
@@ -7,6 +16,74 @@ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 var RouteModal_1 = require("./RouteModal");
+var common_1 = require("@angular/common");
+var core_1 = require("@angular/core");
 __export(require("./Modal"));
 __export(require("./RouteModal"));
-exports.MODAL_DIRECTIVES = [Modal_1.Modal, RouteModal_1.RouteModal];
+var ModalHeader = (function () {
+    function ModalHeader() {
+    }
+    ModalHeader = __decorate([
+        core_1.Component({
+            selector: "modal-header",
+            template: "<ng-content></ng-content>"
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ModalHeader);
+    return ModalHeader;
+}());
+exports.ModalHeader = ModalHeader;
+var ModalContent = (function () {
+    function ModalContent() {
+    }
+    ModalContent = __decorate([
+        core_1.Component({
+            selector: "modal-content",
+            template: "<ng-content></ng-content>"
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ModalContent);
+    return ModalContent;
+}());
+exports.ModalContent = ModalContent;
+var ModalFooter = (function () {
+    function ModalFooter() {
+    }
+    ModalFooter = __decorate([
+        core_1.Component({
+            selector: "modal-footer",
+            template: "<ng-content></ng-content>"
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ModalFooter);
+    return ModalFooter;
+}());
+exports.ModalFooter = ModalFooter;
+var ModalModule = (function () {
+    function ModalModule() {
+    }
+    ModalModule = __decorate([
+        core_1.NgModule({
+            imports: [
+                common_1.CommonModule
+            ],
+            declarations: [
+                Modal_1.Modal,
+                RouteModal_1.RouteModal,
+                ModalHeader,
+                ModalContent,
+                ModalFooter,
+            ],
+            exports: [
+                Modal_1.Modal,
+                RouteModal_1.RouteModal,
+                ModalHeader,
+                ModalContent,
+                ModalFooter,
+            ],
+        }), 
+        __metadata('design:paramtypes', [])
+    ], ModalModule);
+    return ModalModule;
+}());
+exports.ModalModule = ModalModule;
 
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "ng2-modal",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Open modal window (dialog box) for your angular2 applications using bootstrap3.",
@@ -26,11 +26,11 @@ "license": "MIT",
   "peerDependencies": {
-    "@angular/core": "^2.0.0-rc.5"
+    "@angular/core": "^2.0.0-rc.6"
   },
   "devDependencies": {
-    "@angular/common": "^2.0.0-rc.5",
-    "@angular/compiler": "^2.0.0-rc.5",
-    "@angular/core": "^2.0.0-rc.5",
-    "@angular/platform-browser": "^2.0.0-rc.5",
-    "@angular/platform-browser-dynamic": "^2.0.0-rc.5",
-    "@angular/router": "3.0.0-rc.1",
+    "@angular/common": "^2.0.0-rc.6",
+    "@angular/compiler": "^2.0.0-rc.6",
+    "@angular/core": "^2.0.0-rc.6",
+    "@angular/platform-browser": "^2.0.0-rc.6",
+    "@angular/platform-browser-dynamic": "^2.0.0-rc.6",
+    "@angular/router": "3.0.0-rc.2",
     "bootstrap": "^3.3.7",
@@ -51,3 +51,3 @@ "chai": "^3.4.1",
     "reflect-metadata": "^0.1.4",
-    "rxjs": "5.0.0-beta.6",
+    "rxjs": "5.0.0-beta.11",
     "sinon": "^1.17.5",
@@ -60,4 +60,4 @@ "sinon-chai": "^2.8.0",
     "typings": "^1.3.2",
-    "zone.js": "^0.6.12"
+    "zone.js": "^0.6.17"
   }
 }

README.md

@@ -26,2 +26,4 @@ # ng2-modal
 
+Import `ModalModule` in your app. Then you can use `modal` component:
+
 ```html
@@ -56,2 +58,3 @@ <modal  title="Modal title"
 
+First, import `ModalModule` in your app.
 If you want your modals to be opened within routes,
@@ -64,3 +67,3 @@ then `<route-modal></route-modal>` should be used instead.
 import {Component} from "@angular/core";
-import {MODAL_DIRECTIVES} from "ng2-modal";
+import {ModalModule} from "ng2-modal";
 
@@ -84,4 +87,3 @@ @Component({
 </div>
-    `,
-    directives: [MODAL_DIRECTIVES]
+    `
 })
@@ -91,2 +93,18 @@ export class App {
 }
+
+@NgModule({
+    imports: [
+        // ...
+        ModalModule
+    ],
+    declarations: [
+        App
+    ],
+    bootstrap: [
+        App
+    ]
+})
+export class AppModule {
+
+}
 ```
@@ -93,0 +111,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47422

increased by10.54%

Lines of code

456

increased by22.58%

Number of lines in readme file

223

increased by8.78%

No dependency changes