Fixed docs

CHANGELOG.md

@@ -21,7 +21,11 @@ Tested in JS and React. Errors in work in React applications are revealed.
 - Fixed display of the example page on mobile devices.
 - Updated documentation!
 
-### 00.00.2023 - update 0.2.1
+### 20.01.2023 - update 0.2.1
 
 - All select rewritten to ts.
 - Fixed bugs and shortcomings.
+
+### 24.01.2023 - fix 0.2.2
+
+- Fixed documentation etc.

README.md

@@ -1,6 +1,6 @@
 # CG-SELECT
 
-## version ~ 0.2.1
+## version ~ 0.2.2
 
 This component allows you to create a custom select. It offers more flexible customization and use of select.
 Customization, multi-selection and live search by elements are available.
@@ -45,7 +45,7 @@ npm i cg-select
 ### An example of creating a regular select.
 
 ```javascript
-import { CGSelect } from 'cg-select';
+import CGSelect from 'cg-select';
 
 const dropdown = new CGSelect({
   selector: '.cg-dropdown_selector',

docs/index.html

@@ -61,7 +61,7 @@
           </a>
 
           <a href="#version--021" id="version--021" style="color: inherit; text-decoration: none">
-            <h2>version ~ 0.2.1</h2>
+            <h2>version ~ 0.2.2</h2>
           </a>
           <p>
             This component allows you to create a custom select. It offers more flexible
@@ -138,7 +138,7 @@
           >
             <h3>An example of creating a regular select.</h3>
           </a>
-          <pre><code class="language-javascript"><span class="hl-4">import</span><span class="hl-1"> { </span><span class="hl-0">CGSelect</span><span class="hl-1"> } </span><span class="hl-4">from</span><span class="hl-1"> </span><span class="hl-2">&#39;cg-select&#39;</span><span class="hl-1">;</span><br/><br/><span class="hl-5">const</span><span class="hl-1"> </span><span class="hl-6">dropdown</span><span class="hl-1"> = </span><span class="hl-5">new</span><span class="hl-1"> </span><span class="hl-7">CGSelect</span><span class="hl-1">({</span><br/><span class="hl-1">  </span><span class="hl-0">selector:</span><span class="hl-1"> </span><span class="hl-2">&#39;.cg-dropdown_selector&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  </span><span class="hl-0">placeholder:</span><span class="hl-1"> </span><span class="hl-2">&#39;Выберите авто&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  </span><span class="hl-0">items:</span><span class="hl-1"> [</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;BMW&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    {</span><br/><span class="hl-1">      </span><span class="hl-0">id:</span><span class="hl-1"> </span><span class="hl-2">&#39;213sade&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">      </span><span class="hl-0">title:</span><span class="hl-1"> </span><span class="hl-2">&#39;Opel&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">      </span><span class="hl-0">value:</span><span class="hl-1"> </span><span class="hl-8">1</span><span class="hl-1">,</span><br/><span class="hl-1">    },</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;Mersedes&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;MAN&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;Ferari&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  ],</span><br/><span class="hl-1">});</span>
+          <pre><code class="language-javascript"><span class="hl-4">import</span><span class="hl-1"> </span><span class="hl-0">CGSelect</span><span class="hl-1"> </span><span class="hl-4">from</span><span class="hl-1"> </span><span class="hl-2">&#39;cg-select&#39;</span><span class="hl-1">;</span><br/><br/><span class="hl-5">const</span><span class="hl-1"> </span><span class="hl-6">dropdown</span><span class="hl-1"> = </span><span class="hl-5">new</span><span class="hl-1"> </span><span class="hl-7">CGSelect</span><span class="hl-1">({</span><br/><span class="hl-1">  </span><span class="hl-0">selector:</span><span class="hl-1"> </span><span class="hl-2">&#39;.cg-dropdown_selector&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  </span><span class="hl-0">placeholder:</span><span class="hl-1"> </span><span class="hl-2">&#39;Выберите авто&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  </span><span class="hl-0">items:</span><span class="hl-1"> [</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;BMW&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    {</span><br/><span class="hl-1">      </span><span class="hl-0">id:</span><span class="hl-1"> </span><span class="hl-2">&#39;213sade&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">      </span><span class="hl-0">title:</span><span class="hl-1"> </span><span class="hl-2">&#39;Opel&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">      </span><span class="hl-0">value:</span><span class="hl-1"> </span><span class="hl-8">1</span><span class="hl-1">,</span><br/><span class="hl-1">    },</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;Mersedes&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;MAN&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-2">&#39;Ferari&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  ],</span><br/><span class="hl-1">});</span>
 </code></pre>
 
           <a

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "cg-select",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cg-select",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling",
   "author": {
     "name": "CraftGroup",

src/cg-select.ts

@@ -378,7 +378,6 @@ export class CGSelect implements ICgSelect {
   private async renderUrl() {
     const response = await fetch(this.url!);
     const dataUrl = await response.json();
-    console.log(dataUrl);
 
     const nativeSelect = createNativeSelect();