docs: update api for newly added t-compins event and credits section

Author: lokesh-coder

README.md

@@ -262,6 +262,10 @@ this.overlay = this._toppy
   .position(position)
   .content(HelloComponent, { propName: 'toppy-test-prop' })
   .create();
+
+this.overlay.listen('t_compins').subscribe(comp => {
+  console.log('component is ready!', comp); // returns HelloComponent
+});
 ```
 
 ```typescript
@@ -358,7 +362,7 @@ ToppyControl.listen(eventName:string):Observable<any>
 ```typescript
 /* events */
 
-`t_open`, `t_close`, `t_dynpos`, `t_detach`, `t_posupdate`;
+`t_open`, `t_close`, `t_dynpos`, `t_detach`, `t_posupdate`, `t_compins`;
 ```
 
 ### Contribution
@@ -367,7 +371,11 @@ Any kind of contributions ( Typo fix, documentation, code quality, performance,
 
 ### Credits
 
-- Icons from [openmoji](http://openmoji.org)
+▶ Icons ━ [icons8](https://icons8.com/icons/cotton)
+
+▶ Illustrations ━ [undraw](https://undraw.co/illustrations)
+
+▶ Font icons ━ [feathers](https://feathericons.com)
 
 ### Issues
 

docs/app/utils/content/content.component.html

@@ -127,6 +127,10 @@ <h5 id="component-props"><a href="#component-props">Component Props</a></h5>
   .position(position)
   .content(HelloComponent, &#123; propName: <span class="hljs-string">'toppy-test-prop'</span> &#125;)
   .create();
+
+<span class="hljs-keyword">this</span>.overlay.listen(<span class="hljs-string">'t_compins'</span>).subscribe(<span class="hljs-function"><span class="hljs-params">comp</span> =></span> &#123;
+  <span class="hljs-built_in">console</span>.log(<span class="hljs-string">'component is ready!'</span>, comp); <span class="hljs-comment">// returns HelloComponent</span>
+&#125;);
 </code></pre>
 <pre><code class="hljs language-typescript"><span class="hljs-comment">// host component</span>
 <span class="hljs-meta">@Component</span>(&#123;
@@ -300,6 +304,8 @@ <h3 id="api"><a href="#api"><span class="toppy-icon icon-file"></span> API</a></
   <pre><code class="hljs language-typescript"><span class="hljs-string">'t_detach'</span>;
 </code></pre>
   <pre><code class="hljs language-typescript"><span class="hljs-string">'t_posupdate'</span>;
+</code></pre>
+  <pre><code class="hljs language-typescript"><span class="hljs-string">'t_compins'</span>;
 </code></pre>
 </div>
 <hr>
@@ -365,7 +371,9 @@ <h3 id="more"><a href="#more"><span class="toppy-icon icon-hash"></span> More</a
 <h5 id="contribution"><a href="#contribution">Contribution</a></h5>
 <p>Any kind of contributions ( Typo fix, documentation, code quality, performance, refactor, pipeline, etc., ) are welcome. 😊</p>
 <h5 id="credits"><a href="#credits">Credits</a></h5>
-<p>Icon imagess are from <a href="http://openmoji.org">openmoji</a></p>
+<p>▶ Icons ━ <a href="https://icons8.com/icons/cotton">icons8</a></p>
+<p>▶ Illustrations ━ <a href="https://undraw.co/illustrations">undraw</a></p>
+<p>▶ Font icons ━ <a href="https://feathericons.com">feathers</a></p>
 <h5 id="issues"><a href="#issues">Issues</a></h5>
 <p>Found a bug? Have some idea? Or do you have questions? File it in <a href="https://github.com/lokesh-coder/toppy/issues">github issues</a></p>
 <h5 id="license"><a href="#license">License</a></h5>

docs/markdown/main.md

@@ -168,6 +168,10 @@ this.overlay = this._toppy
   .position(position)
   .content(HelloComponent, { propName: 'toppy-test-prop' })
   .create();
+
+this.overlay.listen('t_compins').subscribe(comp => {
+  console.log('component is ready!', comp); // returns HelloComponent
+});
 ```
 
 ```typescript
@@ -349,6 +353,10 @@ type ToppyEventName
 't_posupdate';
 ```
 
+```typescript
+'t_compins';
+```
+
 </div>
 
 ---
@@ -477,7 +485,11 @@ Any kind of contributions ( Typo fix, documentation, code quality, performance,
 
 ##### Credits
 
-Icon imagess are from [openmoji](http://openmoji.org)
+▶ Icons ━ [icons8](https://icons8.com/icons/cotton)
+
+▶ Illustrations ━ [undraw](https://undraw.co/illustrations)
+
+▶ Font icons ━ [feathers](https://feathericons.com)
 
 ##### Issues