+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+indexes
+
+
+
+
+
+add
+
+
+add
+
+
+
+
+
+button
+
+
+
+
+
+
+
+
+
+
+
+delete
+
+
+delete
+
+
+
+
+
+
+
+get
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+select
+
+
+
+
+
+
+
+Class CGSelect
Hierarchy
+-
+
- CGSelect
Implements
+
+ Index
+
+
+
+
+
+
+
+
+
Constructors
+Properties
+Accessors
+Methods
+Constructors
+constructor
+-
+
- new CGSelect(setting: ICgSelect): CGSelect +
-
+++
Description
The constructor takes an object and renders the select.
+ +Example
+options = {
selector: 'Unique selector',
selected: 'Selected item',
placeholder: '...',
lable: '...'
items: [string|number|object],
darkTheme: true/false,
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,
} +++Parameters
+-
+
-
+
setting: ICgSelect
+Object accepting select settings.
+
Returns CGSelect
-
+
Properties
+Private Optional btn
+btn
+Button, to control the select.
+Private caret
+caret: undefined | null | Element
+Variable for carriage control.
+Private Optional category
+category?: string
+Transferred categories.
+Optional close
+close
+An optional parameter that is responsible for the behavior of the select when opening, if closeOnSelect: false, +then when an element is selected in the selector, closing does not occur, +and you can select another element by default, closeOnSelect:true.
+Optional dark
+dark
+An optional parameter that is responsible for enabling a light / dark theme by default, the dark theme is set (darkTheme == true).
+Private element
+element: null | Element
+Created HTML element.
+Optional event
+event?: string
+An optional parameter that is responsible for the behavior of the select, passing to this parameter an event of the 'mouseenter' type, +select will open on hover.
+Private indexes
+indexes: number[] = []
+Array of indexes of selected elements.
+Optional items
+items?: any
+*Required parameter (if no other way to get data (url) is specified), this is an array of elements, + which will be displayed in the select when selected.
+Optional lable
+lable?: string
+An optional parameter that adds a lable before the select.
+Optional language
+language?: string
+Optional parameter responsible for the localization of some text elements.
+Private list
+list: null | Element
+Created list(ul), with class list.
+Optional list
+list
+An optional parameter that is responsible for the behavior of the select when opening.
+Optional multiselect
+multiselect?: boolean
+An optional parameter, which is responsible for the behavior of the select, adds the ability to select multiple elements. +Selected elements are rendered as plain text, separated by commas.
+Optional multiselect
+multiselect
+An optional parameter that is responsible for the behavior of the select, +for him, *** works only in a place with a multiselect connection.
+Optional native
+native
+An optional parameter that is responsible for the behavior of the select when opened on mobile devices.
+Private options
+options: ICgSelect
+Select settings passed when creating an instance of the class.
+Optional placeholder
+placeholder?: string
+Placeholder optional parameter to which the text of the select placeholder is passed.
+Private random
+random
+Unique Id for elements.
+Optional search
+search
+An optional parameter that adds a live search on the select elements.
+Optional selected
+selected?: string
+An optional parameter, which is passed the element that will be selected initially in the select.
+Private selected
+selected
+Selected or an array of selected items from a list.
+Optional selector
+selector?: string
+Unique selector - *mandatory parameter (indicator) that is set when creating a select.
+Optional styles
+styles?: IStyle
+An optional parameter that is responsible for customizing the select elements, +objects with CSS properties for customizable elements are passed to it.
+Optional url
+url?: string
+Required parameter (if no other way to get data (items) is specified), +data that comes from the backend in the format { id: "", title: "", value: ""}.
+Accessors
+indexes
+-
+
- get indexesOf(): number | number[] +
-
+++
Returns
Returns the indices of the selected element(s) as an array / empty array.
+ +Description
A getter that returns the indexes of the selected element(s) of the select.
+Returns number | number[]
value
+-
+
- get value(): string | string[] +
-
+++
Returns
Returns the selected element(s) as an array / element / null.
+ +Description
Getter returning the selected element(s) of the select.
+Returns string | string[]
Methods
+add
+-
+
- add
Item(item: string | number | IItems): undefined | false
+ -
+++
Description
adds the given element to the end of the list and redraws the list. Cannot be used when passing elements with categories.
+ +Method
addItem
+++Parameters
+-
+
-
+
item: string | number | IItems
+added element.
+
Returns undefined | false
-
+
add
+-
+
- add
Language(language: ILanguage): void
+ -
+++
Description
a method that allows you to change the placeholder in the search and the text that is displayed if there is no result.
+ +Method
addLanguage
+++Parameters
+-
+
-
+
language: ILanguage
+the object in which the fields for connecting the language are located has two mandatory fields placeholder, textInListSearch, selectPlaceholder.
+
Returns void
-
+
Private add
+button
+Private check
+Private close
+Private close
+delete
+delete
+disabled
+Private display
+-
+
- display
Mode(listDisplayMode: boolean): void
+ Private+++Description
Changes the display of a sheet with a selection as a modal window.
+ +Method
displayMode
+++Parameters
+-
+
-
+
listDisplayMode: boolean
+parameter responsible for displaying the selection in the form of a modal window.
+
Returns void
-
+
get
+Private init
+-
+
- init(setting: ICgSelect): void +
Private++Private method for initializing an instance of the ICgSelect class.
+ +Method
init
+ +Member
+Description
Private method. General initialization of the select. Obtaining tinctures and converting select elements.
+ +Example
+{
selector: '.cg-dropdown_one',
placeholder: 'Choose a car',
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'max',
],
darkTheme: true,
multiselect: true,
multiselectTag: true,
} +++Parameters
+-
+
-
+
setting: ICgSelect
+passed select settings.
+
Returns void
-
+
Private init
+Private init
+Private open
+Private render
+Private render
+Private search
+select
+Private select
+
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.checkItemStruct.html b/docs/functions/Utils.checkItemStruct.html
new file mode 100644
index 0000000..a261231
--- /dev/null
+++ b/docs/functions/Utils.checkItemStruct.html
@@ -0,0 +1,80 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function checkItemStruct
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.clearSelect.html b/docs/functions/Utils.clearSelect.html
new file mode 100644
index 0000000..aae72e8
--- /dev/null
+++ b/docs/functions/Utils.clearSelect.html
@@ -0,0 +1,86 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function clearSelect
-
+
- clear
Select(select: HTMLElement, element: Element, dataSelectText: ISelectedItems): void
+ -
++
Creating a clear select button, with a single selection.
+++Parameters
+-
+
-
+
select: HTMLElement
+place in the select that will be reassigned to ''.
+
+ -
+
element: Element
+class instance CgSelect.
+
+ -
+
dataSelectText: ISelectedItems
+the text that is rendered in the select.
+
Returns void
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.createSelected.html b/docs/functions/Utils.createSelected.html
new file mode 100644
index 0000000..6b1743a
--- /dev/null
+++ b/docs/functions/Utils.createSelected.html
@@ -0,0 +1,86 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function createSelected
-
+
- create
Selected(element: Element, content?: string, styles?: IStyle): void
+ -
++
Creating an Item Selector Button.
+++Parameters
+-
+
-
+
element: Element
+instantiated class CgSelect.
+
+ -
+
+Optionalcontent: stringplaceholer passed from select settings.
+
+ -
+
+Optionalstyles: IStyleoptional parameter. The object in which the settings for customizing parts of the select are located.
+
Returns void
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.customStyles.html b/docs/functions/Utils.customStyles.html
new file mode 100644
index 0000000..81e5ed7
--- /dev/null
+++ b/docs/functions/Utils.customStyles.html
@@ -0,0 +1,82 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function customStyles
-
+
- custom
Styles(element: Element, styles: IStyle): void
+ -
++
Finding and styling elements derived from the styles instance CgSelect
+++Parameters
+-
+
-
+
element: Element
+instantiated class CgSelect.
+
+ -
+
styles: IStyle
+object in which there are settings for customizing parts of the select.
+
Returns void
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.customStylesFormat.html b/docs/functions/Utils.customStylesFormat.html
new file mode 100644
index 0000000..8ba79fe
--- /dev/null
+++ b/docs/functions/Utils.customStylesFormat.html
@@ -0,0 +1,82 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function customStylesFormat
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.getFormatItem.html b/docs/functions/Utils.getFormatItem.html
new file mode 100644
index 0000000..854fbdd
--- /dev/null
+++ b/docs/functions/Utils.getFormatItem.html
@@ -0,0 +1,84 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function getFormatItem
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.getSelectText.html b/docs/functions/Utils.getSelectText.html
new file mode 100644
index 0000000..9fc1ca3
--- /dev/null
+++ b/docs/functions/Utils.getSelectText.html
@@ -0,0 +1,84 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function getSelectText
-
+
- get
Select Text(data: ISelectedItems, select: undefined | null | HTMLElement): HTMLElement
+ -
++
Insert initial select text (before selection)
+ +Returns
returns the generated select element.
+++Parameters
+-
+
-
+
data: ISelectedItems
+the object in which the title of the select is located.
+
+ -
+
select: undefined | null | HTMLElement
+select element where title will be inserted.
+
Returns HTMLElement
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.nativeOptionMultiple.html b/docs/functions/Utils.nativeOptionMultiple.html
new file mode 100644
index 0000000..f9d1ab8
--- /dev/null
+++ b/docs/functions/Utils.nativeOptionMultiple.html
@@ -0,0 +1,86 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function nativeOptionMultiple
-
+
- native
Option Multiple(element: undefined | NodeListOf<Element>, item: string, condition: boolean): void
+ -
++
The behavior of the native (Multiple) select when choosing in a custom one.
+++Parameters
+-
+
-
+
element: undefined | NodeListOf<Element>
+NodeList of native select.
+
+ -
+
item: string
+selected element in custom select.
+
+ -
+
condition: boolean
+a special flag that adds / removes attributes from the native select.
+
Returns void
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/Utils.nativeOptionOrdinary.html b/docs/functions/Utils.nativeOptionOrdinary.html
new file mode 100644
index 0000000..7f0fa36
--- /dev/null
+++ b/docs/functions/Utils.nativeOptionOrdinary.html
@@ -0,0 +1,82 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function nativeOptionOrdinary
-
+
- native
Option Ordinary(element: undefined | NodeListOf<Element>, item: string): void
+ -
++
Behavior of a native (single) select when choosing a custom one.
+++Parameters
+-
+
-
+
element: undefined | NodeListOf<Element>
+NodeList native select.
+
+ -
+
item: string
+selected element in custom select.
+
Returns void
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/components_create_element_create_element.createBreadCrumb.html b/docs/functions/components_create_element_create_element.createBreadCrumb.html
new file mode 100644
index 0000000..3a54eb1
--- /dev/null
+++ b/docs/functions/components_create_element_create_element.createBreadCrumb.html
@@ -0,0 +1,87 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function createBreadCrumb
-
+
- create
Bread Crumb(data: ICreateBreadCrumb, title: string, index: number, id: string): HTMLLIElement
+ -
++
The method that creates and is responsible for the behavior of the chips.
+ +Returns
returns the generated HTMLElement chips item.
+++Parameters
+-
+
-
+
data: ICreateBreadCrumb
+an object that contains settings and select elements.
+
+ -
+
title: string
+the name of the selected element to draw chips.
+
+ -
+
index: number
+index of the selected item to draw chips.
+
+ -
+
id: string
+unique id of the selected element.
+
Returns HTMLLIElement
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/components_create_element_create_element.createInputSearch.html b/docs/functions/components_create_element_create_element.createInputSearch.html
new file mode 100644
index 0000000..64dfbc6
--- /dev/null
+++ b/docs/functions/components_create_element_create_element.createInputSearch.html
@@ -0,0 +1,79 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+Function createInputSearch
-
+
- create
Input Search(random: string, lenguage: string): HTMLInputElement
+ -
++
The method that creates a search for elements in the select.
+ +Returns
Returns the rendered input element.
+++Parameters
+-
+
-
+
random: string
+unique value for input element.
+
+ -
+
lenguage: string
+text in specific language passed from language.ts file
+
Returns HTMLInputElement
-
+
+
+
\ No newline at end of file
diff --git a/docs/functions/components_create_element_create_element.createNativeSelect.html b/docs/functions/components_create_element_create_element.createNativeSelect.html
new file mode 100644
index 0000000..45b1e0f
--- /dev/null
+++ b/docs/functions/components_create_element_create_element.createNativeSelect.html
@@ -0,0 +1,68 @@
+Generated using TypeDoc
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/functions/components_create_element_create_element.createNativeSelectOption.html b/docs/functions/components_create_element_create_element.createNativeSelectOption.html
new file mode 100644
index 0000000..579db2f
--- /dev/null
+++ b/docs/functions/components_create_element_create_element.createNativeSelectOption.html
@@ -0,0 +1,68 @@
+Generated using TypeDoc
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..d6891b8
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,443 @@
+
+
+
+
+
+ Generated using TypeDoc
+
+
+
+
+
+
+ cg-select
+
+
+
+
+
+
+
+
+ CG-SELECT
+ + + +version ~ 0.2.1
+ ++ 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. +
+ + +The ability to customize basic elements, such as:
+ +-
+
- Select button. +
- List with select elements. +
- Placeholder. +
- + In the multiselect mode, customization of chips (selected elements) is available. + +
- Label of the element (if it was specified). +
- Switch themes from dark to light. +
Installation
+ +npm i cg-select
+Usage
+ + + +To create a component, you need:
+ +-
+
- Create a regular button element. +
- Give it the cg-dropdown class. +
<button class="cg-dropdown"></button>
+-
+
- Give it a unique class, e.g. (cg-dropdown_categories). +
<button class="cg-dropdown cg-dropdown_categories"></button>
+-
+
- Create a new instance of the class (new CGSelect) +
- Pass all desired settings as an object +
+ All options for creating and managing are in the documentation, section "CGSelect + class constructor". +
+ + + +An example of creating a regular select.
+ +import { CGSelect } from 'cg-select';
const dropdown = new CGSelect({
selector: '.cg-dropdown_selector',
placeholder: 'Выберите авто',
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'Ferari',
],
});
+Example of different selects
+ ++ Same working example -- + https://cg-select.itguild.info/ +
+
+ 
+ 
+ 
+ 
+
+ 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. +
+ + +Contributing
+ +-
+
- Fork it! +
- Create your feature branch:
git checkout -b my-new-feature
+ - Commit your changes:
git commit -am 'Add some feature'
+ - Push to the branch:
git push origin my-new-feature
+ - Submit a pull request :D +
Compatibility
+ +| Application Compatibility | +JS | +React | +Angular | +Vue | +
|---|---|---|---|---|
| CG-SELECT | +
+ 
+ |
+
+
+ 
+ |
+
+
+ |
+
+
+ |
+
| Comment | +Tested in Js applications and it worksуспешно. | +
+ Works only with a crutch in the form setTimeout()
+ |
+ not yet available | +not yet available | +
History
+ +
+ 16.12.2022 - release version 0.1.0!
+ 00.00.2023 - upgrade to version 0.2.1
+
+
+
+
+
+
diff --git a/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html b/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html
new file mode 100644
index 0000000..7f2cbe9
--- /dev/null
+++ b/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html
@@ -0,0 +1,111 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+selected
+
+
+
+
+Interface ICreateBreadCrumb
+
Description
cSettings for creating chips.
+Hierarchy
+-
+
- ICreateBreadCrumb
+ Index
+
+
+
Properties
+Properties
+element
+element: null | Element
+A specific instance of a class.
+indexes
+indexes: number[]
+Array of indexes of selected elements.
+option
+option: ICgSelect
+Select settings.
+selected
+selected
+Array with selected elements.
+
+
+
\ No newline at end of file
diff --git a/docs/interfaces/components_utils_urils_interface.IDataItem.html b/docs/interfaces/components_utils_urils_interface.IDataItem.html
new file mode 100644
index 0000000..cb37b9a
--- /dev/null
+++ b/docs/interfaces/components_utils_urils_interface.IDataItem.html
@@ -0,0 +1,102 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+
+
+Item
+
+
+
+
+
+
+
+
+
+
+
+
+Interface IDataItem
+
Description
Receive Item Settings.
+Hierarchy
+-
+
- IDataItem
+ Index
+
+
+
Properties
+Properties
+Item
+
+The value of the passed element.
+Optional category
+category?: string
+Optional parameter. Item group category.
+Optional category
+
+Optional parameter. Array with elements.
+
+
+
\ No newline at end of file
diff --git a/docs/interfaces/components_utils_urils_interface.ISelectedItems.html b/docs/interfaces/components_utils_urils_interface.ISelectedItems.html
new file mode 100644
index 0000000..524e48d
--- /dev/null
+++ b/docs/interfaces/components_utils_urils_interface.ISelectedItems.html
@@ -0,0 +1,130 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Interface ISelectedItems
+
Description
Settings for select text, etc.
+Hierarchy
+-
+
- ISelectedItems
+ Index
+
+
+
Properties
+Properties
+Optional dark
+dark
+An optional parameter that is responsible for enabling a light/dark theme by default, the dark theme is set.
+Optional indexes
+indexes?: number[]
+Array of indexes of selected elements.
+Optional multiselect
+multiselect
+An optional parameter that is responsible for the behavior of the select, +for him, *** works only in a place with a multiselect connection.
+Optional placeholder
+placeholder?: string
+Placeholder optional parameter to which the text of the select placeholder is passed.
+Optional selected
+selected?: string
+An optional parameter, which is passed the element that will be selected initially in the select.
+Optional selected
+selected
+Array of selected items from the list.
+
+
+
\ No newline at end of file
diff --git a/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html b/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html
new file mode 100644
index 0000000..ea22066
--- /dev/null
+++ b/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html
@@ -0,0 +1,231 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Interface ICgSelect
+
Description
Select settings.
+Hierarchy
+-
+
- ICgSelect
Implemented by
+
+ Index
+
+
+
Properties
+Properties
+Optional close
+close
+An optional parameter that is responsible for the behavior of the select when opening, if closeOnSelect: false, +then when an element is selected in the selector, closing does not occur, +and you can select another element by default, closeOnSelect:true.
+Optional dark
+dark
+An optional parameter that is responsible for enabling a light / dark theme by default, the dark theme is set (darkTheme == true).
+Optional event
+event?: string
+An optional parameter that is responsible for the behavior of the select, passing to this parameter an event of the 'mouseenter' type, +select will open on hover.
+Optional items
+items?: any
+*Required parameter (if no other way to get data (url) is specified), this is an array of elements, + which will be displayed in the select when selected.
+Optional lable
+lable?: string
+An optional parameter that adds a lable before the select.
+Optional language
+language?: string
+Optional parameter responsible for the localization of some text elements.
+Optional list
+list
+An optional parameter that is responsible for the behavior of the select when opening.
+Optional multiselect
+multiselect?: boolean
+An optional parameter, which is responsible for the behavior of the select, adds the ability to select multiple elements. +Selected elements are rendered as plain text, separated by commas.
+Optional multiselect
+multiselect
+An optional parameter that is responsible for the behavior of the select, +for him, *** works only in a place with a multiselect connection.
+Optional native
+native
+An optional parameter that is responsible for the behavior of the select when opened on mobile devices.
+Optional placeholder
+placeholder?: string
+Placeholder optional parameter to which the text of the select placeholder is passed.
+Optional search
+search
+An optional parameter that adds a live search on the select elements.
+Optional selected
+selected?: string
+An optional parameter, which is passed the element that will be selected initially in the select.
+Optional selector
+selector?: string
+Unique selector - *mandatory parameter (indicator) that is set when creating a select.
+Optional styles
+styles?: IStyle
+An optional parameter that is responsible for customizing the select elements, +objects with CSS properties for customizable elements are passed to it.
+Optional url
+url?: string
+Required parameter (if no other way to get data (items) is specified), +data that comes from the backend in the format { id: "", title: "", value: ""}.
+
+
+
\ No newline at end of file
diff --git a/docs/interfaces/interfaces_cg_select_interface.IStyle.html b/docs/interfaces/interfaces_cg_select_interface.IStyle.html
new file mode 100644
index 0000000..946c3d0
--- /dev/null
+++ b/docs/interfaces/interfaces_cg_select_interface.IStyle.html
@@ -0,0 +1,138 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Interface IStyle
+
Description
Style Settings.
+Hierarchy
+-
+
- IStyle
Properties
+Optional caret
+caret?: object
+Carriage customization.
+Optional chips
+chips?: object
+Chips customization with selected elements.
+Optional head
+head?: object
+Select button customization.
+Optional lable
+lable?: object
+Lable select customization.
+Optional list
+list?: object
+Sheet customization with a selection of elements.
+Optional placeholder
+placeholder?: object
+Customization placeholder.
+Optional search
+search?: object
+Search customization.
+
+
+
\ No newline at end of file
diff --git a/docs/interfaces/interfaces_items_interface.IItems.html b/docs/interfaces/interfaces_items_interface.IItems.html
new file mode 100644
index 0000000..2c89336
--- /dev/null
+++ b/docs/interfaces/interfaces_items_interface.IItems.html
@@ -0,0 +1,102 @@
+Generated using TypeDoc
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/interfaces/interfaces_language_interface.ILanguage.html b/docs/interfaces/interfaces_language_interface.ILanguage.html
new file mode 100644
index 0000000..790ff59
--- /dev/null
+++ b/docs/interfaces/interfaces_language_interface.ILanguage.html
@@ -0,0 +1,102 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+select
+
+
+text
+
+
+
+
+Interface ILanguage
+
Description
Settings for adding languages.
+Hierarchy
+-
+
- ILanguage
+ Index
+
+
+
Properties
+Properties
+placeholder
+placeholder: string
+Search text.
+select
+select
+Default Select Text if no placeholder or selected element is specified.
+text
+text
+Text if no match.
+
+
+
\ No newline at end of file
diff --git a/docs/modules.html b/docs/modules.html
new file mode 100644
index 0000000..04b8e9d
--- /dev/null
+++ b/docs/modules.html
@@ -0,0 +1,62 @@
+Generated using TypeDoc
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/modules/Utils.html b/docs/modules/Utils.html
new file mode 100644
index 0000000..58d23fb
--- /dev/null
+++ b/docs/modules/Utils.html
@@ -0,0 +1,83 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+
+
+Module Utils
Utils module
+Index
+Functions
+
+
+
\ No newline at end of file
diff --git a/docs/modules/cg_select.html b/docs/modules/cg_select.html
new file mode 100644
index 0000000..7d3c993
--- /dev/null
+++ b/docs/modules/cg_select.html
@@ -0,0 +1,64 @@
+Generated using TypeDoc
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/modules/components_create_element_create_element.html b/docs/modules/components_create_element_create_element.html
new file mode 100644
index 0000000..8149ca4
--- /dev/null
+++ b/docs/modules/components_create_element_create_element.html
@@ -0,0 +1,70 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+Module components/create-element/create-element
Index
+Functions
+
+
+
\ No newline at end of file
diff --git a/docs/modules/components_create_element_create_element_interface.html b/docs/modules/components_create_element_create_element_interface.html
new file mode 100644
index 0000000..2240056
--- /dev/null
+++ b/docs/modules/components_create_element_create_element_interface.html
@@ -0,0 +1,64 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+Module components/create-element/create-element.interface
Index
+Interfaces
+
+
+
\ No newline at end of file
diff --git a/docs/modules/components_utils_urils_interface.html b/docs/modules/components_utils_urils_interface.html
new file mode 100644
index 0000000..d4bb4e5
--- /dev/null
+++ b/docs/modules/components_utils_urils_interface.html
@@ -0,0 +1,66 @@
+Generated using TypeDoc
+
+
+
+
+
+
+
+
+
+
+
+Module components/utils/urils.interface
Index
+Interfaces
+
+
+
\ No newline at end of file
diff --git a/docs/modules/interfaces_cg_select_interface.html b/docs/modules/interfaces_cg_select_interface.html
new file mode 100644
index 0000000..c7625f6
--- /dev/null
+++ b/docs/modules/interfaces_cg_select_interface.html
@@ -0,0 +1,66 @@
+Generated using TypeDoc
+
+
\ No newline at end of file
diff --git a/docs/modules/interfaces_items_interface.html b/docs/modules/interfaces_items_interface.html
new file mode 100644
index 0000000..ed61e7d
--- /dev/null
+++ b/docs/modules/interfaces_items_interface.html
@@ -0,0 +1,64 @@
+Generated using TypeDoc
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/modules/interfaces_language_interface.html b/docs/modules/interfaces_language_interface.html
new file mode 100644
index 0000000..f03ac74
--- /dev/null
+++ b/docs/modules/interfaces_language_interface.html
@@ -0,0 +1,64 @@
+Generated using TypeDoc
+
+
+
+
+
\ No newline at end of file
diff --git a/docs/modules/language_language.html b/docs/modules/language_language.html
new file mode 100644
index 0000000..32287e6
--- /dev/null
+++ b/docs/modules/language_language.html
@@ -0,0 +1,66 @@
+Generated using TypeDoc
+
+
\ No newline at end of file
diff --git a/docs/variables/language_language.en.html b/docs/variables/language_language.en.html
new file mode 100644
index 0000000..cfbd8d4
--- /dev/null
+++ b/docs/variables/language_language.en.html
@@ -0,0 +1,58 @@
+Generated using TypeDoc
+
+
+
+
+
+Variable en
+Variable enConst
+
+
\ No newline at end of file
diff --git a/docs/variables/language_language.ru.html b/docs/variables/language_language.ru.html
new file mode 100644
index 0000000..15e1778
--- /dev/null
+++ b/docs/variables/language_language.ru.html
@@ -0,0 +1,58 @@
+Generated using TypeDoc
+
+
+
+
+
+Variable ru
+Variable ruConst
+
+
\ No newline at end of file
Generated using TypeDoc
Description
This class implements the functionality of a custom select, with customization capabilities.
+ +Author
Ovsyanikov Maxim
+