From bcad80572776bdb3f15424554a371d7bdc55fabe Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Mon, 6 Feb 2023 15:24:36 +0300 Subject: [PATCH 1/6] Fixed exemple page and collback --- README.md | 2 +- example/index.html | 46 +++++++++++++------------ example/index.js | 18 +++++----- package-lock.json | 4 +-- package.json | 2 +- src/cg-select.ts | 49 ++++++++++++++++----------- src/components/utils/utils.ts | 4 ++- src/interfaces/cg-select.interface.ts | 2 +- 8 files changed, 70 insertions(+), 57 deletions(-) diff --git a/README.md b/README.md index 8552656..9037b1a 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.31 +## version ~ 0.2.32 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. diff --git a/example/index.html b/example/index.html index 13c4657..31dfec4 100644 --- a/example/index.html +++ b/example/index.html @@ -35,7 +35,7 @@
-

Дефолтный селект

+

Default select

@@ -43,12 +43,12 @@ - + 
               const dropdown = new CGSelect({
                 selector: '.cg-dropdown_one', 
-                placeholder: 'Выберите авто', 
+                placeholder: 'Choose a car', 
                 lable: 'EXAMPLE', 
                 items: [
                   'BMW',
@@ -76,22 +76,22 @@
-

Дефолтный селект с функцией nativeSelectMode

+

Default select with function nativeSelectMode

- *При мобильном разрешении появляеться нативный селект. + *Native select appears on mobile resolution.

- + 
               const dropdown = new CGSelect({
                 selector: '.cg-dropdown_one', 
-                placeholder: 'Выберите авто', 
+                placeholder: 'Choose a car', 
                 nativeSelectMode: true,
                 items: [
                   'BMW',
@@ -119,23 +119,23 @@
-

Дефолтный селект с функцией listDisplayMode

+

Default select with function listDisplayMode

- *При использовании данного метода лист с выбором появляеться как модальное окно. + *When using this method, the selection sheet appears as a modal window.

- + 
               const dropdown = new CGSelect({
                 selector: '.cg-dropdown_listDisplayMode', 
-                placeholder: 'Выберите авто', 
+                placeholder: 'Choose a car', 
                 listDisplayMode: true,
                 items: [
                   'BMW',
@@ -163,11 +163,11 @@
-

Селект с данными с URL

+

Select with data from URL

- + 
@@ -192,12 +192,12 @@
-

Категории

+

Categories

- + 
@@ -253,7 +253,7 @@
-

Управление с помошью кнопок

+

Button control

@@ -263,13 +263,13 @@
- + 
             const dropdown = new CGSelect({
               selector: '.cg-dropdown_usedBtn', 
-              placeholder: 'Выберите авто', 
+              placeholder: 'Choose a car', 
               searchMode: true,
               items: [
                   'BMW',
@@ -311,21 +311,23 @@
-

Функция disabled

+

Function disabled

- +
- + 
             const dropdown = new CGSelect({
               selector: '.cg-dropdown_checkboxDisable', 
-              placeholder: 'Выберите авто', 
+              placeholder: 'Choose a car', 
               searchMode: true,
               items: [
                 'BMW',
diff --git a/example/index.js b/example/index.js
index bab818b..1802f47 100644
--- a/example/index.js
+++ b/example/index.js
@@ -4,8 +4,8 @@ import './example';
 // ------------------------------Обычный селект--------------------
 const dropdown = new CGSelect({
   selector: '.cg-dropdown_one',
-  placeholder: 'Выберите авто',
-  lable: 'EXAMPLE',
+  placeholder: 'Choose a car',
+  label: 'EXAMPLE',
   items: [
     'BMW',
     {
@@ -28,14 +28,14 @@ const dropdown = new CGSelect({
   // multiselect: true,
 });
 
-// dropdown.on('select', function (e) {
-//   console.log(`this state: ${e}`);
-// });
+dropdown.on('clear', function (e) {
+  console.log(`this state: ${e}`);
+});
 
 // ------------------------------NativeSelect-----------------------
 const dropdownNativeSelect = new CGSelect({
   selector: '.cg-dropdown_selectNative',
-  placeholder: 'Выберите авто',
+  placeholder: 'Choose a car',
   nativeSelectMode: true,
   items: [
     'BMW',
@@ -63,7 +63,7 @@ const dropdownNativeSelect = new CGSelect({
 // ------------------------------listDisplayMode--------------------
 const dropdownlistDisplayMode = new CGSelect({
   selector: '.cg-dropdown_listDisplayMode',
-  placeholder: 'Выберите авто',
+  placeholder: 'Choose a car',
   listDisplayMode: true,
   items: [
     'BMW',
@@ -134,7 +134,7 @@ const dropdown4 = new CGSelect({
 //----------------управление с помощью кнопок----------------------------------
 const dropdownBtn = new CGSelect({
   selector: '.cg-dropdown_usedBtn',
-  placeholder: 'Выберите авто',
+  placeholder: 'Choose a car',
   searchMode: true,
   items: [
     'BMW',
@@ -181,7 +181,7 @@ dropdownBtn.buttonControl(buttonClose, 'close');
 //-------------------------Функция Disabled----------------------------------
 const dropdownDisabled = new CGSelect({
   selector: '.cg-dropdown_checkboxDisable',
-  placeholder: 'Выберите авто',
+  placeholder: 'Choose a car',
   searchMode: true,
   items: [
     'BMW',
diff --git a/package-lock.json b/package-lock.json
index 4e802d2..1665717 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "cg-select",
-  "version": "0.2.31",
+  "version": "0.2.32",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "cg-select",
-      "version": "0.2.31",
+      "version": "0.2.32",
       "license": "ISC",
       "dependencies": {
         "@parcel/optimizer-css": "^2.8.0",
diff --git a/package.json b/package.json
index db6d8d1..648f3b4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cg-select",
-  "version": "0.2.31",
+  "version": "0.2.32",
   "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling",
   "author": {
     "name": "CraftGroup",
diff --git a/src/cg-select.ts b/src/cg-select.ts
index c0c567e..d5994a1 100644
--- a/src/cg-select.ts
+++ b/src/cg-select.ts
@@ -43,7 +43,7 @@ export class CGSelect implements ICgSelect {
   nativeSelectMode?: boolean;
   listDisplayMode?: boolean;
   language?: string;
-  lable?: string;
+  label?: string;
   styles?: IStyle;
   event?: string;
   url?: string;
@@ -74,7 +74,7 @@ export class CGSelect implements ICgSelect {
    * Variable for carriage control.
    * @type {Element | null | undefined}
    */
-  private caret: Element | null | undefined;
+  private carriage: Element | null | undefined;
   /**
    * Transferred categories.
    * @type {string}
@@ -94,7 +94,7 @@ export class CGSelect implements ICgSelect {
    * Button, to control the select.
    * @type {Element | null}
    */
-  private btnCntr?: Element | null;
+  private buttonAction?: Element | null;
 
   /**
    * @param {ICgSelect} setting Object accepting select settings.
@@ -105,7 +105,7 @@ export class CGSelect implements ICgSelect {
    *  selector: 'Unique selector',
       selected: 'Selected item',
       placeholder: '...',
-      lable: '...'
+      label: '...'
       items: [string|number|object],
       theme: string,
       searchMode: true/false,
@@ -119,9 +119,9 @@ export class CGSelect implements ICgSelect {
         },
         list: {...},
         chips: {...},
-        caret: {...},
+        carriage: {...},
         placeholder: {...},
-        lable: {..},
+        label: {..},
       },
       event: '...',
       url: 'http/...',
@@ -191,7 +191,7 @@ export class CGSelect implements ICgSelect {
       searchMode,
       language,
       styles,
-      lable,
+      label,
       event,
       selected,
       placeholder,
@@ -210,7 +210,7 @@ export class CGSelect implements ICgSelect {
     this.nativeSelectMode = nativeSelectMode;
     this.listDisplayMode = listDisplayMode;
     this.styles = styles;
-    this.lable = lable;
+    this.label = label;
     this.event = event;
     this.selected = selected;
     this.placeholder = placeholder;
@@ -231,14 +231,14 @@ export class CGSelect implements ICgSelect {
       return;
     }
 
-    if (this.lable) {
-      const lableItem = document.createElement('h1');
-      const textLable = document.createTextNode(this.lable);
+    if (this.label) {
+      const labelItem = document.createElement('h1');
+      const textLabel = document.createTextNode(this.label);
 
-      lableItem.appendChild(textLable);
-      lableItem.classList.add('label');
+      labelItem.appendChild(textLabel);
+      labelItem.classList.add('label');
 
-      this.element!.insertAdjacentElement('beforebegin', lableItem);
+      this.element!.insertAdjacentElement('beforebegin', labelItem);
     }
 
     items.forEach((dataItem: any, index: number) => {
@@ -354,7 +354,7 @@ export class CGSelect implements ICgSelect {
     });
 
     this.list = this.element!.querySelector('.list');
-    this.caret = this.element!.querySelector('.caret');
+    this.carriage = this.element!.querySelector('.caret');
 
     if (this.theme) {
       changeTheme(this.element!, this.theme!);
@@ -491,10 +491,10 @@ export class CGSelect implements ICgSelect {
   private open(oneClick?: boolean): void {
     if (oneClick === true) {
       this.list!.classList.add('open');
-      this.caret!.classList.add('caret_rotate');
+      this.carriage!.classList.add('caret_rotate');
     } else {
       this.list!.classList.toggle('open');
-      this.caret!.classList.toggle('caret_rotate');
+      this.carriage!.classList.toggle('caret_rotate');
     }
   }
 
@@ -505,7 +505,7 @@ export class CGSelect implements ICgSelect {
    */
   private close(): void {
     this.list?.classList.remove('open');
-    this.caret?.classList.remove('caret_rotate');
+    this.carriage?.classList.remove('caret_rotate');
   }
 
   /**
@@ -519,7 +519,7 @@ export class CGSelect implements ICgSelect {
     document.addEventListener('click', (e) => {
       const withinBoundaries = e.composedPath().includes(dropdown!);
       if (!withinBoundaries) {
-        if (this.btnCntr) {
+        if (this.buttonAction) {
           return;
         } else {
           this.close();
@@ -815,7 +815,7 @@ export class CGSelect implements ICgSelect {
       return;
     }
 
-    this.btnCntr = button!;
+    this.buttonAction = button!;
     button.addEventListener('click', () => {
       if (method.toLowerCase() === 'open') {
         this.open(true);
@@ -945,6 +945,15 @@ export class CGSelect implements ICgSelect {
         });
         callback(state);
         break;
+      case 'clear':
+        this.element!.addEventListener('click', () => {
+          const svgIcon = this.element?.querySelector('.svg-icon');
+          svgIcon?.addEventListener('click', () => {
+            console.log('list:clear', svgIcon.classList.contains('svg-clear'));
+          });
+        });
+        callback(state);
+        break;
     }
   }
 }
diff --git a/src/components/utils/utils.ts b/src/components/utils/utils.ts
index b98cc95..494062a 100644
--- a/src/components/utils/utils.ts
+++ b/src/components/utils/utils.ts
@@ -143,7 +143,9 @@ export function clearSelect(select: HTMLElement, element: Element, dataSelectTex
 
   select!.appendChild(svgIcon);
 
-  svgIcon.addEventListener('click', () => {
+  svgIcon.addEventListener('click', (e) => {
+    e.preventDefault();
+    e.stopPropagation();
     select!.innerText = '';
 
     nativeOption.forEach((option) => {
diff --git a/src/interfaces/cg-select.interface.ts b/src/interfaces/cg-select.interface.ts
index 0e68c24..63d0b8f 100644
--- a/src/interfaces/cg-select.interface.ts
+++ b/src/interfaces/cg-select.interface.ts
@@ -61,7 +61,7 @@ export interface ICgSelect {
    * An optional parameter that adds a lable before the select.
    * @type {string}
    */
-  lable?: string;
+  label?: string;
   /**
    * An optional parameter that is responsible for customizing the select elements,
    * objects with CSS properties for customizable elements are passed to it.

From 038b7d627c513a86911b62177b64ef7b2c54d729 Mon Sep 17 00:00:00 2001
From: MaxOvs19 
Date: Mon, 6 Feb 2023 19:18:08 +0300
Subject: [PATCH 2/6] Fixed themes

---
 example/index.js                      |  1 -
 index.js                              |  2 +-
 src/components/theme/theme.ts         | 13 +++++++------
 src/interfaces/cg-select.interface.ts |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/example/index.js b/example/index.js
index 1802f47..853b3c0 100644
--- a/example/index.js
+++ b/example/index.js
@@ -25,7 +25,6 @@ const dropdown = new CGSelect({
       width: '824px',
     },
   },
-  // multiselect: true,
 });
 
 dropdown.on('clear', function (e) {
diff --git a/index.js b/index.js
index d3c8b2f..cae98de 100644
--- a/index.js
+++ b/index.js
@@ -1,3 +1,3 @@
-import { CGSelect } from './src/cg-select';
+import { CGSelect } from './src/cg-select.ts';
 
 export default CGSelect;
diff --git a/src/components/theme/theme.ts b/src/components/theme/theme.ts
index 6904a94..3b4f393 100644
--- a/src/components/theme/theme.ts
+++ b/src/components/theme/theme.ts
@@ -5,26 +5,27 @@ export function changeTheme(element: Element, theme: string) {
   const search = element!.querySelector('.inputSearch');
   const path = element.querySelectorAll('.pathWhite');
 
+  select!.classList.remove('classicSelect');
+  list!.classList.remove('classicList');
+  path.forEach((elem) => {
+    elem.classList.remove('pathBlack');
+    elem.classList.remove('pathWhite');
+  });
+
   switch (theme) {
     case 'dark':
-      select!.classList.remove('classicSelect');
       select!.classList.add('selectDark');
       list!.classList.add('listDark');
-      list!.classList.remove('classicList');
       path.forEach((elem) => {
-        elem.classList.remove('pathBlack');
         elem.classList.add('pathWhite');
       });
       break;
     case 'white':
-      select!.classList.remove('classicSelect');
       select!.classList.add('selectWhite');
       caret!.classList.add('caretWhite');
       list!.classList.add('listWhite');
-      list!.classList.remove('classicList');
       path.forEach((elem) => {
         elem.classList.add('pathBlack');
-        elem.classList.remove('pathWhite');
       });
 
       if (search!) {
diff --git a/src/interfaces/cg-select.interface.ts b/src/interfaces/cg-select.interface.ts
index 63d0b8f..403b1a6 100644
--- a/src/interfaces/cg-select.interface.ts
+++ b/src/interfaces/cg-select.interface.ts
@@ -27,7 +27,7 @@ export interface ICgSelect {
   items?: IItems[] | string[] | any;
   /**
    * An optional parameter responsible for switching between different themes, the classic theme is set by default.
-   * @type {string}
+   * @type {string} values: dark, white
    */
   theme?: string;
   /**

From 2bb94f0402e388158c73191b4e9e32e834c24e79 Mon Sep 17 00:00:00 2001
From: MaxOvs19 
Date: Tue, 7 Feb 2023 17:43:01 +0300
Subject: [PATCH 3/6] Fixed docs

---
 README.md                                     |   2 +
 docs/classes/cg_select.CGSelect.html          | 166 ++++---------
 docs/functions/Utils.checkItemStruct.html     |  84 -------
 docs/functions/Utils.clearSelect.html         |  84 -------
 docs/functions/Utils.createSelected.html      |  84 -------
 docs/functions/Utils.customStyles.html        |  84 -------
 docs/functions/Utils.customStylesFormat.html  |  84 -------
 docs/functions/Utils.getFormatItem.html       |  84 -------
 docs/functions/Utils.getSelectText.html       |  84 -------
 .../functions/Utils.nativeOptionMultiple.html |  84 -------
 .../functions/Utils.nativeOptionOrdinary.html |  84 -------
 ...ement_create_element.createBreadCrumb.html |  84 -------
 ...ment_create_element.createInputSearch.html |  84 -------
 ...ent_create_element.createNativeSelect.html |  84 -------
 ...eate_element.createNativeSelectOption.html |  84 -------
 .../components_theme_theme.changeTheme.html   |  84 -------
 docs/index.html                               | 146 +++--------
 ...e_element_interface.ICreateBreadCrumb.html |  84 -------
 ...nents_utils_urils_interface.IDataItem.html |  84 -------
 ..._utils_urils_interface.ISelectedItems.html |  84 -------
 ...erfaces_cg_select_interface.ICgSelect.html |  84 -------
 ...interfaces_cg_select_interface.IStyle.html |  84 -------
 .../interfaces_items_interface.IItems.html    |  84 -------
 ...terfaces_language_interface.ILanguage.html |  84 -------
 docs/modules.html                             | 227 ++++++------------
 docs/modules/Utils.html                       |  84 -------
 docs/modules/cg_select.html                   | 140 +++--------
 ...ponents_create_element_create_element.html |  84 -------
 ...eate_element_create_element_interface.html |  84 -------
 docs/modules/components_theme_theme.html      |  84 -------
 .../components_utils_urils_interface.html     |  84 -------
 .../interfaces_cg_select_interface.html       |  84 -------
 docs/modules/interfaces_items_interface.html  |  84 -------
 .../interfaces_language_interface.html        |  84 -------
 docs/modules/language_language.html           |  84 -------
 docs/variables/language_language.en.html      |  84 -------
 docs/variables/language_language.ru.html      |  84 -------
 src/cg-select.ts                              |   2 +-
 ...{urils.interface.ts => utils.interface.ts} |   0
 src/components/utils/utils.ts                 |   2 +-
 40 files changed, 191 insertions(+), 3182 deletions(-)
 rename src/components/utils/{urils.interface.ts => utils.interface.ts} (100%)

diff --git a/README.md b/README.md
index 9037b1a..c59cfdf 100644
--- a/README.md
+++ b/README.md
@@ -73,6 +73,8 @@ Same working example -- https://cg-select.itguild.info/
 ![image](https://github.com/apuc/cg-select/blob/main/src/images/WhiteTheme.png)
 ![image](https://github.com/apuc/cg-select/blob/main/src/images/Categories.png)
 
+Built-in themes are also available: dark, white. To apply them, specify the theme attribute in the select settings and pass one of the values ​​into it dark or white.
+
 All documentation on CG-SELECT is located in the folder of the same name. The documentation describes all methods and variables, there are also examples of passing settings to select. You can also open it on the page with an example, or follow the link below.
 
 **To view it, follow the link -** https://cg-select.itguild.info/up_/documentation/index.html
diff --git a/docs/classes/cg_select.CGSelect.html b/docs/classes/cg_select.CGSelect.html
index adfb032..bb487e6 100644
--- a/docs/classes/cg_select.CGSelect.html
+++ b/docs/classes/cg_select.CGSelect.html
@@ -54,9 +54,9 @@
       

         

           
           
Class CGSelect

         

@@ -171,7 +171,7 @@
                           fill="var(--color-text)"
                           id="icon-1024-text"
                         >btnCntr?buttonAction?
                     
                         
                         caretcarriage
                     The constructor takes an object and renders the select.

 
                   
Example

-                  
options = {
 selector: 'Unique selector',
   selected: 'Selected item',
   placeholder: '...',
   lable: '...'
   items: [string|number|object],
   theme: string,
   searchMode: true/false,
   closeOnSelect:  true/false,
   nativeSelectMode: true/false,
   listDisplayMode: true/false,
   language: 'ru/en',
   styles: {
     head: {
       background: '...',
     },
     list: {...},
     chips: {...},
     caret: {...},
     placeholder: {...},
     lable: {..},
   },
   event: '...',
   url: 'http/...',
   multiselect: true/false,
   multiselectTag: true/false,
}
+                  
options = {
 selector: 'Unique selector',
   selected: 'Selected item',
   placeholder: '...',
   lable: '...'
   items: [string|number|object],
   theme: string,
   searchMode: true/false,
   closeOnSelect:  true/false,
   nativeSelectMode: true/false,
   listDisplayMode: true/false,
   language: 'ru/en',
   styles: {
     head: {
       background: '...',
     },
     list: {...},
     chips: {...},
     carriage: {...},
     placeholder: {...},
     lable: {..},
   },
   event: '...',
   url: 'http/...',
   multiselect: true/false,
   multiselectTag: true/false,
}
 

                 

                 

@@ -705,7 +705,7 @@
             
             

               Private
-              Optional btnCntrOptional buttonAction
             

             

-              btnCntr?:
+              buttonAction?:
               null | Element
@@ -744,7 +744,7 @@
           >
             
             

-              Private caretPrivate carriage
             

             

-              caret:
+              carriage:
               undefined | null
               

                 An optional parameter responsible for switching between different themes, the
-                classic theme is set by default.
+                classic theme is set by default. Can take on a value dark, white.
               

             

             

@@ -3851,47 +3767,49 @@
             

               

diff --git a/docs/functions/Utils.clearSelect.html b/docs/functions/Utils.clearSelect.html
index 2c8d342..2dad3de 100644
--- a/docs/functions/Utils.clearSelect.html
+++ b/docs/functions/Utils.clearSelect.html
@@ -171,34 +171,6 @@
                 
Member Visibility

                 

                   
    
-                    
  • 
-                      
-                    
    • 
                     
  • 
                       
                     
    • 
-                    
  • 
-                      
-                    
    • 
-                    
  • 
-                      
-                    
    • 
                   

                 

               

diff --git a/docs/functions/Utils.createSelected.html b/docs/functions/Utils.createSelected.html
index 0846f18..3444708 100644
--- a/docs/functions/Utils.createSelected.html
+++ b/docs/functions/Utils.createSelected.html
@@ -177,34 +177,6 @@
                 
Member Visibility

                 

                   
    
-                    
  • 
-                      
-                    
    • 
                     
  • 
                       
                     
    • 
-                    
  • 
-                      
-                    
    • 
-                    
  • 
-                      
-                    
    •
diff --git a/docs/functions/Utils.customStyles.html b/docs/functions/Utils.customStyles.html index f1d03df..0f4377a 100644 --- a/docs/functions/Utils.customStyles.html +++ b/docs/functions/Utils.customStyles.html @@ -164,34 +164,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/Utils.customStylesFormat.html b/docs/functions/Utils.customStylesFormat.html index 2148fbc..6dab0e4 100644 --- a/docs/functions/Utils.customStylesFormat.html +++ b/docs/functions/Utils.customStylesFormat.html @@ -153,34 +153,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/Utils.getFormatItem.html b/docs/functions/Utils.getFormatItem.html index 673e2ac..ac21202 100644 --- a/docs/functions/Utils.getFormatItem.html +++ b/docs/functions/Utils.getFormatItem.html @@ -162,34 +162,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/Utils.getSelectText.html b/docs/functions/Utils.getSelectText.html index da12932..05c0114 100644 --- a/docs/functions/Utils.getSelectText.html +++ b/docs/functions/Utils.getSelectText.html @@ -176,34 +176,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/Utils.nativeOptionMultiple.html b/docs/functions/Utils.nativeOptionMultiple.html index 3495a78..78cd7fe 100644 --- a/docs/functions/Utils.nativeOptionMultiple.html +++ b/docs/functions/Utils.nativeOptionMultiple.html @@ -170,34 +170,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/Utils.nativeOptionOrdinary.html b/docs/functions/Utils.nativeOptionOrdinary.html index 59a051f..490c33e 100644 --- a/docs/functions/Utils.nativeOptionOrdinary.html +++ b/docs/functions/Utils.nativeOptionOrdinary.html @@ -161,34 +161,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/components_create_element_create_element.createBreadCrumb.html b/docs/functions/components_create_element_create_element.createBreadCrumb.html index 284a0ac..b88f0fa 100644 --- a/docs/functions/components_create_element_create_element.createBreadCrumb.html +++ b/docs/functions/components_create_element_create_element.createBreadCrumb.html @@ -191,34 +191,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/components_create_element_create_element.createInputSearch.html b/docs/functions/components_create_element_create_element.createInputSearch.html index eea535c..2141f58 100644 --- a/docs/functions/components_create_element_create_element.createInputSearch.html +++ b/docs/functions/components_create_element_create_element.createInputSearch.html @@ -163,34 +163,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/components_create_element_create_element.createNativeSelect.html b/docs/functions/components_create_element_create_element.createNativeSelect.html index 2b37342..c775ff8 100644 --- a/docs/functions/components_create_element_create_element.createNativeSelect.html +++ b/docs/functions/components_create_element_create_element.createNativeSelect.html @@ -140,34 +140,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/components_create_element_create_element.createNativeSelectOption.html b/docs/functions/components_create_element_create_element.createNativeSelectOption.html index 8798ab4..536b758 100644 --- a/docs/functions/components_create_element_create_element.createNativeSelectOption.html +++ b/docs/functions/components_create_element_create_element.createNativeSelectOption.html @@ -141,34 +141,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/functions/components_theme_theme.changeTheme.html b/docs/functions/components_theme_theme.changeTheme.html index 6eec86c..04cdebb 100644 --- a/docs/functions/components_theme_theme.changeTheme.html +++ b/docs/functions/components_theme_theme.changeTheme.html @@ -143,34 +143,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/index.html b/docs/index.html index 969c297..78c0141 100644 --- a/docs/index.html +++ b/docs/index.html @@ -61,7 +61,7 @@ -

version ~ 0.2.31

+

version ~ 0.2.32

This component allows you to create a custom select. It offers more flexible @@ -158,6 +158,10 @@ image image

+

+ Built-in themes are also available: dark, white. To apply them, specify the theme + attribute in the select settings and pass one of the values ​​into it dark or white. +

All documentation on CG-SELECT is located in the folder of the same name. The documentation describes all methods and variables, there are also examples of passing @@ -244,34 +248,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
@@ -386,47 +306,49 @@
diff --git a/docs/interfaces/components_utils_urils_interface.IDataItem.html b/docs/interfaces/components_utils_urils_interface.IDataItem.html index cde293c..890a26c 100644 --- a/docs/interfaces/components_utils_urils_interface.IDataItem.html +++ b/docs/interfaces/components_utils_urils_interface.IDataItem.html @@ -312,34 +312,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/interfaces/components_utils_urils_interface.ISelectedItems.html b/docs/interfaces/components_utils_urils_interface.ISelectedItems.html index 96c0883..b56c3f2 100644 --- a/docs/interfaces/components_utils_urils_interface.ISelectedItems.html +++ b/docs/interfaces/components_utils_urils_interface.ISelectedItems.html @@ -452,34 +452,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html b/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html index d905ec6..8ce3613 100644 --- a/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html +++ b/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html @@ -960,34 +960,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/interfaces/interfaces_cg_select_interface.IStyle.html b/docs/interfaces/interfaces_cg_select_interface.IStyle.html index ca5aaae..74af860 100644 --- a/docs/interfaces/interfaces_cg_select_interface.IStyle.html +++ b/docs/interfaces/interfaces_cg_select_interface.IStyle.html @@ -471,34 +471,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/interfaces/interfaces_items_interface.IItems.html b/docs/interfaces/interfaces_items_interface.IItems.html index 8806fb2..ed0bed5 100644 --- a/docs/interfaces/interfaces_items_interface.IItems.html +++ b/docs/interfaces/interfaces_items_interface.IItems.html @@ -293,34 +293,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/interfaces/interfaces_language_interface.ILanguage.html b/docs/interfaces/interfaces_language_interface.ILanguage.html index 409a6bb..2a24392 100644 --- a/docs/interfaces/interfaces_language_interface.ILanguage.html +++ b/docs/interfaces/interfaces_language_interface.ILanguage.html @@ -293,34 +293,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/modules.html b/docs/modules.html index d49b2dd..1857633 100644 --- a/docs/modules.html +++ b/docs/modules.html @@ -53,13 +53,38 @@
-

cg-select

+

Modules in CG-Select

-

Index

-

Modules

+

Main

+
+ + + CG-Select + + + + cg-select.interface + + + items.interface +
+

Utils

@@ -81,19 +106,25 @@ >Utils - cg-selectutils.interface +
+ +

Create-element

+
components/create-element/create-elementcreate-element components/create-element/create-element.interfacecreate-element.interface - + +

Language

+
+ components/theme/theme - - - components/utils/urils.interface - - - interfaces/cg-select.interface - - - interfaces/items.interfacelanguage interfaces/language.interfacelanguage.interface - + +

Change-Theme

+
+ language/languagetheme
@@ -171,34 +186,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
@@ -313,47 +244,49 @@
diff --git a/docs/modules/cg_select.html b/docs/modules/cg_select.html index 5a60f2c..48de942 100644 --- a/docs/modules/cg_select.html +++ b/docs/modules/cg_select.html @@ -54,8 +54,8 @@

Module cg-select

@@ -124,34 +124,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
@@ -266,43 +182,49 @@
diff --git a/docs/modules/components_create_element_create_element_interface.html b/docs/modules/components_create_element_create_element_interface.html index 5e2ac98..8eaf003 100644 --- a/docs/modules/components_create_element_create_element_interface.html +++ b/docs/modules/components_create_element_create_element_interface.html @@ -129,34 +129,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/modules/components_theme_theme.html b/docs/modules/components_theme_theme.html index e4bb26a..a0a4c38 100644 --- a/docs/modules/components_theme_theme.html +++ b/docs/modules/components_theme_theme.html @@ -125,34 +125,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/modules/components_utils_urils_interface.html b/docs/modules/components_utils_urils_interface.html index a3ad5fd..cf487e1 100644 --- a/docs/modules/components_utils_urils_interface.html +++ b/docs/modules/components_utils_urils_interface.html @@ -135,34 +135,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/modules/interfaces_cg_select_interface.html b/docs/modules/interfaces_cg_select_interface.html index 22791ec..b93fb7f 100644 --- a/docs/modules/interfaces_cg_select_interface.html +++ b/docs/modules/interfaces_cg_select_interface.html @@ -135,34 +135,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/modules/interfaces_items_interface.html b/docs/modules/interfaces_items_interface.html index c7d0222..070de95 100644 --- a/docs/modules/interfaces_items_interface.html +++ b/docs/modules/interfaces_items_interface.html @@ -125,34 +125,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/modules/interfaces_language_interface.html b/docs/modules/interfaces_language_interface.html index 1c0fe92..a024a97 100644 --- a/docs/modules/interfaces_language_interface.html +++ b/docs/modules/interfaces_language_interface.html @@ -125,34 +125,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/modules/language_language.html b/docs/modules/language_language.html index f0763f9..de47c03 100644 --- a/docs/modules/language_language.html +++ b/docs/modules/language_language.html @@ -132,34 +132,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/variables/language_language.en.html b/docs/variables/language_language.en.html index 9edcf6a..616e42e 100644 --- a/docs/variables/language_language.en.html +++ b/docs/variables/language_language.en.html @@ -99,34 +99,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/docs/variables/language_language.ru.html b/docs/variables/language_language.ru.html index 8bd411b..50adb20 100644 --- a/docs/variables/language_language.ru.html +++ b/docs/variables/language_language.ru.html @@ -99,34 +99,6 @@

Member Visibility

    -
  • - -
    • -
  • - -
    • -
  • - -
diff --git a/src/cg-select.ts b/src/cg-select.ts index d5994a1..2aea3cb 100644 --- a/src/cg-select.ts +++ b/src/cg-select.ts @@ -16,7 +16,7 @@ import { nativeOptionMultiple, nativeOptionOrdinary, } from './components/utils/utils'; -import { IDataItem, ISelectedItems } from './components/utils/urils.interface'; +import { IDataItem, ISelectedItems } from './components/utils/utils.interface'; import { ICgSelect, IStyle } from './interfaces/cg-select.interface'; import { IItems } from './interfaces/items.interface'; diff --git a/src/components/utils/urils.interface.ts b/src/components/utils/utils.interface.ts similarity index 100% rename from src/components/utils/urils.interface.ts rename to src/components/utils/utils.interface.ts diff --git a/src/components/utils/utils.ts b/src/components/utils/utils.ts index 494062a..ab6780a 100644 --- a/src/components/utils/utils.ts +++ b/src/components/utils/utils.ts @@ -4,7 +4,7 @@ */ import { IStyle } from 'interfaces/cg-select.interface'; import { IItems } from 'interfaces/items.interface'; -import { ISelectedItems } from './urils.interface'; +import { ISelectedItems } from './utils.interface'; /** * Converting each item obtained from the Items field; From 74eecaaa074cb6cc72dbb2e96e818f777e1c6b63 Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Tue, 7 Feb 2023 18:56:54 +0300 Subject: [PATCH 4/6] Fixed modules and variabales in menu docs --- docs/modules.html | 2 +- docs/modules/Utils.html | 54 +++++++++------- ...ponents_create_element_create_element.html | 60 +++++++++--------- ...eate_element_create_element_interface.html | 54 +++++++++------- docs/modules/components_theme_theme.html | 52 +++++++++------- .../components_utils_urils_interface.html | 58 +++++++++-------- .../interfaces_cg_select_interface.html | 62 +++++++++++-------- docs/modules/interfaces_items_interface.html | 62 ++++++++++--------- .../interfaces_language_interface.html | 54 +++++++++------- docs/modules/language_language.html | 56 +++++++++-------- docs/variables/language_language.en.html | 58 ++++++++--------- docs/variables/language_language.ru.html | 58 ++++++++--------- 12 files changed, 346 insertions(+), 284 deletions(-) diff --git a/docs/modules.html b/docs/modules.html index 1857633..10a0f16 100644 --- a/docs/modules.html +++ b/docs/modules.html @@ -246,7 +246,7 @@
  • All modules