v3

Shemesh · Jan 4, 2021 · 6ed4107 · 6ed4107
1 parent 407e265
commit 6ed4107
Show file tree

Hide file tree

Showing 8 changed files with 19 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -9,9 +9,7 @@ try the [online demo](https://shemesh.github.io/angular-popout-window/) to see s
 
 supports opening several child windows.
 
-thriving for a minimal footprint, ease of use, clean and compatible code. 
-
-...stay tuned.
+thriving for a minimal footprint, ease of use, clean and compatible code.
 
 ## Installation
 Install through npm:
@@ -53,10 +51,16 @@ you can override this by explicitly setting each of those properties for the new
 - `windowWidth` - width of window in pixels.
 - `windowHeight`  - height of window in pixels.
 
+use `windowStyle` property to apply styles on the child window, or `windowStyleUrl` to add a css file.
+
+`suppressCloneStyles` will skip the style cloning from parent to popped out window.
+
 when the popped out child window is closed, by pressing its X button for example, it will run `popIn()` to bring the content back inside.
 
 when the main page unload the popped window is closed.
 
+starting in version 3.0.0 the package depends on Angular/core only (removed the cdk dependency on).
+
 ## License
 
 MIT
diff --git a/docs/index.html b/docs/index.html
@@ -9,5 +9,5 @@
 </head>
 <body>
   <app-main></app-main>
-<script src="runtime.e7df24b5d39b2102df5c.js" defer></script><script src="polyfills.629fabf0194644aa8ddc.js" defer></script><script src="styles.bbef5938f377e347677f.js" defer></script><script src="main.34f830e3d3a951d0a45c.js" defer></script></body>
+<script src="runtime.e7df24b5d39b2102df5c.js" defer></script><script src="polyfills.629fabf0194644aa8ddc.js" defer></script><script src="styles.bbef5938f377e347677f.js" defer></script><script src="main.7ae65ca0c682848b0545.js" defer></script></body>
 </html>
diff --git a/docs/main.34f830e3d3a951d0a45c.js b/docs/main.34f830e3d3a951d0a45c.js
diff --git a/docs/main.7ae65ca0c682848b0545.js b/docs/main.7ae65ca0c682848b0545.js
diff --git a/package.json b/package.json
@@ -20,7 +20,6 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~10.2.0",
-    "@angular/cdk": "~10.2.0",
     "@angular/common": "~10.2.0",
     "@angular/compiler": "~10.2.0",
     "@angular/core": "~10.2.0",
@@ -33,6 +32,7 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
+    "@angular/cdk": "~10.2.0",
     "@angular-devkit/build-angular": "~0.1002.0",
     "@angular/cli": "~10.2.0",
     "@angular/compiler-cli": "~10.2.0",

diff --git a/projects/popout-window/README.md b/projects/popout-window/README.md
@@ -9,9 +9,7 @@ try the [online demo](https://shemesh.github.io/angular-popout-window/) to see s
 
 supports opening several child windows.
 
-thriving for a minimal footprint, ease of use, clean and compatible code. 
-
-...stay tuned.
+thriving for a minimal footprint, ease of use, clean and compatible code.
 
 ## Installation
 Install through npm:
@@ -53,10 +51,16 @@ you can override this by explicitly setting each of those properties for the new
 - `windowWidth` - width of window in pixels.
 - `windowHeight`  - height of window in pixels.
 
+use `windowStyle` property to apply styles on the child window, or `windowStyleUrl` to add a css file.
+
+`suppressCloneStyles` will skip the style cloning from parent to popped out window.
+
 when the popped out child window is closed, by pressing its X button for example, it will run `popIn()` to bring the content back inside.
 
 when the main page unload the popped window is closed.
 
+starting in version 3.0.0 the package depends on Angular/core only (removed the cdk dependency on).
+
 ## License
 
 MIT
diff --git a/projects/popout-window/package.json b/projects/popout-window/package.json
@@ -1,6 +1,6 @@
 {
   "name": "angular-popout-window",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "description": "Angular library to popout part of your application to a new un-docked browser child window.",
   "license": "MIT",
   "homepage": "https://github.com/Shemesh/angular-popout-window",
@@ -12,8 +12,7 @@
     "url": "https://github.com/Shemesh/angular-popout-window/issues"
   },
   "peerDependencies": {
-    "@angular/core": "^10.0.0",
-    "@angular/cdk": "^10.0.0"
+    "@angular/core": "^10.0.0"
   },
   "dependencies": {
     "tslib": "^2.0.0"

diff --git a/projects/popout-window/src/lib/popout-window.module.ts b/projects/popout-window/src/lib/popout-window.module.ts
@@ -1,12 +1,8 @@
 import { NgModule } from '@angular/core';
 import { PopoutWindowComponent } from './popout-window.component';
-import {PortalModule} from '@angular/cdk/portal';
 
 @NgModule({
   declarations: [PopoutWindowComponent],
-    imports: [
-        PortalModule
-    ],
   exports: [PopoutWindowComponent]
 })
 export class PopoutWindowModule { }