diff --git a/CHANGELOG.md b/CHANGELOG.md index 485cd16..6675a8f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -26,13 +26,23 @@ Tested in JS and React. Errors in work in React applications are revealed. - All select rewritten to ts. - Fixed bugs and shortcomings. - 24.01.2023 - fix 0.2.2 - Fixed documentation etc. - 27.01.2023 - fix 0.2.3 +##### 24.01.2023 - fix 0.2.2 - Fixed documentation etc. + +### 27.01.2023 - update 0.2.3 - Changed the theme selection function. - Fixed documentation. - 31.01.2023 - fix 0.2.31 +##### 31.01.2023 - fix 0.2.31 - Adding a new method to track select actions. - Fixed documentation. + +##### 08.02.2023 - fix 0.2.32 + +- Fixing Methods and Variables. +- Updating how themes work. +- Fixed documentation. +- Fixing bugs related to the cleanup of the select. +- Documentation navigation update. +- Added icon for example page and documentation. diff --git a/README.md b/README.md index 8552656..c59cfdf 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. @@ -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 @@