diff --git a/docs/classes/_lib_in_viewport_config_.inviewportconfig.html b/docs/classes/_lib_in_viewport_config_.inviewportconfig.html
index 0216dd55..ec18b0d2 100644
--- a/docs/classes/_lib_in_viewport_config_.inviewportconfig.html
+++ b/docs/classes/_lib_in_viewport_config_.inviewportconfig.html
@@ -135,7 +135,7 @@ <h3>constructor</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L106">lib/in-viewport-config.ts:106</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L106">lib/in-viewport-config.ts:106</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -157,7 +157,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> _check<wbr>Fn</h3>
 					<div class="tsd-signature tsd-kind-icon">_check<wbr>Fn<span class="tsd-signature-symbol">:</span> <a href="../modules/_lib_in_viewport_config_.html#inviewportconfigcheckfn" class="tsd-signature-type">InViewportConfigCheckFn</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L76">lib/in-viewport-config.ts:76</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L76">lib/in-viewport-config.ts:76</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -167,7 +167,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> _direction</h3>
 					<div class="tsd-signature tsd-kind-icon">_direction<span class="tsd-signature-symbol">:</span> <a href="../enums/_lib_in_viewport_config_.inviewportconfigdirection.html" class="tsd-signature-type">InViewportConfigDirection</a><span class="tsd-signature-symbol"> =&nbsp;InViewportConfigDirection.BOTH</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L74">lib/in-viewport-config.ts:74</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L74">lib/in-viewport-config.ts:74</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -177,7 +177,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> _hash</h3>
 					<div class="tsd-signature tsd-kind-icon">_hash<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L75">lib/in-viewport-config.ts:75</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L75">lib/in-viewport-config.ts:75</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -187,7 +187,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> _partial</h3>
 					<div class="tsd-signature tsd-kind-icon">_partial<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> =&nbsp;true</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L73">lib/in-viewport-config.ts:73</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L73">lib/in-viewport-config.ts:73</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -197,7 +197,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> _root</h3>
 					<div class="tsd-signature tsd-kind-icon">_root<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L70">lib/in-viewport-config.ts:70</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L70">lib/in-viewport-config.ts:70</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -207,7 +207,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> _root<wbr>Margin</h3>
 					<div class="tsd-signature tsd-kind-icon">_root<wbr>Margin<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> =&nbsp;&quot;0px 0px 0px 0px&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L71">lib/in-viewport-config.ts:71</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L71">lib/in-viewport-config.ts:71</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -217,7 +217,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> _threshold</h3>
 					<div class="tsd-signature tsd-kind-icon">_threshold<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> =&nbsp;[...InViewportConfig.DEFAULT_THRESHOLD]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L72">lib/in-viewport-config.ts:72</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L72">lib/in-viewport-config.ts:72</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -227,7 +227,7 @@ <h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-
 					<div class="tsd-signature tsd-kind-icon">DEFAULT_<wbr>THRESHOLD<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> =&nbsp;[0, 1]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L66">lib/in-viewport-config.ts:66</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L66">lib/in-viewport-config.ts:66</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -237,7 +237,7 @@ <h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-
 					<div class="tsd-signature tsd-kind-icon">STRINGIFY_<wbr>DELIMITER<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"|"</span><span class="tsd-signature-symbol"> =&nbsp;&quot;|&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L68">lib/in-viewport-config.ts:68</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L68">lib/in-viewport-config.ts:68</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -255,7 +255,7 @@ <h3>check<wbr>Fn</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L206">lib/in-viewport-config.ts:206</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L206">lib/in-viewport-config.ts:206</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <a href="../modules/_lib_in_viewport_config_.html#inviewportconfigcheckfn" class="tsd-signature-type">InViewportConfigCheckFn</a></h4>
@@ -263,7 +263,7 @@ <h4 class="tsd-returns-title">Returns <a href="../modules/_lib_in_viewport_confi
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L210">lib/in-viewport-config.ts:210</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L210">lib/in-viewport-config.ts:210</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -287,7 +287,7 @@ <h3>direction</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L185">lib/in-viewport-config.ts:185</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L185">lib/in-viewport-config.ts:185</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <a href="../enums/_lib_in_viewport_config_.inviewportconfigdirection.html" class="tsd-signature-type">InViewportConfigDirection</a></h4>
@@ -295,7 +295,7 @@ <h4 class="tsd-returns-title">Returns <a href="../enums/_lib_in_viewport_config_
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L189">lib/in-viewport-config.ts:189</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L189">lib/in-viewport-config.ts:189</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -318,7 +318,7 @@ <h3>hash</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L202">lib/in-viewport-config.ts:202</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L202">lib/in-viewport-config.ts:202</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
@@ -336,7 +336,7 @@ <h3>partial</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L177">lib/in-viewport-config.ts:177</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L177">lib/in-viewport-config.ts:177</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
@@ -344,7 +344,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L181">lib/in-viewport-config.ts:181</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L181">lib/in-viewport-config.ts:181</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -368,7 +368,7 @@ <h3>root</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L126">lib/in-viewport-config.ts:126</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L126">lib/in-viewport-config.ts:126</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
@@ -376,7 +376,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L130">lib/in-viewport-config.ts:130</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L130">lib/in-viewport-config.ts:130</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -400,7 +400,7 @@ <h3>root<wbr>Margin</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L134">lib/in-viewport-config.ts:134</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L134">lib/in-viewport-config.ts:134</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
@@ -408,7 +408,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</s
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L138">lib/in-viewport-config.ts:138</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L138">lib/in-viewport-config.ts:138</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -432,7 +432,7 @@ <h3>threshold</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L159">lib/in-viewport-config.ts:159</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L159">lib/in-viewport-config.ts:159</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span>
@@ -443,7 +443,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</s
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L163">lib/in-viewport-config.ts:163</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L163">lib/in-viewport-config.ts:163</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -469,7 +469,7 @@ <h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L104">lib/in-viewport-config.ts:104</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L104">lib/in-viewport-config.ts:104</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -492,7 +492,7 @@ <h3><span class="tsd-flag ts-flagStatic">Static</span> <span class="tsd-flag ts-
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L78">lib/in-viewport-config.ts:78</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L78">lib/in-viewport-config.ts:78</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
diff --git a/docs/classes/_lib_in_viewport_directive_.inviewportdirective.html b/docs/classes/_lib_in_viewport_directive_.inviewportdirective.html
index 533a5d9f..5abb46d1 100644
--- a/docs/classes/_lib_in_viewport_directive_.inviewportdirective.html
+++ b/docs/classes/_lib_in_viewport_directive_.inviewportdirective.html
@@ -98,17 +98,17 @@ <h3>Constructors</h3>
 							<h3>Properties</h3>
 							<ul class="tsd-index-list">
 								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#config" class="tsd-kind-icon">config</a></li>
+								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#destroyed_" class="tsd-kind-icon">destroyed$</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#elementref" class="tsd-kind-icon">element<wbr>Ref</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#inviewport" class="tsd-kind-icon">in<wbr>Viewport</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#inviewportaction" class="tsd-kind-icon">in<wbr>Viewport<wbr>Action</a></li>
 								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#platformid" class="tsd-kind-icon">platform<wbr>Id</a></li>
-								<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#subscription" class="tsd-kind-icon">subscription</a></li>
 							</ul>
 						</section>
-						<section class="tsd-index-section tsd-is-private tsd-is-private-protected tsd-is-external">
+						<section class="tsd-index-section tsd-is-external">
 							<h3>Accessors</h3>
 							<ul class="tsd-index-list">
-								<li class="tsd-kind-set-signature tsd-parent-kind-class tsd-is-private tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#options" class="tsd-kind-icon">options</a></li>
+								<li class="tsd-kind-set-signature tsd-parent-kind-class tsd-is-external"><a href="_lib_in_viewport_directive_.inviewportdirective.html#options" class="tsd-kind-icon">options</a></li>
 							</ul>
 						</section>
 						<section class="tsd-index-section tsd-is-external">
@@ -135,7 +135,7 @@ <h3>constructor</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L42">lib/in-viewport.directive.ts:42</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L42">lib/in-viewport.directive.ts:42</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -163,7 +163,17 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> config</h3>
 					<div class="tsd-signature tsd-kind-icon">config<span class="tsd-signature-symbol">:</span> <a href="_lib_in_viewport_config_.inviewportconfig.html" class="tsd-signature-type">InViewportConfig</a><span class="tsd-signature-symbol"> =&nbsp;new InViewportConfig()</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L34">lib/in-viewport.directive.ts:34</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L34">lib/in-viewport.directive.ts:34</a></li>
+						</ul>
+					</aside>
+				</section>
+				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external">
+					<a name="destroyed_" class="tsd-anchor"></a>
+					<h3><span class="tsd-flag ts-flagPrivate">Private</span> destroyed$</h3>
+					<div class="tsd-signature tsd-kind-icon">destroyed$<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> =&nbsp;new Subject()</span></div>
+					<aside class="tsd-sources">
+						<ul>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L35">lib/in-viewport.directive.ts:35</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -173,7 +183,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> element<wbr>Ref</h3>
 					<div class="tsd-signature tsd-kind-icon">element<wbr>Ref<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ElementRef</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L46">lib/in-viewport.directive.ts:46</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L46">lib/in-viewport.directive.ts:46</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -183,7 +193,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> in<wbr>Viewport</h3>
 					<div class="tsd-signature tsd-kind-icon">in<wbr>Viewport<span class="tsd-signature-symbol">:</span> <a href="_lib_in_viewport_service_.inviewportservice.html" class="tsd-signature-type">InViewportService</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L47">lib/in-viewport.directive.ts:47</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L47">lib/in-viewport.directive.ts:47</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -193,7 +203,7 @@ <h3>in<wbr>Viewport<wbr>Action</h3>
 					<div class="tsd-signature tsd-kind-icon">in<wbr>Viewport<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> =&nbsp;new EventEmitter&lt;any&gt;()</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L42">lib/in-viewport.directive.ts:42</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L42">lib/in-viewport.directive.ts:42</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -203,34 +213,24 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> platform<wbr>Id</h3>
 					<div class="tsd-signature tsd-kind-icon">platform<wbr>Id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Object</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L45">lib/in-viewport.directive.ts:45</a></li>
-						</ul>
-					</aside>
-				</section>
-				<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external">
-					<a name="subscription" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagPrivate">Private</span> subscription</h3>
-					<div class="tsd-signature tsd-kind-icon">subscription<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subscription</span><span class="tsd-signature-symbol"> =&nbsp;new Subscription()</span></div>
-					<aside class="tsd-sources">
-						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L35">lib/in-viewport.directive.ts:35</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L45">lib/in-viewport.directive.ts:45</a></li>
 						</ul>
 					</aside>
 				</section>
 			</section>
-			<section class="tsd-panel-group tsd-member-group tsd-is-private tsd-is-private-protected tsd-is-external">
+			<section class="tsd-panel-group tsd-member-group tsd-is-external">
 				<h2>Accessors</h2>
-				<section class="tsd-panel tsd-member tsd-kind-set-signature tsd-parent-kind-class tsd-is-private tsd-is-external">
+				<section class="tsd-panel tsd-member tsd-kind-set-signature tsd-parent-kind-class tsd-is-external">
 					<a name="options" class="tsd-anchor"></a>
-					<h3><span class="tsd-flag ts-flagPrivate">Private</span> options</h3>
-					<ul class="tsd-signatures tsd-kind-set-signature tsd-parent-kind-class tsd-is-private tsd-is-external">
+					<h3>options</h3>
+					<ul class="tsd-signatures tsd-kind-set-signature tsd-parent-kind-class tsd-is-external">
 						<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">set</span> options<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><a href="../interfaces/_lib_in_viewport_config_.inviewportconfigoptions.html" class="tsd-signature-type">InViewportConfigOptions</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
 					</ul>
 					<ul class="tsd-descriptions">
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L38">lib/in-viewport.directive.ts:38</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L38">lib/in-viewport.directive.ts:38</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -256,7 +256,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> check</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L70">lib/in-viewport.directive.ts:70</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L78">lib/in-viewport.directive.ts:78</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -298,7 +298,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> emit<wbr>Action</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L80">lib/in-viewport.directive.ts:80</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L88">lib/in-viewport.directive.ts:88</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -324,7 +324,7 @@ <h3>ng<wbr>After<wbr>View<wbr>Init</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L50">lib/in-viewport.directive.ts:50</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L51">lib/in-viewport.directive.ts:51</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -341,7 +341,7 @@ <h3>ng<wbr>OnDestroy</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L63">lib/in-viewport.directive.ts:63</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L69">lib/in-viewport.directive.ts:69</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
@@ -392,6 +392,9 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external">
 								<a href="_lib_in_viewport_directive_.inviewportdirective.html#config" class="tsd-kind-icon">config</a>
 							</li>
+							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external">
+								<a href="_lib_in_viewport_directive_.inviewportdirective.html#destroyed_" class="tsd-kind-icon">destroyed$</a>
+							</li>
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external">
 								<a href="_lib_in_viewport_directive_.inviewportdirective.html#elementref" class="tsd-kind-icon">element<wbr>Ref</a>
 							</li>
@@ -404,10 +407,7 @@ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</spa
 							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external">
 								<a href="_lib_in_viewport_directive_.inviewportdirective.html#platformid" class="tsd-kind-icon">platform<wbr>Id</a>
 							</li>
-							<li class=" tsd-kind-property tsd-parent-kind-class tsd-is-private tsd-is-external">
-								<a href="_lib_in_viewport_directive_.inviewportdirective.html#subscription" class="tsd-kind-icon">subscription</a>
-							</li>
-							<li class=" tsd-kind-set-signature tsd-parent-kind-class tsd-is-private tsd-is-external">
+							<li class=" tsd-kind-set-signature tsd-parent-kind-class tsd-is-external">
 								<a href="_lib_in_viewport_directive_.inviewportdirective.html#options" class="tsd-kind-icon">options</a>
 							</li>
 							<li class=" tsd-kind-method tsd-parent-kind-class tsd-is-private tsd-is-external">
diff --git a/docs/classes/_lib_in_viewport_service_.inviewportservice.html b/docs/classes/_lib_in_viewport_service_.inviewportservice.html
index f9db21a4..a568549c 100644
--- a/docs/classes/_lib_in_viewport_service_.inviewportservice.html
+++ b/docs/classes/_lib_in_viewport_service_.inviewportservice.html
@@ -120,7 +120,7 @@ <h3>constructor</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L29">lib/in-viewport.service.ts:29</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L29">lib/in-viewport.service.ts:29</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -142,7 +142,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> ng<wbr>Zone</h3>
 					<div class="tsd-signature tsd-kind-icon">ng<wbr>Zone<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NgZone</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L31">lib/in-viewport.service.ts:31</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L31">lib/in-viewport.service.ts:31</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -152,7 +152,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> registry</h3>
 					<div class="tsd-signature tsd-kind-icon">registry<span class="tsd-signature-symbol">:</span> <a href="../modules/_lib_in_viewport_service_.html#inviewportregistry" class="tsd-signature-type">InViewportRegistry</a><span class="tsd-signature-symbol"> =&nbsp;[]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L29">lib/in-viewport.service.ts:29</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L29">lib/in-viewport.service.ts:29</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -162,7 +162,7 @@ <h3>trigger$</h3>
 					<div class="tsd-signature tsd-kind-icon">trigger$<span class="tsd-signature-symbol">:</span> <a href="../modules/_lib_in_viewport_service_.html#inviewporttrigger" class="tsd-signature-type">InViewportTrigger</a><span class="tsd-signature-symbol"> =&nbsp;new Subject&lt;IntersectionObserverEntry&gt;()</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L28">lib/in-viewport.service.ts:28</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L28">lib/in-viewport.service.ts:28</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -179,7 +179,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> emit<wbr>Trigger</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L33">lib/in-viewport.service.ts:33</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L33">lib/in-viewport.service.ts:33</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -202,7 +202,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> find<wbr>Entry</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L43">lib/in-viewport.service.ts:43</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L43">lib/in-viewport.service.ts:43</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -228,7 +228,7 @@ <h3><span class="tsd-flag ts-flagPrivate">Private</span> get<wbr>Root<wbr>Elemen
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L39">lib/in-viewport.service.ts:39</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L39">lib/in-viewport.service.ts:39</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -254,7 +254,7 @@ <h3>register</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L47">lib/in-viewport.service.ts:47</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L47">lib/in-viewport.service.ts:47</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -280,7 +280,7 @@ <h3>unregister</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L75">lib/in-viewport.service.ts:75</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L75">lib/in-viewport.service.ts:75</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
diff --git a/docs/enums/_lib_in_viewport_config_.inviewportconfigdirection.html b/docs/enums/_lib_in_viewport_config_.inviewportconfigdirection.html
index 89148104..06223477 100644
--- a/docs/enums/_lib_in_viewport_config_.inviewportconfigdirection.html
+++ b/docs/enums/_lib_in_viewport_config_.inviewportconfigdirection.html
@@ -73,7 +73,7 @@ <h1>Enumeration InViewportConfigDirection</h1>
 				<div class="tsd-comment tsd-typography">
 					<dl class="tsd-comment-tags">
 						<dt>license</dt>
-						<dd><p>Copyright (c) 2020 Piotr Stępniewski <a href="mailto:&#107;&#x33;&#110;&#x73;&#x65;&#105;&#x2e;&#112;&#x6c;&#x40;&#x67;&#x6d;&#97;&#105;&#x6c;&#46;&#99;&#111;&#x6d;">&#107;&#x33;&#110;&#x73;&#x65;&#105;&#x2e;&#112;&#x6c;&#x40;&#x67;&#x6d;&#97;&#105;&#x6c;&#46;&#99;&#111;&#x6d;</a>
+						<dd><p>Copyright (c) 2020 Piotr Stępniewski <a href="mailto:&#107;&#x33;&#110;&#x73;&#x65;&#x69;&#x2e;&#112;&#x6c;&#64;&#103;&#x6d;&#97;&#x69;&#x6c;&#46;&#x63;&#111;&#x6d;">&#107;&#x33;&#110;&#x73;&#x65;&#x69;&#x2e;&#112;&#x6c;&#64;&#103;&#x6d;&#97;&#x69;&#x6c;&#46;&#x63;&#111;&#x6d;</a>
 							(<a href="https://www.linkedin.com/in/piotrstepniewski/">https://www.linkedin.com/in/piotrstepniewski/</a>)</p>
 							<p>Use of this source code is governed by an MIT-style license that can be
 							found in the LICENSE file at <a href="https://opensource.org/licenses/MIT">https://opensource.org/licenses/MIT</a></p>
@@ -104,7 +104,7 @@ <h3>BOTH</h3>
 					<div class="tsd-signature tsd-kind-icon">BOTH<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;&quot;both&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L11">lib/in-viewport-config.ts:11</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L11">lib/in-viewport-config.ts:11</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -114,7 +114,7 @@ <h3>HORIZONTAL</h3>
 					<div class="tsd-signature tsd-kind-icon">HORIZONTAL<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;&quot;horizontal&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L13">lib/in-viewport-config.ts:13</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L13">lib/in-viewport-config.ts:13</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -124,7 +124,7 @@ <h3>VERTICAL</h3>
 					<div class="tsd-signature tsd-kind-icon">VERTICAL<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> =&nbsp;&quot;vertical&quot;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L12">lib/in-viewport-config.ts:12</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L12">lib/in-viewport-config.ts:12</a></li>
 						</ul>
 					</aside>
 				</section>
diff --git a/docs/interfaces/_lib_in_viewport_config_.inviewportconfigcheckfnoptions.html b/docs/interfaces/_lib_in_viewport_config_.inviewportconfigcheckfnoptions.html
index 0e30c650..4da13513 100644
--- a/docs/interfaces/_lib_in_viewport_config_.inviewportconfigcheckfnoptions.html
+++ b/docs/interfaces/_lib_in_viewport_config_.inviewportconfigcheckfnoptions.html
@@ -99,7 +99,7 @@ <h3>config</h3>
 					<div class="tsd-signature tsd-kind-icon">config<span class="tsd-signature-symbol">:</span> <a href="../classes/_lib_in_viewport_config_.inviewportconfig.html" class="tsd-signature-type">InViewportConfig</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L18">lib/in-viewport-config.ts:18</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L18">lib/in-viewport-config.ts:18</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -109,7 +109,7 @@ <h3>force</h3>
 					<div class="tsd-signature tsd-kind-icon">force<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L17">lib/in-viewport-config.ts:17</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L17">lib/in-viewport-config.ts:17</a></li>
 						</ul>
 					</aside>
 				</section>
diff --git a/docs/interfaces/_lib_in_viewport_config_.inviewportconfigoptions.html b/docs/interfaces/_lib_in_viewport_config_.inviewportconfigoptions.html
index 230e55cd..c3d648a4 100644
--- a/docs/interfaces/_lib_in_viewport_config_.inviewportconfigoptions.html
+++ b/docs/interfaces/_lib_in_viewport_config_.inviewportconfigoptions.html
@@ -103,7 +103,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> check<wbr>Fn</h3>
 					<div class="tsd-signature tsd-kind-icon">check<wbr>Fn<span class="tsd-signature-symbol">:</span> <a href="../modules/_lib_in_viewport_config_.html#inviewportconfigcheckfn" class="tsd-signature-type">InViewportConfigCheckFn</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L32">lib/in-viewport-config.ts:32</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L32">lib/in-viewport-config.ts:32</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -113,7 +113,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> direction</h3>
 					<div class="tsd-signature tsd-kind-icon">direction<span class="tsd-signature-symbol">:</span> <a href="../enums/_lib_in_viewport_config_.inviewportconfigdirection.html" class="tsd-signature-type">InViewportConfigDirection</a></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L31">lib/in-viewport-config.ts:31</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L31">lib/in-viewport-config.ts:31</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -123,7 +123,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> partial</h3>
 					<div class="tsd-signature tsd-kind-icon">partial<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L30">lib/in-viewport-config.ts:30</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L30">lib/in-viewport-config.ts:30</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -133,7 +133,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> root</h3>
 					<div class="tsd-signature tsd-kind-icon">root<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L27">lib/in-viewport-config.ts:27</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L27">lib/in-viewport-config.ts:27</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -143,7 +143,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> root<wbr>Margin</h3>
 					<div class="tsd-signature tsd-kind-icon">root<wbr>Margin<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L28">lib/in-viewport-config.ts:28</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L28">lib/in-viewport-config.ts:28</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -153,7 +153,7 @@ <h3><span class="tsd-flag ts-flagOptional">Optional</span> threshold</h3>
 					<div class="tsd-signature tsd-kind-icon">threshold<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L29">lib/in-viewport-config.ts:29</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L29">lib/in-viewport-config.ts:29</a></li>
 						</ul>
 					</aside>
 				</section>
diff --git a/docs/interfaces/_lib_in_viewport_service_.inviewportregistryentry.html b/docs/interfaces/_lib_in_viewport_service_.inviewportregistryentry.html
index ef4ff3c1..5d79b184 100644
--- a/docs/interfaces/_lib_in_viewport_service_.inviewportregistryentry.html
+++ b/docs/interfaces/_lib_in_viewport_service_.inviewportregistryentry.html
@@ -101,7 +101,7 @@ <h3>config<wbr>Hash</h3>
 					<div class="tsd-signature tsd-kind-icon">config<wbr>Hash<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L16">lib/in-viewport.service.ts:16</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L16">lib/in-viewport.service.ts:16</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -111,7 +111,7 @@ <h3>observer</h3>
 					<div class="tsd-signature tsd-kind-icon">observer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IntersectionObserver</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L18">lib/in-viewport.service.ts:18</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L18">lib/in-viewport.service.ts:18</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -121,7 +121,7 @@ <h3>root</h3>
 					<div class="tsd-signature tsd-kind-icon">root<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Element</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L15">lib/in-viewport.service.ts:15</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L15">lib/in-viewport.service.ts:15</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -131,7 +131,7 @@ <h3>targets</h3>
 					<div class="tsd-signature tsd-kind-icon">targets<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Set</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L17">lib/in-viewport.service.ts:17</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L17">lib/in-viewport.service.ts:17</a></li>
 						</ul>
 					</aside>
 				</section>
diff --git a/docs/modules/_lib_in_viewport_config_.html b/docs/modules/_lib_in_viewport_config_.html
index 8942b9e8..0fb642cc 100644
--- a/docs/modules/_lib_in_viewport_config_.html
+++ b/docs/modules/_lib_in_viewport_config_.html
@@ -115,7 +115,7 @@ <h3>In<wbr>Viewport<wbr>Config<wbr>Check<wbr>Fn</h3>
 					<div class="tsd-signature tsd-kind-icon">In<wbr>Viewport<wbr>Config<wbr>Check<wbr>Fn<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">function</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L21">lib/in-viewport-config.ts:21</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L21">lib/in-viewport-config.ts:21</a></li>
 						</ul>
 					</aside>
 					<div class="tsd-type-declaration">
@@ -156,7 +156,7 @@ <h3>is<wbr>Platform<wbr>Browser</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L35">lib/in-viewport-config.ts:35</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L35">lib/in-viewport-config.ts:35</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
@@ -173,7 +173,7 @@ <h3>to<wbr>Base64</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L43">lib/in-viewport-config.ts:43</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L43">lib/in-viewport-config.ts:43</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -196,7 +196,7 @@ <h3>to<wbr>Base64<wbr>Browser</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L57">lib/in-viewport-config.ts:57</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L57">lib/in-viewport-config.ts:57</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
@@ -219,7 +219,7 @@ <h3>to<wbr>Base64<wbr>Node</h3>
 						<li class="tsd-description">
 							<aside class="tsd-sources">
 								<ul>
-									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L49">lib/in-viewport-config.ts:49</a></li>
+									<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport-config.ts#L49">lib/in-viewport-config.ts:49</a></li>
 								</ul>
 							</aside>
 							<h4 class="tsd-parameters-title">Parameters</h4>
diff --git a/docs/modules/_lib_in_viewport_directive_.html b/docs/modules/_lib_in_viewport_directive_.html
index c6fa5ba6..8903390c 100644
--- a/docs/modules/_lib_in_viewport_directive_.html
+++ b/docs/modules/_lib_in_viewport_directive_.html
@@ -93,7 +93,7 @@ <h3><span class="tsd-flag ts-flagConst">Const</span> In<wbr>Viewport<wbr>Metadat
 					<div class="tsd-signature tsd-kind-icon">In<wbr>Viewport<wbr>Metadata<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">unique symbol</span><span class="tsd-signature-symbol"> =&nbsp;Symbol(&#x27;InViewportMetadata&#x27;)</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L28">lib/in-viewport.directive.ts:28</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.directive.ts#L28">lib/in-viewport.directive.ts:28</a></li>
 						</ul>
 					</aside>
 				</section>
diff --git a/docs/modules/_lib_in_viewport_service_.html b/docs/modules/_lib_in_viewport_service_.html
index c0a0ecb4..e8c9462d 100644
--- a/docs/modules/_lib_in_viewport_service_.html
+++ b/docs/modules/_lib_in_viewport_service_.html
@@ -100,7 +100,7 @@ <h3>In<wbr>Viewport<wbr>Registry</h3>
 					<div class="tsd-signature tsd-kind-icon">In<wbr>Viewport<wbr>Registry<span class="tsd-signature-symbol">:</span> <a href="../interfaces/_lib_in_viewport_service_.inviewportregistryentry.html" class="tsd-signature-type">InViewportRegistryEntry</a><span class="tsd-signature-symbol">[]</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L22">lib/in-viewport.service.ts:22</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L22">lib/in-viewport.service.ts:22</a></li>
 						</ul>
 					</aside>
 				</section>
@@ -110,7 +110,7 @@ <h3>In<wbr>Viewport<wbr>Trigger</h3>
 					<div class="tsd-signature tsd-kind-icon">In<wbr>Viewport<wbr>Trigger<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Subject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">IntersectionObserverEntry</span><span class="tsd-signature-symbol">&gt;</span></div>
 					<aside class="tsd-sources">
 						<ul>
-							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/a03c32b/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L21">lib/in-viewport.service.ts:21</a></li>
+							<li>Defined in <a href="https://github.com/k3nsei/ng-in-viewport/blob/42d4600/projects/ng-in-viewport/src/lib/in-viewport.service.ts#L21">lib/in-viewport.service.ts:21</a></li>
 						</ul>
 					</aside>
 				</section>
diff --git a/package.json b/package.json
index 7d782628..0786824d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ng-in-viewport",
-  "version": "6.1.3",
+  "version": "6.1.4",
   "description": "Allows us to check if an element is within the browsers visual viewport",
   "license": "MIT",
   "authors": [
@@ -30,7 +30,7 @@
     "format": "prettier --write \"src/**/*.ts\"",
     "format:lib": "prettier --write \"projects/ng-in-viewport/src/**/*.ts\"",
     "predoc:lib": "rimraf ./docs",
-    "doc:lib": "yarn run typedoc --tsconfig ./projects/ng-in-viewport/tsconfig.lib.json --out ./docs/ ./projects/ng-in-viewport/src/public_api.ts",
+    "doc:lib": "yarn run typedoc --tsconfig ./projects/ng-in-viewport/tsconfig.lib.json --out ./docs/ ./projects/ng-in-viewport/src/public_api.ts && echo \"\" > ./docs/.nojekyll",
     "e2e": "ng e2e",
     "build:client-and-server-bundles": "ng build ng-in-viewport --prod && ng build in-viewport --prod --aot && ng run in-viewport:server:production",
     "build:prerender": "npm run build:client-and-server-bundles && npm run webpack:server && npm run generate:prerender",
diff --git a/projects/ng-in-viewport/package.json b/projects/ng-in-viewport/package.json
index c2849b7d..45e46cf0 100644
--- a/projects/ng-in-viewport/package.json
+++ b/projects/ng-in-viewport/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ng-in-viewport",
-  "version": "6.1.3",
+  "version": "6.1.4",
   "description": "Allows us to check if an element is within the browsers visual viewport",
   "license": "MIT",
   "authors": [