From 1635198b5bfb49c22dccf6441a07459a656cb9cf Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Thu, 9 Feb 2023 16:47:55 +0300 Subject: [PATCH 01/16] Added Russian version README --- README.md | 3 ++ READMERU.md | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 104 insertions(+) create mode 100644 READMERU.md diff --git a/README.md b/README.md index 8552656..d897a4c 100644 --- a/README.md +++ b/README.md @@ -13,6 +13,7 @@ Customization, multi-selection and live search by elements are available. - 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. +- The documentation also lists all the elements for catatomization using CSS. ## Installation @@ -77,6 +78,8 @@ All documentation on CG-SELECT is located in the folder of the same name. The do **To view it, follow the link -** https://cg-select.itguild.info/up_/documentation/index.html +**Russian version README -** + ## Contributing 1. Fork it! diff --git a/READMERU.md b/READMERU.md new file mode 100644 index 0000000..bba2915 --- /dev/null +++ b/READMERU.md @@ -0,0 +1,101 @@ +# CG-SELECT + +## version ~ 0.2.31 + +Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select. +Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое. + +### Возможность настройки основных элементов, таких как: + +- Кнопка самого селекта Select. +- Список с выбранными элементами. +- Placeholder. +- В режиме мультиселекта доступна кастомизация chips (выбранных элементов). +- Label элемента (если она была указана). +- Переключить тему с темной на светлую. +- Так же в документации указанны всеэлементы для катомизации с помощью CSS. + +## Installation + +``` +npm i cg-select +``` + +## Usage + +### Для создания компонента необходимо: + +1. Создайте обычную кнопку. +2. Добавьте ей класс cg-dropdown. + +``` + +``` + +3. Добавьте ему **уникальный класс**, + например: (cg-dropdown_categories) + +``` + +``` + +4. Создайте новый экземпляр класса (new CGSelect) +5. Передайте все нужные настройки как объект. + +#### Все варианты создания и управления селектом есть в документации, раздел "Конструктор класса CGSelect". + +### Пример создания обычного CGSelect. + +```javascript +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', + ], +}); +``` + +## Примеры различных вариантов выбора. + +Рабочий пример -- https://cg-select.itguild.info/ + +![image](https://github.com/apuc/cg-select/blob/main/src/images/DefaultSelect.png) +![image](https://github.com/apuc/cg-select/blob/main/src/images/MultiSelect.png) +![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) + +Вся документация по CG-SELECT находится в одноименной папке. В документации описаны все методы и переменные, также есть примеры передачи настроек в CGSelect. Вы также можете открыть его на странице с примером, или перейти по ссылке ниже. + +**Для просмотра перейдите по ссылке -** https://cg-select.itguild.info/up_/documentation/index.html + +## Contributing + +1. Fork it! +2. Create your feature branch: `git checkout -b my-new-feature` +3. Commit your changes: `git commit -am 'Add some feature'` +4. Push to the branch: `git push origin my-new-feature` +5. Submit a pull request :D + +## Compatibility + +| Application Compatibility | JS | React | Angular | Vue | +| ------------------------- | :----------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------: | :---------------------------------------------------------------------: | +| CG-SELECT | ![image](https://github.com/apuc/cg-select/blob/main/src/images/yes.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/yes.png) ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) | +| 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! + +20.01.2023 - upgrade to version 0.2.1 From 91b9e641d668a375d3505e0d39bd84b5764829ba Mon Sep 17 00:00:00 2001 From: MaxOvs19 <88626313+MaxOvs19@users.noreply.github.com> Date: Thu, 9 Feb 2023 16:51:42 +0300 Subject: [PATCH 02/16] Update READMERU.md --- READMERU.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/READMERU.md b/READMERU.md index bba2915..c029b58 100644 --- a/READMERU.md +++ b/READMERU.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.31 +## version ~ 0.2.32 Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select. Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое. From cf954bfa848b2dee012a8538092c9437fb56d327 Mon Sep 17 00:00:00 2001 From: MaxOvs19 <88626313+MaxOvs19@users.noreply.github.com> Date: Thu, 9 Feb 2023 16:52:26 +0300 Subject: [PATCH 03/16] Update READMERU.md --- READMERU.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/READMERU.md b/READMERU.md index c029b58..5d4ef4c 100644 --- a/READMERU.md +++ b/READMERU.md @@ -13,7 +13,7 @@ - В режиме мультиселекта доступна кастомизация chips (выбранных элементов). - Label элемента (если она была указана). - Переключить тему с темной на светлую. -- Так же в документации указанны всеэлементы для катомизации с помощью CSS. +- Так же в документации указанны все элементы для катомизации с помощью CSS. ## Installation From 90047207d63ddea7dad4771add1e6d4c357d1bf9 Mon Sep 17 00:00:00 2001 From: MaxOvs19 <88626313+MaxOvs19@users.noreply.github.com> Date: Thu, 9 Feb 2023 16:52:39 +0300 Subject: [PATCH 04/16] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 5318f9c..24ba337 100644 --- a/README.md +++ b/README.md @@ -80,7 +80,7 @@ All documentation on CG-SELECT is located in the folder of the same name. The do **To view it, follow the link -** https://cg-select.itguild.info/up_/documentation/index.html -**Russian version README -** +**Russian version README -** https://github.com/apuc/cg-select/blob/main/READMERU.md ## Contributing From 8b68bbc498fea18137e032b7c2a7bdd6f4f2c698 Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Thu, 9 Feb 2023 21:01:44 +0300 Subject: [PATCH 05/16] Fix index.js --- index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.js b/index.js index cae98de..d3c8b2f 100644 --- a/index.js +++ b/index.js @@ -1,3 +1,3 @@ -import { CGSelect } from './src/cg-select.ts'; +import { CGSelect } from './src/cg-select'; export default CGSelect; From 4a2e8c9b1768b20d5ec52b78280d44049230b4c8 Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Mon, 13 Feb 2023 20:38:36 +0300 Subject: [PATCH 06/16] Fix version --- README.md | 2 +- READMERU.md | 2 +- docs/index.html | 2 +- package-lock.json | 4 ++-- package.json | 2 +- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 24ba337..0886619 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.32 +## version ~ 0.2.33 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/READMERU.md b/READMERU.md index 5d4ef4c..a361de9 100644 --- a/READMERU.md +++ b/READMERU.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.32 +## version ~ 0.2.33 Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select. Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое. diff --git a/docs/index.html b/docs/index.html index 510c223..99b1f79 100644 --- a/docs/index.html +++ b/docs/index.html @@ -62,7 +62,7 @@ -

version ~ 0.2.32

+

version ~ 0.2.33

This component allows you to create a custom select. It offers more flexible diff --git a/package-lock.json b/package-lock.json index 1665717..0399bd1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "cg-select", - "version": "0.2.32", + "version": "0.2.33", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "cg-select", - "version": "0.2.32", + "version": "0.2.33", "license": "ISC", "dependencies": { "@parcel/optimizer-css": "^2.8.0", diff --git a/package.json b/package.json index 648f3b4..09cdfdd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cg-select", - "version": "0.2.32", + "version": "0.2.33", "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling", "author": { "name": "CraftGroup", From fd8fc093d0c1db9a11dff39279c903a8ab56668d Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Tue, 14 Feb 2023 20:19:57 +0300 Subject: [PATCH 07/16] Added custom theme --- example/example.scss | 4 ++ example/index.js | 8 ++-- example/themeTest.ts | 9 ++++ src/cg-select.ts | 3 +- src/components/theme/theme.interface.ts | 12 +++++ src/components/theme/theme.ts | 59 ++++++++++++++----------- src/components/utils/utils.interface.ts | 3 +- src/interfaces/cg-select.interface.ts | 3 +- 8 files changed, 69 insertions(+), 32 deletions(-) create mode 100644 example/themeTest.ts create mode 100644 src/components/theme/theme.interface.ts diff --git a/example/example.scss b/example/example.scss index b1bd873..8255b19 100644 --- a/example/example.scss +++ b/example/example.scss @@ -5,6 +5,10 @@ font-family: Arial, Helvetica, sans-serif; } +.testClassRed { + background-color: #ff8282; +} + .body-example { background: #000000c4; } diff --git a/example/index.js b/example/index.js index c4a86d0..f178a7d 100644 --- a/example/index.js +++ b/example/index.js @@ -1,5 +1,6 @@ import { CGSelect } from '../src/cg-select'; import './example'; +import { newCustomTheme } from './themeTest'; // ------------------------------Обычный селект-------------------- const dropdown = new CGSelect({ @@ -25,11 +26,12 @@ const dropdown = new CGSelect({ width: '824px', }, }, + theme: newCustomTheme, }); -dropdown.on('clear', function (e) { - console.log(`this state: ${e}`); -}); +// dropdown.on('clear', function (e) { +// console.log(`this state: ${e}`); +// }); // ------------------------------NativeSelect----------------------- const dropdownNativeSelect = new CGSelect({ diff --git a/example/themeTest.ts b/example/themeTest.ts new file mode 100644 index 0000000..b5b0487 --- /dev/null +++ b/example/themeTest.ts @@ -0,0 +1,9 @@ +import { CustomTheme } from 'components/theme/theme.interface'; + +export const newCustomTheme: CustomTheme = { + name: 'test', + styles: { + head: 'testClassRed', + list: 'testClassRed', + }, +}; diff --git a/src/cg-select.ts b/src/cg-select.ts index d760654..02a09fc 100644 --- a/src/cg-select.ts +++ b/src/cg-select.ts @@ -25,6 +25,7 @@ import { ILanguage } from './interfaces/language.interface'; import './main.scss'; import { changeTheme } from './components/theme/theme'; +import { CustomTheme } from 'components/theme/theme.interface'; /** * @class Class Description ICgSelect @@ -36,7 +37,7 @@ export class CGSelect implements ICgSelect { selected?: string; placeholder?: string; items?: IItems[] | string[] | any; - theme?: string; + theme?: string | CustomTheme; searchMode?: boolean; closeOnSelect?: boolean; nativeSelectMode?: boolean; diff --git a/src/components/theme/theme.interface.ts b/src/components/theme/theme.interface.ts new file mode 100644 index 0000000..af4420d --- /dev/null +++ b/src/components/theme/theme.interface.ts @@ -0,0 +1,12 @@ +export interface CustomTheme { + name: string; + styles: { + head?: string; + list?: string; + placeholder?: string; + caret?: string; + search?: string; + chips?: string; + lable?: string; + }; +} diff --git a/src/components/theme/theme.ts b/src/components/theme/theme.ts index cf2e58b..571c70d 100644 --- a/src/components/theme/theme.ts +++ b/src/components/theme/theme.ts @@ -1,4 +1,6 @@ -export function changeTheme(element: Element, theme: string) { +import { CustomTheme } from './theme.interface'; + +export function changeTheme(element: Element, theme: string | CustomTheme) { const select = element!.querySelector('.cg-select'); const caret = element!.querySelector('.caret'); const list = element!.querySelector('ul.list'); @@ -13,32 +15,37 @@ export function changeTheme(element: Element, theme: string) { elem.classList.remove('pathWhite'); }); - switch (theme.toLowerCase()) { - case 'dark': - select!.classList.add('selectDark'); - list!.classList.add('listDark'); - nativeSelect?.classList.add('listDark'); - path.forEach((elem) => { - elem.classList.add('pathWhite'); - }); - break; - case 'white': - select!.classList.add('selectWhite'); - caret!.classList.add('caretWhite'); - list!.classList.add('listWhite'); - nativeSelect?.classList.add('listWhite'); - path.forEach((elem) => { - elem.classList.add('pathBlack'); - }); + if (typeof theme === 'string') { + switch (theme) { + case 'dark': + select!.classList.add('selectDark'); + list!.classList.add('listDark'); + nativeSelect?.classList.add('listDark'); + path.forEach((elem) => { + elem.classList.add('pathWhite'); + }); + break; + case 'white': + select!.classList.add('selectWhite'); + caret!.classList.add('caretWhite'); + list!.classList.add('listWhite'); + nativeSelect?.classList.add('listWhite'); + path.forEach((elem) => { + elem.classList.add('pathBlack'); + }); - if (search!) { - search!.classList.add('inputWhite'); - } - break; + if (search!) { + search!.classList.add('inputWhite'); + } + break; - default: - select!.classList.add('classicSelect'); - list!.classList.add('classicList'); - break; + default: + select!.classList.add('classicSelect'); + list!.classList.add('classicList'); + break; + } + } else { + select!.classList.add(`${theme.styles.head}`); + list!.classList.add(`${theme.styles.list}`); } } diff --git a/src/components/utils/utils.interface.ts b/src/components/utils/utils.interface.ts index 31ca536..d139979 100644 --- a/src/components/utils/utils.interface.ts +++ b/src/components/utils/utils.interface.ts @@ -1,3 +1,4 @@ +import { CustomTheme } from 'components/theme/theme.interface'; import { IItems } from 'interfaces/items.interface'; /** @@ -55,5 +56,5 @@ export interface ISelectedItems { * An optional parameter that is responsible for enabling a light/dark theme by default, the dark theme is set. * @type {boolean} */ - theme?: string; + theme?: string | CustomTheme; } diff --git a/src/interfaces/cg-select.interface.ts b/src/interfaces/cg-select.interface.ts index 403b1a6..39a0f07 100644 --- a/src/interfaces/cg-select.interface.ts +++ b/src/interfaces/cg-select.interface.ts @@ -1,3 +1,4 @@ +import { CustomTheme } from 'components/theme/theme.interface'; import { IItems } from './items.interface'; /** @@ -29,7 +30,7 @@ export interface ICgSelect { * An optional parameter responsible for switching between different themes, the classic theme is set by default. * @type {string} values: dark, white */ - theme?: string; + theme?: string | CustomTheme; /** * An optional parameter that adds a live search on the select elements. * @type {boolean} From 2cd1920eb569c665faf0d09d7bf33e74ff4394a8 Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Wed, 15 Feb 2023 19:49:17 +0300 Subject: [PATCH 08/16] Create block in decription themes --- example/example.js | 36 +++++++------- example/example.scss | 37 ++++++++++++++- example/index.html | 109 +++++++++++++++++++++++++++++++++++++++++++ example/index.js | 16 ++++++- example/themeTest.ts | 9 +++- 5 files changed, 183 insertions(+), 24 deletions(-) diff --git a/example/example.js b/example/example.js index f807677..2238b38 100644 --- a/example/example.js +++ b/example/example.js @@ -13,38 +13,36 @@ const codeFourth = document.getElementById('codeFourth'); const fifthBtn = document.getElementById('fifth'); const codeFifth = document.getElementById('codeFifth'); -const six = document.getElementById('six') +const six = document.getElementById('six'); const codeSix = document.getElementById('codeSix'); - -const Native = document.getElementById('Native') -const codeNative = document.getElementById('codeNative') - +const Native = document.getElementById('Native'); +const codeNative = document.getElementById('codeNative'); firstBtn.addEventListener('click', () => { - codeFirst.classList.toggle("active") -}) + codeFirst.classList.toggle('active'); +}); secondBtn.addEventListener('click', () => { - codeSecond.classList.toggle("active") -}) + codeSecond.classList.toggle('active'); +}); thirdBtn.addEventListener('click', () => { - codeThird.classList.toggle("active") -}) + codeThird.classList.toggle('active'); +}); fourthBtn.addEventListener('click', () => { - codeFourth.classList.toggle("active") -}) + codeFourth.classList.toggle('active'); +}); fifthBtn.addEventListener('click', () => { - codeFifth.classList.toggle("active") -}) + codeFifth.classList.toggle('active'); +}); six.addEventListener('click', () => { - codeSix.classList.toggle("active") -}) + codeSix.classList.toggle('active'); +}); Native.addEventListener('click', () => { - codeNative.classList.toggle("active") -}) \ No newline at end of file + codeNative.classList.toggle('active'); +}); diff --git a/example/example.scss b/example/example.scss index 8255b19..1a9c973 100644 --- a/example/example.scss +++ b/example/example.scss @@ -3,10 +3,12 @@ * { font-size: 14px; font-family: Arial, Helvetica, sans-serif; + text-align: justify; } -.testClassRed { +.testClass { background-color: #ff8282; + color: white; } .body-example { @@ -144,6 +146,39 @@ } } +.row { + display: flex; + justify-content: space-around; +} + +.description-theme { + color: white; + .col { + width: 54%; + } + + img { + border-radius: 15px; + } + + .createTheme { + display: flex; + flex-direction: column; + } + + h5 { + font-size: 18px; + margin: 0; + } + h6 { + font-size: 17px; + margin: 0; + } + p { + font-size: 16px; + } +} + code { display: none; } diff --git a/example/index.html b/example/index.html index b316ee7..b66e1ad 100644 --- a/example/index.html +++ b/example/index.html @@ -192,6 +192,115 @@ +

+

Setting up and adding a theme.

+ +
+
+
+
Default theme:
+

+ To change the theme of the select, you need to specify this parameter in the select + settings. The default theme is the classic theme, you can choose a white or dark + theme. +

+ + 
+                  const dropdown = new CGSelect({
+                    selector: '.cg-dropdown_one', 
+                    placeholder: 'Choose a car', 
+                    lable: 'EXAMPLE', 
+                    items: [
+                      ...
+                    ],
+                    theme:  'dark / white'
+                  });
+
+ +
+ +
+
Create custom theme:
+
+

+ To create your own theme, you need to create an object with the following fields. + In these fields you need to insert the previously created css class. After + creating the object, just pass it to the select settings. +

+ + 
+            interface CustomTheme {
+              name: 'string', 
+              styles: {
+                head?:  'string', 
+                list?: 'testClass', ,
+                placeholder?: 'string', ,
+                caret?: 'string', ,
+                search?: 'string', ,
+                chips?: 'string', ,
+                lable?: 'string', ,
+              },
+            });
+
+ +
+
+
+ +
Example:
+ +
+
For JS
+
For TS
+
+ +
+ + 
+        const newTheme = {
+          name: 'test', 
+          styles: {
+            head:  'testClass', 
+            list: 'testClass', ,
+            placeholder: 'testClass', ,
+            caret: 'testClass', ,
+            search: 'testClass', ,
+            chips: 'testClass', ,
+            lable: 'testClass', ,
+          },
+        });
+
+ + + + 
+        const newCustomTheme: CustomTheme  = {
+          name: 'test', 
+          styles: {
+            head:  'testClass', 
+            list: 'testClass', ,
+            placeholder: 'testClass', ,
+            caret: 'testClass', ,
+            search: 'testClass', ,
+            chips: 'testClass', ,
+            lable: 'testClass', ,
+          },
+        });
+
+ +
+
CSS
+ + 
+              .testClass {
+                background-color: #ff8282;
+                color: white;
+              }
+
+ +
+
+

Categories

diff --git a/example/index.js b/example/index.js index f178a7d..e5e7f59 100644 --- a/example/index.js +++ b/example/index.js @@ -1,6 +1,19 @@ import { CGSelect } from '../src/cg-select'; import './example'; -import { newCustomTheme } from './themeTest'; +// import { newCustomTheme } from './themeTest'; + +const newTheme = { + name: 'test', + styles: { + head: 'testClass', + list: 'testClass', + placeholder: 'testClass', + caret: 'testClass', + search: 'testClass', + chips: 'testClass', + lable: 'testClass', + }, +}; // ------------------------------Обычный селект-------------------- const dropdown = new CGSelect({ @@ -26,7 +39,6 @@ const dropdown = new CGSelect({ width: '824px', }, }, - theme: newCustomTheme, }); // dropdown.on('clear', function (e) { diff --git a/example/themeTest.ts b/example/themeTest.ts index b5b0487..04618e2 100644 --- a/example/themeTest.ts +++ b/example/themeTest.ts @@ -3,7 +3,12 @@ import { CustomTheme } from 'components/theme/theme.interface'; export const newCustomTheme: CustomTheme = { name: 'test', styles: { - head: 'testClassRed', - list: 'testClassRed', + head: 'testClass', + list: 'testClass', + placeholder: 'testClass', + caret: 'testClass', + search: 'testClass', + chips: 'testClass', + lable: 'testClass', }, }; From a3c433d328467d2265a77e2e1e8587b1174a419d Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Thu, 16 Feb 2023 17:32:08 +0300 Subject: [PATCH 09/16] Added constructor.js --- example/example.scss | 11 +++- example/index.html | 69 ++++++++++++++++++------ example/index.js | 41 +++++++++----- example/src/constructor/constructor.js | 68 +++++++++++++++++++++++ example/src/constructor/constructor.scss | 10 ++++ example/{ => src}/example.js | 0 example/{ => src}/themeTest.ts | 7 +-- src/cg-select.ts | 6 ++- 8 files changed, 173 insertions(+), 39 deletions(-) create mode 100644 example/src/constructor/constructor.js create mode 100644 example/src/constructor/constructor.scss rename example/{ => src}/example.js (100%) rename example/{ => src}/themeTest.ts (52%) diff --git a/example/example.scss b/example/example.scss index 1a9c973..a6ac44a 100644 --- a/example/example.scss +++ b/example/example.scss @@ -1,4 +1,5 @@ @import '/src/main.scss'; +@import './src/constructor/constructor.scss'; * { font-size: 14px; @@ -7,7 +8,13 @@ } .testClass { - background-color: #ff8282; + background-color: #8297ff; + color: white; +} + +.listTest { + background-color: #8297ff; + border: 1px solid black; color: white; } @@ -118,6 +125,7 @@ } &_submit { + text-align: center; width: 200px; height: 35px; border-radius: 10px; @@ -219,6 +227,7 @@ pre { } .check-code { + text-align: center; width: 200px; height: 35px; cursor: pointer; diff --git a/example/index.html b/example/index.html index b66e1ad..76d573d 100644 --- a/example/index.html +++ b/example/index.html @@ -260,13 +260,13 @@ const newTheme = { name: 'test', styles: { - head: 'testClass', - list: 'testClass', , - placeholder: 'testClass', , - caret: 'testClass', , - search: 'testClass', , - chips: 'testClass', , - lable: 'testClass', , + head: 'headTestClass', + list: 'listTestClass', , + placeholder: 'placeholderTestClass', , + caret: 'caretTestClass', , + search: 'searchTestClass', , + chips: 'chipsTestClass', , + lable: 'lableTestClass', , }, }); @@ -277,13 +277,13 @@ const newCustomTheme: CustomTheme = { name: 'test', styles: { - head: 'testClass', - list: 'testClass', , - placeholder: 'testClass', , - caret: 'testClass', , - search: 'testClass', , - chips: 'testClass', , - lable: 'testClass', , + head: 'headTestClass', + list: 'listTestClass', , + placeholder: 'placeholderTestClass', , + caret: 'caretTestClass', , + search: 'searchTestClass', , + chips: 'chipsTestClass', , + lable: 'lableTestClass', , }, }); @@ -292,12 +292,49 @@
CSS
-              .testClass {
-                background-color: #ff8282;
+              .headTestClass {
+                background-color: #8297ff;
+                color: white;
+              }
+
+              .listTestClass {
+                background-color: #8297ff;
+                border: 1px solid black;
                 color: white;
               }
+ +
Example custom theme in CG-Select
+

+ See an example of a select on + codesandbox.io +

+
+ +
+
+ + +
+

Select constructor

+
+ + +
+
+
diff --git a/example/index.js b/example/index.js index e5e7f59..7ace743 100644 --- a/example/index.js +++ b/example/index.js @@ -1,19 +1,8 @@ import { CGSelect } from '../src/cg-select'; -import './example'; -// import { newCustomTheme } from './themeTest'; +import { newCustomTheme } from './src/themeTest'; -const newTheme = { - name: 'test', - styles: { - head: 'testClass', - list: 'testClass', - placeholder: 'testClass', - caret: 'testClass', - search: 'testClass', - chips: 'testClass', - lable: 'testClass', - }, -}; +import './src/example'; +import './src/constructor/constructor'; // ------------------------------Обычный селект-------------------- const dropdown = new CGSelect({ @@ -45,6 +34,30 @@ const dropdown = new CGSelect({ // console.log(`this state: ${e}`); // }); +const droptheme = new CGSelect({ + selector: '.cg-dropdown_theme', + placeholder: 'Choose a car', + items: [ + 'BMW', + { + id: '213sade', + title: 'Opel', + value: 1, + }, + 'Mersedes', + 'MAN', + 'Ferari', + ], + styles: { + head: { + width: '830px', + }, + list: { + width: '824px', + }, + }, + theme: newCustomTheme, +}); // ------------------------------NativeSelect----------------------- const dropdownNativeSelect = new CGSelect({ selector: '.cg-dropdown_selectNative', diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js new file mode 100644 index 0000000..28c2d61 --- /dev/null +++ b/example/src/constructor/constructor.js @@ -0,0 +1,68 @@ +import { CGSelect } from '../../../src/cg-select'; + +const body = new CGSelect({ + selector: '.body', + placeholder: 'Select element to style', + items: ['head', 'list', 'placeholder', 'caret', 'search', 'chips', 'lable'], +}); + +const select = new CGSelect({ + selector: '.select', + placeholder: 'Choose a car', + items: [ + 'BMW', + { + id: '213sade', + title: 'Opel', + value: 1, + }, + 'Mersedes', + 'MAN', + 'Ferari', + ], + styles: { + head: {}, + placeholder: {}, + list: {}, + caret: {}, + chips: {}, + search: {}, + lable: {}, + }, +}); + +let valueSelect = ''; + +body.on('select', (e, value) => { + valueSelect = value; + getValueSelect(valueSelect); +}); + +function getValueSelect(value) { + switch (value) { + case 'head': + console.log('lol'); + break; + case 'list': + break; + case 'placeholder': + break; + case 'caret': + break; + case 'search': + break; + case 'chips': + break; + case 'lable': + break; + + default: + break; + } +} + +let textarea = document.querySelector('#styles'); + +textarea.onkeyup = function () { + console.log(textarea.value); +}; diff --git a/example/src/constructor/constructor.scss b/example/src/constructor/constructor.scss new file mode 100644 index 0000000..fa9c566 --- /dev/null +++ b/example/src/constructor/constructor.scss @@ -0,0 +1,10 @@ +.textareaStyle { + resize: none; + border-radius: 5px; + margin-left: 53px; +} + +.constructor { + display: flex; + align-items: center; +} diff --git a/example/example.js b/example/src/example.js similarity index 100% rename from example/example.js rename to example/src/example.js diff --git a/example/themeTest.ts b/example/src/themeTest.ts similarity index 52% rename from example/themeTest.ts rename to example/src/themeTest.ts index 04618e2..ae66df1 100644 --- a/example/themeTest.ts +++ b/example/src/themeTest.ts @@ -4,11 +4,6 @@ export const newCustomTheme: CustomTheme = { name: 'test', styles: { head: 'testClass', - list: 'testClass', - placeholder: 'testClass', - caret: 'testClass', - search: 'testClass', - chips: 'testClass', - lable: 'testClass', + list: 'listTest', }, }; diff --git a/src/cg-select.ts b/src/cg-select.ts index 02a09fc..40a94e0 100644 --- a/src/cg-select.ts +++ b/src/cg-select.ts @@ -917,17 +917,19 @@ export class CGSelect implements ICgSelect { * @param callback * @method on */ - public on(state: string, callback: (state: any) => any) { + public on(state: string, callback: (state: any, value?: string) => any) { const options = this.element?.querySelectorAll('.list__item'); + let value = ''; switch (state) { case 'select': options?.forEach((option: Element) => { option.addEventListener('click', () => { console.log('option:select', option.textContent); + value = option.textContent!; + callback(state, value); }); }); - callback(state); break; case 'close': this.element!.addEventListener('click', () => { From a6b6f020ddd6da5ea74f5bfd526110b8739590cc Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Thu, 16 Feb 2023 19:02:53 +0300 Subject: [PATCH 10/16] Test in textArea --- example/index.html | 2 + example/src/constructor/constructor.js | 79 ++++++++++++++++---------- 2 files changed, 51 insertions(+), 30 deletions(-) diff --git a/example/index.html b/example/index.html index 76d573d..1912f3e 100644 --- a/example/index.html +++ b/example/index.html @@ -332,6 +332,8 @@ class="textareaStyle" placeholder="Enter CSS properties" > + +
diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js index 28c2d61..62d4c2d 100644 --- a/example/src/constructor/constructor.js +++ b/example/src/constructor/constructor.js @@ -6,33 +6,18 @@ const body = new CGSelect({ items: ['head', 'list', 'placeholder', 'caret', 'search', 'chips', 'lable'], }); -const select = new CGSelect({ - selector: '.select', - placeholder: 'Choose a car', - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - styles: { - head: {}, - placeholder: {}, - list: {}, - caret: {}, - chips: {}, - search: {}, - lable: {}, - }, -}); - +let head = ''; +let list = ''; +let placeholder = ''; +let caret = ''; +let chips = ''; +let lable = ''; let valueSelect = ''; +const textarea = document.querySelector('#styles'); +const renderBtn = document.querySelector('.render'); +const saveStyleBtn = document.querySelector('.saveStyle'); + body.on('select', (e, value) => { valueSelect = value; getValueSelect(valueSelect); @@ -41,7 +26,12 @@ body.on('select', (e, value) => { function getValueSelect(value) { switch (value) { case 'head': - console.log('lol'); + // ввод стилей + // background: red; + textarea.onkeyup = function () { + console.log(textarea.value); + head = textarea.value; + }; break; case 'list': break; @@ -61,8 +51,37 @@ function getValueSelect(value) { } } -let textarea = document.querySelector('#styles'); +// Рендер селекта со стилями +renderBtn.addEventListener('click', () => { + // debugger; + // let HEAD = { + // key[0]: key[1] + // }; -textarea.onkeyup = function () { - console.log(textarea.value); -}; + const select = new CGSelect({ + selector: '.select', + placeholder: 'Choose a car', + items: [ + 'BMW', + { + id: '213sade', + title: 'Opel', + value: 1, + }, + 'Mersedes', + 'MAN', + 'Ferari', + ], + styles: { + head: { + background: head, + }, + placeholder: {}, + list: {}, + caret: {}, + chips: {}, + search: {}, + lable: {}, + }, + }); +}); From b206334a8be04270c7af681515c3d59d091425ca Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Fri, 17 Feb 2023 16:03:37 +0300 Subject: [PATCH 11/16] Added constructor select(css) and tested his --- CHANGELOG.md | 2 + README.md | 2 +- READMERU.md | 2 +- docs/index.html | 2 +- example/index.html | 1 + example/src/constructor/constructor.js | 82 +++++++++++++------------- package-lock.json | 4 +- package.json | 2 +- 8 files changed, 49 insertions(+), 48 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 6675a8f..92b3300 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -46,3 +46,5 @@ Tested in JS and React. Errors in work in React applications are revealed. - Fixing bugs related to the cleanup of the select. - Documentation navigation update. - Added icon for example page and documentation. + +##### 00.02.2023 - update 0.2.34 diff --git a/README.md b/README.md index 0886619..c7bf625 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.33 +## version ~ 0.2.34 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/READMERU.md b/READMERU.md index a361de9..09ded38 100644 --- a/READMERU.md +++ b/READMERU.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.33 +## version ~ 0.2.34 Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select. Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое. diff --git a/docs/index.html b/docs/index.html index 99b1f79..9335686 100644 --- a/docs/index.html +++ b/docs/index.html @@ -62,7 +62,7 @@ -

version ~ 0.2.33

+

version ~ 0.2.34

This component allows you to create a custom select. It offers more flexible diff --git a/example/index.html b/example/index.html index 1912f3e..890d4b7 100644 --- a/example/index.html +++ b/example/index.html @@ -331,6 +331,7 @@ rows="5" class="textareaStyle" placeholder="Enter CSS properties" + disabled="disabled" > diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js index 62d4c2d..7aaafe9 100644 --- a/example/src/constructor/constructor.js +++ b/example/src/constructor/constructor.js @@ -3,7 +3,7 @@ import { CGSelect } from '../../../src/cg-select'; const body = new CGSelect({ selector: '.body', placeholder: 'Select element to style', - items: ['head', 'list', 'placeholder', 'caret', 'search', 'chips', 'lable'], + items: ['head', 'list', 'placeholder', 'caret', 'search', 'chips'], }); let head = ''; @@ -11,7 +11,6 @@ let list = ''; let placeholder = ''; let caret = ''; let chips = ''; -let lable = ''; let valueSelect = ''; const textarea = document.querySelector('#styles'); @@ -20,44 +19,41 @@ const saveStyleBtn = document.querySelector('.saveStyle'); body.on('select', (e, value) => { valueSelect = value; + textarea.value = ''; + textarea.removeAttribute('disabled'); getValueSelect(valueSelect); }); function getValueSelect(value) { - switch (value) { - case 'head': - // ввод стилей - // background: red; - textarea.onkeyup = function () { - console.log(textarea.value); + textarea.onkeyup = function () { + switch (value) { + case 'head': + // ввод стилей head = textarea.value; - }; - break; - case 'list': - break; - case 'placeholder': - break; - case 'caret': - break; - case 'search': - break; - case 'chips': - break; - case 'lable': - break; + break; + case 'list': + list = textarea.value; + break; + case 'placeholder': + placeholder = textarea.value; + break; + case 'caret': + caret = textarea.value; + break; + case 'search': + search = textarea.value; + break; + case 'chips': + chips = textarea.value; + break; - default: - break; - } + default: + break; + } + }; } -// Рендер селекта со стилями renderBtn.addEventListener('click', () => { - // debugger; - // let HEAD = { - // key[0]: key[1] - // }; - const select = new CGSelect({ selector: '.select', placeholder: 'Choose a car', @@ -72,16 +68,18 @@ renderBtn.addEventListener('click', () => { 'MAN', 'Ferari', ], - styles: { - head: { - background: head, - }, - placeholder: {}, - list: {}, - caret: {}, - chips: {}, - search: {}, - lable: {}, - }, + searchMode: true, }); + + const drop = document.querySelector('.select'); + let headSelect = drop.querySelector('.cg-select'); + let listSelect = drop.querySelector('.list'); + let placeholderSelect = drop.querySelector('.selected'); + let caretSelect = drop.querySelector('.caret'); + let searchSelect = drop.querySelector('.inputSearch'); + headSelect.setAttribute('style', head); + listSelect.setAttribute('style', list); + placeholderSelect.setAttribute('style', placeholder); + caretSelect.setAttribute('style', caret); + searchSelect.setAttribute('style', search); }); diff --git a/package-lock.json b/package-lock.json index 0399bd1..05304cf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "cg-select", - "version": "0.2.33", + "version": "0.2.34", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "cg-select", - "version": "0.2.33", + "version": "0.2.34", "license": "ISC", "dependencies": { "@parcel/optimizer-css": "^2.8.0", diff --git a/package.json b/package.json index 09cdfdd..a894f7c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cg-select", - "version": "0.2.33", + "version": "0.2.34", "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling", "author": { "name": "CraftGroup", From 93fec79c1edd00cc08a1900d7380c55aa2e859ef Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Fri, 17 Feb 2023 19:56:41 +0300 Subject: [PATCH 12/16] Constructor in working. Added description in style builder --- example/index.html | 14 +++++++++++++- example/src/constructor/constructor.js | 9 +++------ 2 files changed, 16 insertions(+), 7 deletions(-) diff --git a/example/index.html b/example/index.html index 890d4b7..a977315 100644 --- a/example/index.html +++ b/example/index.html @@ -322,6 +322,19 @@

Select constructor

+
+
Select Style Builder:
+

+ This is a constructor for styling a select online without downloading. For it to work, + you need to: +

    +
  1. Select a part of the select for customization.
    2. +
  2. Enter styles in the text field in the form "color: red;".
    3. +
  3. Click on the render button.
    4. +
+ +

+
-
diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js index 7aaafe9..097a98a 100644 --- a/example/src/constructor/constructor.js +++ b/example/src/constructor/constructor.js @@ -3,19 +3,17 @@ import { CGSelect } from '../../../src/cg-select'; const body = new CGSelect({ selector: '.body', placeholder: 'Select element to style', - items: ['head', 'list', 'placeholder', 'caret', 'search', 'chips'], + items: ['head', 'list', 'placeholder', 'caret', 'search'], }); let head = ''; let list = ''; let placeholder = ''; let caret = ''; -let chips = ''; let valueSelect = ''; const textarea = document.querySelector('#styles'); const renderBtn = document.querySelector('.render'); -const saveStyleBtn = document.querySelector('.saveStyle'); body.on('select', (e, value) => { valueSelect = value; @@ -43,9 +41,6 @@ function getValueSelect(value) { case 'search': search = textarea.value; break; - case 'chips': - chips = textarea.value; - break; default: break; @@ -69,6 +64,8 @@ renderBtn.addEventListener('click', () => { 'Ferari', ], searchMode: true, + multiselect: true, + multiselectTag: true, }); const drop = document.querySelector('.select'); From 682332645e046e1feedc9015933d2154bfc3c076 Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Mon, 20 Feb 2023 14:26:47 +0300 Subject: [PATCH 13/16] Finish update 0.2. --- CHANGELOG.md | 7 ++- README.md | 2 +- READMERU.md | 2 +- docs/index.html | 2 +- example/example.scss | 10 ++++ example/index.html | 60 +++++++++++++----------- example/src/constructor/constructor.js | 1 + example/src/constructor/constructor.scss | 8 +++- package-lock.json | 4 +- package.json | 2 +- 10 files changed, 63 insertions(+), 35 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 92b3300..b7cb891 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -47,4 +47,9 @@ Tested in JS and React. Errors in work in React applications are revealed. - Documentation navigation update. - Added icon for example page and documentation. -##### 00.02.2023 - update 0.2.34 +### 20.02.2023 - update 0.2.4 + +- Added ability to create custom themes. +- Added style builder on homepage. +- Fixed documentation. +- Added a block describing how to create your own themes. diff --git a/README.md b/README.md index c7bf625..7b9e6c0 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.34 +## version ~ 0.2.4 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/READMERU.md b/READMERU.md index 09ded38..96a7874 100644 --- a/READMERU.md +++ b/READMERU.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.34 +## version ~ 0.2.4 Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select. Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое. diff --git a/docs/index.html b/docs/index.html index 9335686..5a8e523 100644 --- a/docs/index.html +++ b/docs/index.html @@ -62,7 +62,7 @@ -

version ~ 0.2.34

+

version ~ 0.2.4

This component allows you to create a custom select. It offers more flexible diff --git a/example/example.scss b/example/example.scss index a6ac44a..a4e07c5 100644 --- a/example/example.scss +++ b/example/example.scss @@ -43,6 +43,7 @@ } .header { + position: relative; width: 100%; border-radius: 5px; display: flex; @@ -161,6 +162,7 @@ .description-theme { color: white; + .col { width: 54%; } @@ -258,3 +260,11 @@ pre { height: 40px; } } + +.version { + position: absolute; + color: white; + font-size: 10px; + right: 20px; + bottom: 0px; +} diff --git a/example/index.html b/example/index.html index a977315..8863a25 100644 --- a/example/index.html +++ b/example/index.html @@ -31,6 +31,7 @@

  • Documentation
    • +

    v. 0.2.4

    @@ -193,7 +194,7 @@
    -

    Setting up and adding a theme.

    +

    Setting up and adding a theme

    @@ -322,33 +323,38 @@

    Select constructor

    -
    -
    Select Style Builder:
    -

    - This is a constructor for styling a select online without downloading. For it to work, - you need to: -

      -
    1. Select a part of the select for customization.
      2. -
    2. Enter styles in the text field in the form "color: red;".
      3. -
    3. Click on the render button.
      4. -
    - -

    +
    +
    +
    Select Style Builder:
    +

    + This is a constructor for styling a select online without downloading. For it to work, + you need to: +

      +
    1. Select a part of the select for customization.
      2. +
    2. Enter styles in the text field in the form "color: red;".
      3. +
    3. Click on the render button.
      4. +
    +

    +
    +
    +
    + + + +
    + +
    +
    -
    - - - -
    -
    +
    diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js index 097a98a..4df819e 100644 --- a/example/src/constructor/constructor.js +++ b/example/src/constructor/constructor.js @@ -52,6 +52,7 @@ renderBtn.addEventListener('click', () => { const select = new CGSelect({ selector: '.select', placeholder: 'Choose a car', + label: 'Exemple select', items: [ 'BMW', { diff --git a/example/src/constructor/constructor.scss b/example/src/constructor/constructor.scss index fa9c566..0739c16 100644 --- a/example/src/constructor/constructor.scss +++ b/example/src/constructor/constructor.scss @@ -1,10 +1,16 @@ .textareaStyle { resize: none; border-radius: 5px; - margin-left: 53px; + margin: 15px; } .constructor { display: flex; align-items: center; + flex-direction: column; +} + +.liList { + margin-bottom: 5px; + font-size: 17px; } diff --git a/package-lock.json b/package-lock.json index 05304cf..0807227 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "cg-select", - "version": "0.2.34", + "version": "0.2.4", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "cg-select", - "version": "0.2.34", + "version": "0.2.4", "license": "ISC", "dependencies": { "@parcel/optimizer-css": "^2.8.0", diff --git a/package.json b/package.json index a894f7c..d7e3434 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cg-select", - "version": "0.2.34", + "version": "0.2.4", "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling", "author": { "name": "CraftGroup", From 3702547f995085149ce0c86d7bbac849c0489899 Mon Sep 17 00:00:00 2001 From: Victor Date: Mon, 20 Feb 2023 21:02:04 +0300 Subject: [PATCH 14/16] new version --- docs/.nojekyll | 1 - docs/assets/highlight.css | 92 - docs/assets/main.js | 58 - docs/assets/search.js | 1 - docs/assets/style.css | 1280 ----- docs/classes/cg_select.CGSelect.html | 4248 ----------------- docs/functions/Utils.checkItemStruct.html | 357 -- docs/functions/Utils.clearSelect.html | 382 -- docs/functions/Utils.createSelected.html | 388 -- docs/functions/Utils.customStyles.html | 375 -- docs/functions/Utils.customStylesFormat.html | 364 -- docs/functions/Utils.getFormatItem.html | 373 -- docs/functions/Utils.getSelectText.html | 387 -- .../functions/Utils.nativeOptionMultiple.html | 381 -- .../functions/Utils.nativeOptionOrdinary.html | 372 -- ...ement_create_element.createBreadCrumb.html | 366 -- ...ment_create_element.createInputSearch.html | 338 -- ...ent_create_element.createNativeSelect.html | 315 -- ...eate_element.createNativeSelectOption.html | 316 -- .../components_theme_theme.changeTheme.html | 288 -- docs/index.html | 368 -- ...e_element_interface.ICreateBreadCrumb.html | 539 --- ...nents_utils_urils_interface.IDataItem.html | 487 -- ..._utils_urils_interface.ISelectedItems.html | 657 --- ...erfaces_cg_select_interface.ICgSelect.html | 1263 ----- ...interfaces_cg_select_interface.IStyle.html | 674 --- .../interfaces_items_interface.IItems.html | 464 -- ...terfaces_language_interface.ILanguage.html | 468 -- docs/modules.html | 305 -- docs/modules/Utils.html | 389 -- docs/modules/cg_select.html | 255 - ...ponents_create_element_create_element.html | 314 -- ...eate_element_create_element_interface.html | 262 - docs/modules/components_theme_theme.html | 256 - .../components_utils_urils_interface.html | 280 -- .../interfaces_cg_select_interface.html | 280 -- docs/modules/interfaces_items_interface.html | 256 - .../interfaces_language_interface.html | 258 - docs/modules/language_language.html | 271 -- docs/variables/language_language.en.html | 252 - docs/variables/language_language.ru.html | 252 - example/example.scss | 270 -- example/index.html | 530 -- example/index.js | 265 - example/src/constructor/constructor.js | 83 - example/src/constructor/constructor.scss | 16 - example/src/example.js | 48 - example/src/themeTest.ts | 9 - package.json | 8 +- 49 files changed, 5 insertions(+), 20456 deletions(-) delete mode 100644 docs/.nojekyll delete mode 100644 docs/assets/highlight.css delete mode 100644 docs/assets/main.js delete mode 100644 docs/assets/search.js delete mode 100644 docs/assets/style.css delete mode 100644 docs/classes/cg_select.CGSelect.html delete mode 100644 docs/functions/Utils.checkItemStruct.html delete mode 100644 docs/functions/Utils.clearSelect.html delete mode 100644 docs/functions/Utils.createSelected.html delete mode 100644 docs/functions/Utils.customStyles.html delete mode 100644 docs/functions/Utils.customStylesFormat.html delete mode 100644 docs/functions/Utils.getFormatItem.html delete mode 100644 docs/functions/Utils.getSelectText.html delete mode 100644 docs/functions/Utils.nativeOptionMultiple.html delete mode 100644 docs/functions/Utils.nativeOptionOrdinary.html delete mode 100644 docs/functions/components_create_element_create_element.createBreadCrumb.html delete mode 100644 docs/functions/components_create_element_create_element.createInputSearch.html delete mode 100644 docs/functions/components_create_element_create_element.createNativeSelect.html delete mode 100644 docs/functions/components_create_element_create_element.createNativeSelectOption.html delete mode 100644 docs/functions/components_theme_theme.changeTheme.html delete mode 100644 docs/index.html delete mode 100644 docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html delete mode 100644 docs/interfaces/components_utils_urils_interface.IDataItem.html delete mode 100644 docs/interfaces/components_utils_urils_interface.ISelectedItems.html delete mode 100644 docs/interfaces/interfaces_cg_select_interface.ICgSelect.html delete mode 100644 docs/interfaces/interfaces_cg_select_interface.IStyle.html delete mode 100644 docs/interfaces/interfaces_items_interface.IItems.html delete mode 100644 docs/interfaces/interfaces_language_interface.ILanguage.html delete mode 100644 docs/modules.html delete mode 100644 docs/modules/Utils.html delete mode 100644 docs/modules/cg_select.html delete mode 100644 docs/modules/components_create_element_create_element.html delete mode 100644 docs/modules/components_create_element_create_element_interface.html delete mode 100644 docs/modules/components_theme_theme.html delete mode 100644 docs/modules/components_utils_urils_interface.html delete mode 100644 docs/modules/interfaces_cg_select_interface.html delete mode 100644 docs/modules/interfaces_items_interface.html delete mode 100644 docs/modules/interfaces_language_interface.html delete mode 100644 docs/modules/language_language.html delete mode 100644 docs/variables/language_language.en.html delete mode 100644 docs/variables/language_language.ru.html delete mode 100644 example/example.scss delete mode 100644 example/index.html delete mode 100644 example/index.js delete mode 100644 example/src/constructor/constructor.js delete mode 100644 example/src/constructor/constructor.scss delete mode 100644 example/src/example.js delete mode 100644 example/src/themeTest.ts diff --git a/docs/.nojekyll b/docs/.nojekyll deleted file mode 100644 index e2ac661..0000000 --- a/docs/.nojekyll +++ /dev/null @@ -1 +0,0 @@ -TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false. \ No newline at end of file diff --git a/docs/assets/highlight.css b/docs/assets/highlight.css deleted file mode 100644 index efe4f19..0000000 --- a/docs/assets/highlight.css +++ /dev/null @@ -1,92 +0,0 @@ -:root { - --light-hl-0: #001080; - --dark-hl-0: #9CDCFE; - --light-hl-1: #000000; - --dark-hl-1: #D4D4D4; - --light-hl-2: #A31515; - --dark-hl-2: #CE9178; - --light-hl-3: #267F99; - --dark-hl-3: #4EC9B0; - --light-hl-4: #AF00DB; - --dark-hl-4: #C586C0; - --light-hl-5: #0000FF; - --dark-hl-5: #569CD6; - --light-hl-6: #0070C1; - --dark-hl-6: #4FC1FF; - --light-hl-7: #795E26; - --dark-hl-7: #DCDCAA; - --light-hl-8: #098658; - --dark-hl-8: #B5CEA8; - --light-hl-9: #000000; - --dark-hl-9: #C8C8C8; - --light-code-background: #FFFFFF; - --dark-code-background: #1E1E1E; -} - -@media (prefers-color-scheme: light) { :root { - --hl-0: var(--light-hl-0); - --hl-1: var(--light-hl-1); - --hl-2: var(--light-hl-2); - --hl-3: var(--light-hl-3); - --hl-4: var(--light-hl-4); - --hl-5: var(--light-hl-5); - --hl-6: var(--light-hl-6); - --hl-7: var(--light-hl-7); - --hl-8: var(--light-hl-8); - --hl-9: var(--light-hl-9); - --code-background: var(--light-code-background); -} } - -@media (prefers-color-scheme: dark) { :root { - --hl-0: var(--dark-hl-0); - --hl-1: var(--dark-hl-1); - --hl-2: var(--dark-hl-2); - --hl-3: var(--dark-hl-3); - --hl-4: var(--dark-hl-4); - --hl-5: var(--dark-hl-5); - --hl-6: var(--dark-hl-6); - --hl-7: var(--dark-hl-7); - --hl-8: var(--dark-hl-8); - --hl-9: var(--dark-hl-9); - --code-background: var(--dark-code-background); -} } - -:root[data-theme='light'] { - --hl-0: var(--light-hl-0); - --hl-1: var(--light-hl-1); - --hl-2: var(--light-hl-2); - --hl-3: var(--light-hl-3); - --hl-4: var(--light-hl-4); - --hl-5: var(--light-hl-5); - --hl-6: var(--light-hl-6); - --hl-7: var(--light-hl-7); - --hl-8: var(--light-hl-8); - --hl-9: var(--light-hl-9); - --code-background: var(--light-code-background); -} - -:root[data-theme='dark'] { - --hl-0: var(--dark-hl-0); - --hl-1: var(--dark-hl-1); - --hl-2: var(--dark-hl-2); - --hl-3: var(--dark-hl-3); - --hl-4: var(--dark-hl-4); - --hl-5: var(--dark-hl-5); - --hl-6: var(--dark-hl-6); - --hl-7: var(--dark-hl-7); - --hl-8: var(--dark-hl-8); - --hl-9: var(--dark-hl-9); - --code-background: var(--dark-code-background); -} - -.hl-0 { color: var(--hl-0); } -.hl-1 { color: var(--hl-1); } -.hl-2 { color: var(--hl-2); } -.hl-3 { color: var(--hl-3); } -.hl-4 { color: var(--hl-4); } -.hl-5 { color: var(--hl-5); } -.hl-6 { color: var(--hl-6); } -.hl-7 { color: var(--hl-7); } -.hl-8 { color: var(--hl-8); } -.hl-9 { color: var(--hl-9); } -pre, code { background: var(--code-background); } diff --git a/docs/assets/main.js b/docs/assets/main.js deleted file mode 100644 index d55df03..0000000 --- a/docs/assets/main.js +++ /dev/null @@ -1,58 +0,0 @@ -"use strict"; -"use strict";(()=>{var Qe=Object.create;var ae=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Re=Object.prototype.hasOwnProperty;var _e=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Me=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ce(e))!Re.call(t,i)&&i!==n&&ae(t,i,{get:()=>e[i],enumerable:!(r=Pe(e,i))||r.enumerable});return t};var De=(t,e,n)=>(n=t!=null?Qe(Oe(t)):{},Me(e||!t||!t.__esModule?ae(n,"default",{value:t,enumerable:!0}):n,t));var de=_e((ce,he)=>{(function(){var t=function(e){var n=new t.Builder;return n.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),n.searchPipeline.add(t.stemmer),e.call(n,n),n.build()};t.version="2.3.9";t.utils={},t.utils.warn=function(e){return function(n){e.console&&console.warn&&console.warn(n)}}(this),t.utils.asString=function(e){return e==null?"":e.toString()},t.utils.clone=function(e){if(e==null)return e;for(var n=Object.create(null),r=Object.keys(e),i=0;i0){var h=t.utils.clone(n)||{};h.position=[a,l],h.index=s.length,s.push(new t.Token(r.slice(a,o),h))}a=o+1}}return s},t.tokenizer.separator=/[\s\-]+/;t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions=Object.create(null),t.Pipeline.registerFunction=function(e,n){n in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+n),e.label=n,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var n=e.label&&e.label in this.registeredFunctions;n||t.utils.warn(`Function is not registered with pipeline. This may cause problems when serialising the index. -`,e)},t.Pipeline.load=function(e){var n=new t.Pipeline;return e.forEach(function(r){var i=t.Pipeline.registeredFunctions[r];if(i)n.add(i);else throw new Error("Cannot load unregistered function: "+r)}),n},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(n){t.Pipeline.warnIfFunctionNotRegistered(n),this._stack.push(n)},this)},t.Pipeline.prototype.after=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var r=this._stack.indexOf(e);if(r==-1)throw new Error("Cannot find existingFn");r=r+1,this._stack.splice(r,0,n)},t.Pipeline.prototype.before=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var r=this._stack.indexOf(e);if(r==-1)throw new Error("Cannot find existingFn");this._stack.splice(r,0,n)},t.Pipeline.prototype.remove=function(e){var n=this._stack.indexOf(e);n!=-1&&this._stack.splice(n,1)},t.Pipeline.prototype.run=function(e){for(var n=this._stack.length,r=0;r1&&(oe&&(r=s),o!=e);)i=r-n,s=n+Math.floor(i/2),o=this.elements[s*2];if(o==e||o>e)return s*2;if(ou?h+=2:a==u&&(n+=r[l+1]*i[h+1],l+=2,h+=2);return n},t.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},t.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),n=1,r=0;n0){var o=s.str.charAt(0),a;o in s.node.edges?a=s.node.edges[o]:(a=new t.TokenSet,s.node.edges[o]=a),s.str.length==1&&(a.final=!0),i.push({node:a,editsRemaining:s.editsRemaining,str:s.str.slice(1)})}if(s.editsRemaining!=0){if("*"in s.node.edges)var u=s.node.edges["*"];else{var u=new t.TokenSet;s.node.edges["*"]=u}if(s.str.length==0&&(u.final=!0),i.push({node:u,editsRemaining:s.editsRemaining-1,str:s.str}),s.str.length>1&&i.push({node:s.node,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)}),s.str.length==1&&(s.node.final=!0),s.str.length>=1){if("*"in s.node.edges)var l=s.node.edges["*"];else{var l=new t.TokenSet;s.node.edges["*"]=l}s.str.length==1&&(l.final=!0),i.push({node:l,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)})}if(s.str.length>1){var h=s.str.charAt(0),m=s.str.charAt(1),v;m in s.node.edges?v=s.node.edges[m]:(v=new t.TokenSet,s.node.edges[m]=v),s.str.length==1&&(v.final=!0),i.push({node:v,editsRemaining:s.editsRemaining-1,str:h+s.str.slice(2)})}}}return r},t.TokenSet.fromString=function(e){for(var n=new t.TokenSet,r=n,i=0,s=e.length;i=e;n--){var r=this.uncheckedNodes[n],i=r.child.toString();i in this.minimizedNodes?r.parent.edges[r.char]=this.minimizedNodes[i]:(r.child._str=i,this.minimizedNodes[i]=r.child),this.uncheckedNodes.pop()}};t.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},t.Index.prototype.search=function(e){return this.query(function(n){var r=new t.QueryParser(e,n);r.parse()})},t.Index.prototype.query=function(e){for(var n=new t.Query(this.fields),r=Object.create(null),i=Object.create(null),s=Object.create(null),o=Object.create(null),a=Object.create(null),u=0;u1?this._b=1:this._b=e},t.Builder.prototype.k1=function(e){this._k1=e},t.Builder.prototype.add=function(e,n){var r=e[this._ref],i=Object.keys(this._fields);this._documents[r]=n||{},this.documentCount+=1;for(var s=0;s=this.length)return t.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},t.QueryLexer.prototype.width=function(){return this.pos-this.start},t.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},t.QueryLexer.prototype.backup=function(){this.pos-=1},t.QueryLexer.prototype.acceptDigitRun=function(){var e,n;do e=this.next(),n=e.charCodeAt(0);while(n>47&&n<58);e!=t.QueryLexer.EOS&&this.backup()},t.QueryLexer.prototype.more=function(){return this.pos1&&(e.backup(),e.emit(t.QueryLexer.TERM)),e.ignore(),e.more())return t.QueryLexer.lexText},t.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.EDIT_DISTANCE),t.QueryLexer.lexText},t.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.BOOST),t.QueryLexer.lexText},t.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(t.QueryLexer.TERM)},t.QueryLexer.termSeparator=t.tokenizer.separator,t.QueryLexer.lexText=function(e){for(;;){var n=e.next();if(n==t.QueryLexer.EOS)return t.QueryLexer.lexEOS;if(n.charCodeAt(0)==92){e.escapeCharacter();continue}if(n==":")return t.QueryLexer.lexField;if(n=="~")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexEditDistance;if(n=="^")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexBoost;if(n=="+"&&e.width()===1||n=="-"&&e.width()===1)return e.emit(t.QueryLexer.PRESENCE),t.QueryLexer.lexText;if(n.match(t.QueryLexer.termSeparator))return t.QueryLexer.lexTerm}},t.QueryParser=function(e,n){this.lexer=new t.QueryLexer(e),this.query=n,this.currentClause={},this.lexemeIdx=0},t.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=t.QueryParser.parseClause;e;)e=e(this);return this.query},t.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},t.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},t.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},t.QueryParser.parseClause=function(e){var n=e.peekLexeme();if(n!=null)switch(n.type){case t.QueryLexer.PRESENCE:return t.QueryParser.parsePresence;case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var r="expected either a field or a term, found "+n.type;throw n.str.length>=1&&(r+=" with value '"+n.str+"'"),new t.QueryParseError(r,n.start,n.end)}},t.QueryParser.parsePresence=function(e){var n=e.consumeLexeme();if(n!=null){switch(n.str){case"-":e.currentClause.presence=t.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=t.Query.presence.REQUIRED;break;default:var r="unrecognised presence operator'"+n.str+"'";throw new t.QueryParseError(r,n.start,n.end)}var i=e.peekLexeme();if(i==null){var r="expecting term or field, found nothing";throw new t.QueryParseError(r,n.start,n.end)}switch(i.type){case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var r="expecting term or field, found '"+i.type+"'";throw new t.QueryParseError(r,i.start,i.end)}}},t.QueryParser.parseField=function(e){var n=e.consumeLexeme();if(n!=null){if(e.query.allFields.indexOf(n.str)==-1){var r=e.query.allFields.map(function(o){return"'"+o+"'"}).join(", "),i="unrecognised field '"+n.str+"', possible fields: "+r;throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.fields=[n.str];var s=e.peekLexeme();if(s==null){var i="expecting term, found nothing";throw new t.QueryParseError(i,n.start,n.end)}switch(s.type){case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var i="expecting term, found '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseTerm=function(e){var n=e.consumeLexeme();if(n!=null){e.currentClause.term=n.str.toLowerCase(),n.str.indexOf("*")!=-1&&(e.currentClause.usePipeline=!1);var r=e.peekLexeme();if(r==null){e.nextClause();return}switch(r.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+r.type+"'";throw new t.QueryParseError(i,r.start,r.end)}}},t.QueryParser.parseEditDistance=function(e){var n=e.consumeLexeme();if(n!=null){var r=parseInt(n.str,10);if(isNaN(r)){var i="edit distance must be numeric";throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.editDistance=r;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseBoost=function(e){var n=e.consumeLexeme();if(n!=null){var r=parseInt(n.str,10);if(isNaN(r)){var i="boost must be numeric";throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.boost=r;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},function(e,n){typeof define=="function"&&define.amd?define(n):typeof ce=="object"?he.exports=n():e.lunr=n()}(this,function(){return t})})()});var le=[];function B(t,e){le.push({selector:e,constructor:t})}var Y=class{constructor(){this.alwaysVisibleMember=null;this.createComponents(document.body),this.ensureFocusedElementVisible(),window.addEventListener("hashchange",()=>this.ensureFocusedElementVisible())}createComponents(e){le.forEach(n=>{e.querySelectorAll(n.selector).forEach(r=>{r.dataset.hasInstance||(new n.constructor({el:r,app:this}),r.dataset.hasInstance=String(!0))})})}filterChanged(){this.ensureFocusedElementVisible()}ensureFocusedElementVisible(){this.alwaysVisibleMember&&(this.alwaysVisibleMember.classList.remove("always-visible"),this.alwaysVisibleMember.firstElementChild.remove(),this.alwaysVisibleMember=null);let e=document.getElementById(location.hash.substring(1));if(!e)return;let n=e.parentElement;for(;n.tagName!=="SECTION";)n=n.parentElement;if(n.offsetParent==null){this.alwaysVisibleMember=n,n.classList.add("always-visible");let r=document.createElement("p");r.classList.add("warning"),r.textContent="This member is normally hidden due to your filter settings.",n.prepend(r)}}};var I=class{constructor(e){this.el=e.el,this.app=e.app}};var J=class{constructor(){this.listeners={}}addEventListener(e,n){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push(n)}removeEventListener(e,n){if(!(e in this.listeners))return;let r=this.listeners[e];for(let i=0,s=r.length;i{let n=Date.now();return(...r)=>{n+e-Date.now()<0&&(t(...r),n=Date.now())}};var re=class extends J{constructor(){super();this.scrollTop=0;this.lastY=0;this.width=0;this.height=0;this.showToolbar=!0;this.toolbar=document.querySelector(".tsd-page-toolbar"),this.navigation=document.querySelector(".col-menu"),window.addEventListener("scroll",ne(()=>this.onScroll(),10)),window.addEventListener("resize",ne(()=>this.onResize(),10)),this.searchInput=document.querySelector("#tsd-search input"),this.searchInput&&this.searchInput.addEventListener("focus",()=>{this.hideShowToolbar()}),this.onResize(),this.onScroll()}triggerResize(){let n=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(n)}onResize(){this.width=window.innerWidth||0,this.height=window.innerHeight||0;let n=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(n)}onScroll(){this.scrollTop=window.scrollY||0;let n=new CustomEvent("scroll",{detail:{scrollTop:this.scrollTop}});this.dispatchEvent(n),this.hideShowToolbar()}hideShowToolbar(){let n=this.showToolbar;this.showToolbar=this.lastY>=this.scrollTop||this.scrollTop<=0||!!this.searchInput&&this.searchInput===document.activeElement,n!==this.showToolbar&&(this.toolbar.classList.toggle("tsd-page-toolbar--hide"),this.navigation?.classList.toggle("col-menu--hide")),this.lastY=this.scrollTop}},R=re;R.instance=new re;var X=class extends I{constructor(n){super(n);this.anchors=[];this.index=-1;R.instance.addEventListener("resize",()=>this.onResize()),R.instance.addEventListener("scroll",r=>this.onScroll(r)),this.createAnchors()}createAnchors(){let n=window.location.href;n.indexOf("#")!=-1&&(n=n.substring(0,n.indexOf("#"))),this.el.querySelectorAll("a").forEach(r=>{let i=r.href;if(i.indexOf("#")==-1||i.substring(0,n.length)!=n)return;let s=i.substring(i.indexOf("#")+1),o=document.querySelector("a.tsd-anchor[name="+s+"]"),a=r.parentNode;!o||!a||this.anchors.push({link:a,anchor:o,position:0})}),this.onResize()}onResize(){let n;for(let i=0,s=this.anchors.length;ii.position-s.position);let r=new CustomEvent("scroll",{detail:{scrollTop:R.instance.scrollTop}});this.onScroll(r)}onScroll(n){let r=n.detail.scrollTop+5,i=this.anchors,s=i.length-1,o=this.index;for(;o>-1&&i[o].position>r;)o-=1;for(;o-1&&this.anchors[this.index].link.classList.remove("focus"),this.index=o,this.index>-1&&this.anchors[this.index].link.classList.add("focus"))}};var ue=(t,e=100)=>{let n;return()=>{clearTimeout(n),n=setTimeout(()=>t(),e)}};var me=De(de());function ve(){let t=document.getElementById("tsd-search");if(!t)return;let e=document.getElementById("search-script");t.classList.add("loading"),e&&(e.addEventListener("error",()=>{t.classList.remove("loading"),t.classList.add("failure")}),e.addEventListener("load",()=>{t.classList.remove("loading"),t.classList.add("ready")}),window.searchData&&t.classList.remove("loading"));let n=document.querySelector("#tsd-search input"),r=document.querySelector("#tsd-search .results");if(!n||!r)throw new Error("The input field or the result list wrapper was not found");let i=!1;r.addEventListener("mousedown",()=>i=!0),r.addEventListener("mouseup",()=>{i=!1,t.classList.remove("has-focus")}),n.addEventListener("focus",()=>t.classList.add("has-focus")),n.addEventListener("blur",()=>{i||(i=!1,t.classList.remove("has-focus"))});let s={base:t.dataset.base+"/"};Fe(t,r,n,s)}function Fe(t,e,n,r){n.addEventListener("input",ue(()=>{He(t,e,n,r)},200));let i=!1;n.addEventListener("keydown",s=>{i=!0,s.key=="Enter"?Ve(e,n):s.key=="Escape"?n.blur():s.key=="ArrowUp"?pe(e,-1):s.key==="ArrowDown"?pe(e,1):i=!1}),n.addEventListener("keypress",s=>{i&&s.preventDefault()}),document.body.addEventListener("keydown",s=>{s.altKey||s.ctrlKey||s.metaKey||!n.matches(":focus")&&s.key==="/"&&(n.focus(),s.preventDefault())})}function Ae(t,e){t.index||window.searchData&&(e.classList.remove("loading"),e.classList.add("ready"),t.data=window.searchData,t.index=me.Index.load(window.searchData.index))}function He(t,e,n,r){if(Ae(r,t),!r.index||!r.data)return;e.textContent="";let i=n.value.trim(),s=i?r.index.search(`*${i}*`):[];for(let o=0;oa.score-o.score);for(let o=0,a=Math.min(10,s.length);o${fe(u.parent,i)}.${l}`);let h=document.createElement("li");h.classList.value=u.classes??"";let m=document.createElement("a");m.href=r.base+u.url,m.innerHTML=l,h.append(m),e.appendChild(h)}}function pe(t,e){let n=t.querySelector(".current");if(!n)n=t.querySelector(e==1?"li:first-child":"li:last-child"),n&&n.classList.add("current");else{let r=n;if(e===1)do r=r.nextElementSibling??void 0;while(r instanceof HTMLElement&&r.offsetParent==null);else do r=r.previousElementSibling??void 0;while(r instanceof HTMLElement&&r.offsetParent==null);r&&(n.classList.remove("current"),r.classList.add("current"))}}function Ve(t,e){let n=t.querySelector(".current");if(n||(n=t.querySelector("li:first-child")),n){let r=n.querySelector("a");r&&(window.location.href=r.href),e.blur()}}function fe(t,e){if(e==="")return t;let n=t.toLocaleLowerCase(),r=e.toLocaleLowerCase(),i=[],s=0,o=n.indexOf(r);for(;o!=-1;)i.push(ie(t.substring(s,o)),`${ie(t.substring(o,o+r.length))}`),s=o+r.length,o=n.indexOf(r,s);return i.push(ie(t.substring(s))),i.join("")}var Ne={"&":"&","<":"<",">":">","'":"'",'"':"""};function ie(t){return t.replace(/[&<>"'"]/g,e=>Ne[e])}var F="mousedown",ye="mousemove",j="mouseup",Z={x:0,y:0},ge=!1,se=!1,Be=!1,A=!1,xe=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);document.documentElement.classList.add(xe?"is-mobile":"not-mobile");xe&&"ontouchstart"in document.documentElement&&(Be=!0,F="touchstart",ye="touchmove",j="touchend");document.addEventListener(F,t=>{se=!0,A=!1;let e=F=="touchstart"?t.targetTouches[0]:t;Z.y=e.pageY||0,Z.x=e.pageX||0});document.addEventListener(ye,t=>{if(se&&!A){let e=F=="touchstart"?t.targetTouches[0]:t,n=Z.x-(e.pageX||0),r=Z.y-(e.pageY||0);A=Math.sqrt(n*n+r*r)>10}});document.addEventListener(j,()=>{se=!1});document.addEventListener("click",t=>{ge&&(t.preventDefault(),t.stopImmediatePropagation(),ge=!1)});var K=class extends I{constructor(n){super(n);this.className=this.el.dataset.toggle||"",this.el.addEventListener(j,r=>this.onPointerUp(r)),this.el.addEventListener("click",r=>r.preventDefault()),document.addEventListener(F,r=>this.onDocumentPointerDown(r)),document.addEventListener(j,r=>this.onDocumentPointerUp(r))}setActive(n){if(this.active==n)return;this.active=n,document.documentElement.classList.toggle("has-"+this.className,n),this.el.classList.toggle("active",n);let r=(this.active?"to-has-":"from-has-")+this.className;document.documentElement.classList.add(r),setTimeout(()=>document.documentElement.classList.remove(r),500)}onPointerUp(n){A||(this.setActive(!0),n.preventDefault())}onDocumentPointerDown(n){if(this.active){if(n.target.closest(".col-menu, .tsd-filter-group"))return;this.setActive(!1)}}onDocumentPointerUp(n){if(!A&&this.active&&n.target.closest(".col-menu")){let r=n.target.closest("a");if(r){let i=window.location.href;i.indexOf("#")!=-1&&(i=i.substring(0,i.indexOf("#"))),r.href.substring(0,i.length)==i&&setTimeout(()=>this.setActive(!1),250)}}}};var oe;try{oe=localStorage}catch{oe={getItem(){return null},setItem(){}}}var Q=oe;var Le=document.head.appendChild(document.createElement("style"));Le.dataset.for="filters";var ee=class extends I{constructor(n){super(n);this.key=`filter-${this.el.name}`,this.value=this.el.checked,this.el.addEventListener("change",()=>{this.setLocalStorage(this.el.checked)}),this.setLocalStorage(this.fromLocalStorage()),Le.innerHTML+=`html:not(.${this.key}) .tsd-is-${this.el.name} { display: none; } -`}fromLocalStorage(){let n=Q.getItem(this.key);return n?n==="true":this.el.checked}setLocalStorage(n){Q.setItem(this.key,n.toString()),this.value=n,this.handleValueChange()}handleValueChange(){this.el.checked=this.value,document.documentElement.classList.toggle(this.key,this.value),this.app.filterChanged(),document.querySelectorAll(".tsd-index-section").forEach(n=>{n.style.display="block";let r=Array.from(n.querySelectorAll(".tsd-index-link")).every(i=>i.offsetParent==null);n.style.display=r?"none":"block"})}};var te=class extends I{constructor(n){super(n);this.calculateHeights(),this.summary=this.el.querySelector(".tsd-accordion-summary"),this.icon=this.summary.querySelector("svg"),this.key=`tsd-accordion-${this.summary.textContent.replace(/\s+/g,"-").toLowerCase()}`,this.setLocalStorage(this.fromLocalStorage(),!0),this.summary.addEventListener("click",r=>this.toggleVisibility(r)),this.icon.style.transform=this.getIconRotation()}getIconRotation(n=this.el.open){return`rotate(${n?0:-90}deg)`}calculateHeights(){let n=this.el.open,{position:r,left:i}=this.el.style;this.el.style.position="fixed",this.el.style.left="-9999px",this.el.open=!0,this.expandedHeight=this.el.offsetHeight+"px",this.el.open=!1,this.collapsedHeight=this.el.offsetHeight+"px",this.el.open=n,this.el.style.height=n?this.expandedHeight:this.collapsedHeight,this.el.style.position=r,this.el.style.left=i}toggleVisibility(n){n.preventDefault(),this.el.style.overflow="hidden",this.el.open?this.collapse():this.expand()}expand(n=!0){this.el.open=!0,this.animate(this.collapsedHeight,this.expandedHeight,{opening:!0,duration:n?300:0})}collapse(n=!0){this.animate(this.expandedHeight,this.collapsedHeight,{opening:!1,duration:n?300:0})}animate(n,r,{opening:i,duration:s=300}){if(this.animation)return;let o={duration:s,easing:"ease"};this.animation=this.el.animate({height:[n,r]},o),this.icon.animate({transform:[this.icon.style.transform||this.getIconRotation(!i),this.getIconRotation(i)]},o).addEventListener("finish",()=>{this.icon.style.transform=this.getIconRotation(i)}),this.animation.addEventListener("finish",()=>this.animationEnd(i))}animationEnd(n){this.el.open=n,this.animation=void 0,this.el.style.height="auto",this.el.style.overflow="visible",this.setLocalStorage(n)}fromLocalStorage(){let n=Q.getItem(this.key);return n?n==="true":this.el.open}setLocalStorage(n,r=!1){this.fromLocalStorage()===n&&!r||(Q.setItem(this.key,n.toString()),this.el.open=n,this.handleValueChange(r))}handleValueChange(n=!1){this.fromLocalStorage()===this.el.open&&!n||(this.fromLocalStorage()?this.expand(!1):this.collapse(!1))}};function be(t){let e=Q.getItem("tsd-theme")||"os";t.value=e,Ee(e),t.addEventListener("change",()=>{Q.setItem("tsd-theme",t.value),Ee(t.value)})}function Ee(t){document.documentElement.dataset.theme=t}ve();B(X,".menu-highlight");B(K,"a[data-toggle]");B(te,".tsd-index-accordion");B(ee,".tsd-filter-item input[type=checkbox]");var we=document.getElementById("theme");we&&be(we);var je=new Y;Object.defineProperty(window,"app",{value:je});})(); -/*! Bundled license information: - -lunr/lunr.js: - (** - * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9 - * Copyright (C) 2020 Oliver Nightingale - * @license MIT - *) - (*! - * lunr.utils - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Set - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.tokenizer - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Pipeline - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Vector - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.stemmer - * Copyright (C) 2020 Oliver Nightingale - * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt - *) - (*! - * lunr.stopWordFilter - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.trimmer - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.TokenSet - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Index - * Copyright (C) 2020 Oliver Nightingale - *) - (*! - * lunr.Builder - * Copyright (C) 2020 Oliver Nightingale - *) -*/ diff --git a/docs/assets/search.js b/docs/assets/search.js deleted file mode 100644 index cb0d42c..0000000 --- a/docs/assets/search.js +++ /dev/null @@ -1 +0,0 @@ -window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"32\":\"Variable\",\"64\":\"Function\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"262144\":\"Accessor\",\"8388608\":\"Reference\"},\"rows\":[{\"kind\":2,\"name\":\"cg-select\",\"url\":\"modules/cg_select.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"CGSelect\",\"url\":\"classes/cg_select.CGSelect.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"cg-select\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/cg_select.CGSelect.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selector\",\"url\":\"classes/cg_select.CGSelect.html#selector\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"classes/cg_select.CGSelect.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"classes/cg_select.CGSelect.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"items\",\"url\":\"classes/cg_select.CGSelect.html#items\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"classes/cg_select.CGSelect.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"searchMode\",\"url\":\"classes/cg_select.CGSelect.html#searchMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"closeOnSelect\",\"url\":\"classes/cg_select.CGSelect.html#closeOnSelect\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"nativeSelectMode\",\"url\":\"classes/cg_select.CGSelect.html#nativeSelectMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"listDisplayMode\",\"url\":\"classes/cg_select.CGSelect.html#listDisplayMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"language\",\"url\":\"classes/cg_select.CGSelect.html#language\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"classes/cg_select.CGSelect.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"styles\",\"url\":\"classes/cg_select.CGSelect.html#styles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"event\",\"url\":\"classes/cg_select.CGSelect.html#event\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"url\",\"url\":\"classes/cg_select.CGSelect.html#url\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"multiselect\",\"url\":\"classes/cg_select.CGSelect.html#multiselect\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"classes/cg_select.CGSelect.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"element\",\"url\":\"classes/cg_select.CGSelect.html#element\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"list\",\"url\":\"classes/cg_select.CGSelect.html#list\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"options\",\"url\":\"classes/cg_select.CGSelect.html#options\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"randomId\",\"url\":\"classes/cg_select.CGSelect.html#randomId\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"caret\",\"url\":\"classes/cg_select.CGSelect.html#caret\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"category\",\"url\":\"classes/cg_select.CGSelect.html#category\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"classes/cg_select.CGSelect.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"classes/cg_select.CGSelect.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"btnCntr\",\"url\":\"classes/cg_select.CGSelect.html#btnCntr\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":262144,\"name\":\"value\",\"url\":\"classes/cg_select.CGSelect.html#value\",\"classes\":\"tsd-kind-accessor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":262144,\"name\":\"indexesOf\",\"url\":\"classes/cg_select.CGSelect.html#indexesOf\",\"classes\":\"tsd-kind-accessor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"init\",\"url\":\"classes/cg_select.CGSelect.html#init\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"render\",\"url\":\"classes/cg_select.CGSelect.html#render\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"renderUrl\",\"url\":\"classes/cg_select.CGSelect.html#renderUrl\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"initSelected\",\"url\":\"classes/cg_select.CGSelect.html#initSelected\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"initEvent\",\"url\":\"classes/cg_select.CGSelect.html#initEvent\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"open\",\"url\":\"classes/cg_select.CGSelect.html#open\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"close\",\"url\":\"classes/cg_select.CGSelect.html#close\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"closeSelectClick\",\"url\":\"classes/cg_select.CGSelect.html#closeSelectClick\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addOptionsBehaviour\",\"url\":\"classes/cg_select.CGSelect.html#addOptionsBehaviour\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"selectMode\",\"url\":\"classes/cg_select.CGSelect.html#selectMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"searchModeSelect\",\"url\":\"classes/cg_select.CGSelect.html#searchModeSelect\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"displayMode\",\"url\":\"classes/cg_select.CGSelect.html#displayMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"getElement\",\"url\":\"classes/cg_select.CGSelect.html#getElement\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addLanguage\",\"url\":\"classes/cg_select.CGSelect.html#addLanguage\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"buttonControl\",\"url\":\"classes/cg_select.CGSelect.html#buttonControl\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"disabled\",\"url\":\"classes/cg_select.CGSelect.html#disabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addItem\",\"url\":\"classes/cg_select.CGSelect.html#addItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"deleteItem\",\"url\":\"classes/cg_select.CGSelect.html#deleteItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"deleteItemAll\",\"url\":\"classes/cg_select.CGSelect.html#deleteItemAll\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"selectIndex\",\"url\":\"classes/cg_select.CGSelect.html#selectIndex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"on\",\"url\":\"classes/cg_select.CGSelect.html#on\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2,\"name\":\"cg-select\",\"url\":\"modules/cg_select-1.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":8388608,\"name\":\"CGSelect\",\"url\":\"modules/cg_select-1.html#CGSelect\",\"classes\":\"tsd-kind-reference tsd-parent-kind-module\",\"parent\":\"cg-select\"},{\"kind\":2,\"name\":\"interfaces/cg-select.interface\",\"url\":\"modules/interfaces_cg_select_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ICgSelect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/cg-select.interface\"},{\"kind\":1024,\"name\":\"selector\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#selector\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"items\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#items\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"searchMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#searchMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"closeOnSelect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#closeOnSelect\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"nativeSelectMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#nativeSelectMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"listDisplayMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#listDisplayMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"language\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#language\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"styles\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#styles\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"event\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#event\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"url\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#url\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"multiselect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#multiselect\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":256,\"name\":\"IStyle\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/cg-select.interface\"},{\"kind\":1024,\"name\":\"head\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#head\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"caret\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#caret\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"list\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#list\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"search\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#search\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"chips\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#chips\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":2,\"name\":\"interfaces/items.interface\",\"url\":\"modules/interfaces_items_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IItems\",\"url\":\"interfaces/interfaces_items_interface.IItems.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/items.interface\"},{\"kind\":1024,\"name\":\"id\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#id\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":1024,\"name\":\"title\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#title\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":1024,\"name\":\"value\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#value\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":2,\"name\":\"interfaces/language.interface\",\"url\":\"modules/interfaces_language_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ILanguage\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/language.interface\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":1024,\"name\":\"selectPlaceholder\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#selectPlaceholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":1024,\"name\":\"textInListSearch\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#textInListSearch\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":2,\"name\":\"language/language\",\"url\":\"modules/language_language.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":32,\"name\":\"ru\",\"url\":\"variables/language_language.ru.html\",\"classes\":\"tsd-kind-variable tsd-parent-kind-module\",\"parent\":\"language/language\"},{\"kind\":32,\"name\":\"en\",\"url\":\"variables/language_language.en.html\",\"classes\":\"tsd-kind-variable tsd-parent-kind-module\",\"parent\":\"language/language\"},{\"kind\":2,\"name\":\"components/create-element/create-element.interface\",\"url\":\"modules/components_create_element_create_element_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ICreateBreadCrumb\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element.interface\"},{\"kind\":1024,\"name\":\"element\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#element\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"option\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#option\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":2,\"name\":\"components/create-element/create-element\",\"url\":\"modules/components_create_element_create_element.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"createNativeSelect\",\"url\":\"functions/components_create_element_create_element.createNativeSelect.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createNativeSelectOption\",\"url\":\"functions/components_create_element_create_element.createNativeSelectOption.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createBreadCrumb\",\"url\":\"functions/components_create_element_create_element.createBreadCrumb.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createInputSearch\",\"url\":\"functions/components_create_element_create_element.createInputSearch.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":2,\"name\":\"components/theme/theme\",\"url\":\"modules/components_theme_theme.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"changeTheme\",\"url\":\"functions/components_theme_theme.changeTheme.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/theme/theme\"},{\"kind\":2,\"name\":\"components/utils/urils.interface\",\"url\":\"modules/components_utils_urils_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IDataItem\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/utils/urils.interface\"},{\"kind\":1024,\"name\":\"category\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#category\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":1024,\"name\":\"categoryItems\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#categoryItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":1024,\"name\":\"ItemValue\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#ItemValue\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":256,\"name\":\"ISelectedItems\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/utils/urils.interface\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":2,\"name\":\"Utils\",\"url\":\"modules/Utils.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"getFormatItem\",\"url\":\"functions/Utils.getFormatItem.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"getSelectText\",\"url\":\"functions/Utils.getSelectText.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"checkItemStruct\",\"url\":\"functions/Utils.checkItemStruct.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"createSelected\",\"url\":\"functions/Utils.createSelected.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"clearSelect\",\"url\":\"functions/Utils.clearSelect.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"nativeOptionOrdinary\",\"url\":\"functions/Utils.nativeOptionOrdinary.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"nativeOptionMultiple\",\"url\":\"functions/Utils.nativeOptionMultiple.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"customStyles\",\"url\":\"functions/Utils.customStyles.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"customStylesFormat\",\"url\":\"functions/Utils.customStylesFormat.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,28.805,1,28.805]],[\"comment/0\",[]],[\"name/1\",[2,40.217]],[\"comment/1\",[]],[\"name/2\",[3,45.437]],[\"comment/2\",[]],[\"name/3\",[4,40.217]],[\"comment/3\",[]],[\"name/4\",[5,36.779]],[\"comment/4\",[]],[\"name/5\",[6,32.16]],[\"comment/5\",[]],[\"name/6\",[7,40.217]],[\"comment/6\",[]],[\"name/7\",[8,36.779]],[\"comment/7\",[]],[\"name/8\",[9,40.217]],[\"comment/8\",[]],[\"name/9\",[10,40.217]],[\"comment/9\",[]],[\"name/10\",[11,40.217]],[\"comment/10\",[]],[\"name/11\",[12,40.217]],[\"comment/11\",[]],[\"name/12\",[13,40.217]],[\"comment/12\",[]],[\"name/13\",[14,36.779]],[\"comment/13\",[]],[\"name/14\",[15,40.217]],[\"comment/14\",[]],[\"name/15\",[16,40.217]],[\"comment/15\",[]],[\"name/16\",[17,40.217]],[\"comment/16\",[]],[\"name/17\",[18,40.217]],[\"comment/17\",[]],[\"name/18\",[19,36.779]],[\"comment/18\",[]],[\"name/19\",[20,36.779]],[\"comment/19\",[]],[\"name/20\",[21,40.217]],[\"comment/20\",[]],[\"name/21\",[22,45.437]],[\"comment/21\",[]],[\"name/22\",[23,45.437]],[\"comment/22\",[]],[\"name/23\",[24,40.217]],[\"comment/23\",[]],[\"name/24\",[25,40.217]],[\"comment/24\",[]],[\"name/25\",[26,36.779]],[\"comment/25\",[]],[\"name/26\",[27,36.779]],[\"comment/26\",[]],[\"name/27\",[28,45.437]],[\"comment/27\",[]],[\"name/28\",[29,40.217]],[\"comment/28\",[]],[\"name/29\",[30,45.437]],[\"comment/29\",[]],[\"name/30\",[31,45.437]],[\"comment/30\",[]],[\"name/31\",[32,45.437]],[\"comment/31\",[]],[\"name/32\",[33,45.437]],[\"comment/32\",[]],[\"name/33\",[34,45.437]],[\"comment/33\",[]],[\"name/34\",[35,45.437]],[\"comment/34\",[]],[\"name/35\",[36,45.437]],[\"comment/35\",[]],[\"name/36\",[37,45.437]],[\"comment/36\",[]],[\"name/37\",[38,45.437]],[\"comment/37\",[]],[\"name/38\",[39,45.437]],[\"comment/38\",[]],[\"name/39\",[40,45.437]],[\"comment/39\",[]],[\"name/40\",[41,45.437]],[\"comment/40\",[]],[\"name/41\",[42,45.437]],[\"comment/41\",[]],[\"name/42\",[43,45.437]],[\"comment/42\",[]],[\"name/43\",[44,45.437]],[\"comment/43\",[]],[\"name/44\",[45,45.437]],[\"comment/44\",[]],[\"name/45\",[46,45.437]],[\"comment/45\",[]],[\"name/46\",[47,45.437]],[\"comment/46\",[]],[\"name/47\",[48,45.437]],[\"comment/47\",[]],[\"name/48\",[49,45.437]],[\"comment/48\",[]],[\"name/49\",[50,45.437]],[\"comment/49\",[]],[\"name/50\",[51,45.437]],[\"comment/50\",[]],[\"name/51\",[0,28.805,1,28.805]],[\"comment/51\",[]],[\"name/52\",[2,40.217]],[\"comment/52\",[]],[\"name/53\",[52,32.543,53,32.543]],[\"comment/53\",[]],[\"name/54\",[54,45.437]],[\"comment/54\",[]],[\"name/55\",[4,40.217]],[\"comment/55\",[]],[\"name/56\",[5,36.779]],[\"comment/56\",[]],[\"name/57\",[6,32.16]],[\"comment/57\",[]],[\"name/58\",[7,40.217]],[\"comment/58\",[]],[\"name/59\",[8,36.779]],[\"comment/59\",[]],[\"name/60\",[9,40.217]],[\"comment/60\",[]],[\"name/61\",[10,40.217]],[\"comment/61\",[]],[\"name/62\",[11,40.217]],[\"comment/62\",[]],[\"name/63\",[12,40.217]],[\"comment/63\",[]],[\"name/64\",[13,40.217]],[\"comment/64\",[]],[\"name/65\",[14,36.779]],[\"comment/65\",[]],[\"name/66\",[15,40.217]],[\"comment/66\",[]],[\"name/67\",[16,40.217]],[\"comment/67\",[]],[\"name/68\",[17,40.217]],[\"comment/68\",[]],[\"name/69\",[18,40.217]],[\"comment/69\",[]],[\"name/70\",[19,36.779]],[\"comment/70\",[]],[\"name/71\",[55,45.437]],[\"comment/71\",[]],[\"name/72\",[56,45.437]],[\"comment/72\",[]],[\"name/73\",[24,40.217]],[\"comment/73\",[]],[\"name/74\",[6,32.16]],[\"comment/74\",[]],[\"name/75\",[14,36.779]],[\"comment/75\",[]],[\"name/76\",[21,40.217]],[\"comment/76\",[]],[\"name/77\",[57,45.437]],[\"comment/77\",[]],[\"name/78\",[58,45.437]],[\"comment/78\",[]],[\"name/79\",[59,45.437]],[\"comment/79\",[]],[\"name/80\",[60,45.437]],[\"comment/80\",[]],[\"name/81\",[61,45.437]],[\"comment/81\",[]],[\"name/82\",[62,45.437]],[\"comment/82\",[]],[\"name/83\",[29,40.217]],[\"comment/83\",[]],[\"name/84\",[63,45.437]],[\"comment/84\",[]],[\"name/85\",[64,45.437]],[\"comment/85\",[]],[\"name/86\",[6,32.16]],[\"comment/86\",[]],[\"name/87\",[65,45.437]],[\"comment/87\",[]],[\"name/88\",[66,45.437]],[\"comment/88\",[]],[\"name/89\",[67,45.437]],[\"comment/89\",[]],[\"name/90\",[68,45.437]],[\"comment/90\",[]],[\"name/91\",[69,45.437]],[\"comment/91\",[]],[\"name/92\",[70,22.438,71,22.438,72,25.35]],[\"comment/92\",[]],[\"name/93\",[73,45.437]],[\"comment/93\",[]],[\"name/94\",[20,36.779]],[\"comment/94\",[]],[\"name/95\",[74,45.437]],[\"comment/95\",[]],[\"name/96\",[27,36.779]],[\"comment/96\",[]],[\"name/97\",[26,36.779]],[\"comment/97\",[]],[\"name/98\",[20,20.52,70,22.438,71,22.438]],[\"comment/98\",[]],[\"name/99\",[75,45.437]],[\"comment/99\",[]],[\"name/100\",[76,45.437]],[\"comment/100\",[]],[\"name/101\",[77,45.437]],[\"comment/101\",[]],[\"name/102\",[78,45.437]],[\"comment/102\",[]],[\"name/103\",[79,45.437]],[\"comment/103\",[]],[\"name/104\",[80,45.437]],[\"comment/104\",[]],[\"name/105\",[81,45.437]],[\"comment/105\",[]],[\"name/106\",[82,45.437]],[\"comment/106\",[]],[\"name/107\",[25,40.217]],[\"comment/107\",[]],[\"name/108\",[83,45.437]],[\"comment/108\",[]],[\"name/109\",[84,45.437]],[\"comment/109\",[]],[\"name/110\",[85,45.437]],[\"comment/110\",[]],[\"name/111\",[6,32.16]],[\"comment/111\",[]],[\"name/112\",[5,36.779]],[\"comment/112\",[]],[\"name/113\",[26,36.779]],[\"comment/113\",[]],[\"name/114\",[27,36.779]],[\"comment/114\",[]],[\"name/115\",[19,36.779]],[\"comment/115\",[]],[\"name/116\",[8,36.779]],[\"comment/116\",[]],[\"name/117\",[86,45.437]],[\"comment/117\",[]],[\"name/118\",[87,45.437]],[\"comment/118\",[]],[\"name/119\",[88,45.437]],[\"comment/119\",[]],[\"name/120\",[89,45.437]],[\"comment/120\",[]],[\"name/121\",[90,45.437]],[\"comment/121\",[]],[\"name/122\",[91,45.437]],[\"comment/122\",[]],[\"name/123\",[92,45.437]],[\"comment/123\",[]],[\"name/124\",[93,45.437]],[\"comment/124\",[]],[\"name/125\",[94,45.437]],[\"comment/125\",[]],[\"name/126\",[95,45.437]],[\"comment/126\",[]]],\"invertedIndex\":[[\"additem\",{\"_index\":47,\"name\":{\"46\":{}},\"comment\":{}}],[\"addlanguage\",{\"_index\":44,\"name\":{\"43\":{}},\"comment\":{}}],[\"addoptionsbehaviour\",{\"_index\":39,\"name\":{\"38\":{}},\"comment\":{}}],[\"btncntr\",{\"_index\":28,\"name\":{\"27\":{}},\"comment\":{}}],[\"buttoncontrol\",{\"_index\":45,\"name\":{\"44\":{}},\"comment\":{}}],[\"caret\",{\"_index\":24,\"name\":{\"23\":{},\"73\":{}},\"comment\":{}}],[\"category\",{\"_index\":25,\"name\":{\"24\":{},\"107\":{}},\"comment\":{}}],[\"categoryitems\",{\"_index\":83,\"name\":{\"108\":{}},\"comment\":{}}],[\"cg\",{\"_index\":0,\"name\":{\"0\":{},\"51\":{}},\"comment\":{}}],[\"cgselect\",{\"_index\":2,\"name\":{\"1\":{},\"52\":{}},\"comment\":{}}],[\"changetheme\",{\"_index\":80,\"name\":{\"104\":{}},\"comment\":{}}],[\"checkitemstruct\",{\"_index\":89,\"name\":{\"120\":{}},\"comment\":{}}],[\"chips\",{\"_index\":58,\"name\":{\"78\":{}},\"comment\":{}}],[\"clearselect\",{\"_index\":91,\"name\":{\"122\":{}},\"comment\":{}}],[\"close\",{\"_index\":37,\"name\":{\"36\":{}},\"comment\":{}}],[\"closeonselect\",{\"_index\":10,\"name\":{\"9\":{},\"61\":{}},\"comment\":{}}],[\"closeselectclick\",{\"_index\":38,\"name\":{\"37\":{}},\"comment\":{}}],[\"components/create\",{\"_index\":70,\"name\":{\"92\":{},\"98\":{}},\"comment\":{}}],[\"components/theme/theme\",{\"_index\":79,\"name\":{\"103\":{}},\"comment\":{}}],[\"components/utils/urils.interface\",{\"_index\":81,\"name\":{\"105\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":3,\"name\":{\"2\":{}},\"comment\":{}}],[\"createbreadcrumb\",{\"_index\":77,\"name\":{\"101\":{}},\"comment\":{}}],[\"createinputsearch\",{\"_index\":78,\"name\":{\"102\":{}},\"comment\":{}}],[\"createnativeselect\",{\"_index\":75,\"name\":{\"99\":{}},\"comment\":{}}],[\"createnativeselectoption\",{\"_index\":76,\"name\":{\"100\":{}},\"comment\":{}}],[\"createselected\",{\"_index\":90,\"name\":{\"121\":{}},\"comment\":{}}],[\"customstyles\",{\"_index\":94,\"name\":{\"125\":{}},\"comment\":{}}],[\"customstylesformat\",{\"_index\":95,\"name\":{\"126\":{}},\"comment\":{}}],[\"deleteitem\",{\"_index\":48,\"name\":{\"47\":{}},\"comment\":{}}],[\"deleteitemall\",{\"_index\":49,\"name\":{\"48\":{}},\"comment\":{}}],[\"disabled\",{\"_index\":46,\"name\":{\"45\":{}},\"comment\":{}}],[\"displaymode\",{\"_index\":42,\"name\":{\"41\":{}},\"comment\":{}}],[\"element\",{\"_index\":20,\"name\":{\"19\":{},\"94\":{},\"98\":{}},\"comment\":{}}],[\"element.interface\",{\"_index\":72,\"name\":{\"92\":{}},\"comment\":{}}],[\"element/create\",{\"_index\":71,\"name\":{\"92\":{},\"98\":{}},\"comment\":{}}],[\"en\",{\"_index\":69,\"name\":{\"91\":{}},\"comment\":{}}],[\"event\",{\"_index\":16,\"name\":{\"15\":{},\"67\":{}},\"comment\":{}}],[\"getelement\",{\"_index\":43,\"name\":{\"42\":{}},\"comment\":{}}],[\"getformatitem\",{\"_index\":87,\"name\":{\"118\":{}},\"comment\":{}}],[\"getselecttext\",{\"_index\":88,\"name\":{\"119\":{}},\"comment\":{}}],[\"head\",{\"_index\":56,\"name\":{\"72\":{}},\"comment\":{}}],[\"icgselect\",{\"_index\":54,\"name\":{\"54\":{}},\"comment\":{}}],[\"icreatebreadcrumb\",{\"_index\":73,\"name\":{\"93\":{}},\"comment\":{}}],[\"id\",{\"_index\":61,\"name\":{\"81\":{}},\"comment\":{}}],[\"idataitem\",{\"_index\":82,\"name\":{\"106\":{}},\"comment\":{}}],[\"iitems\",{\"_index\":60,\"name\":{\"80\":{}},\"comment\":{}}],[\"ilanguage\",{\"_index\":64,\"name\":{\"85\":{}},\"comment\":{}}],[\"indexes\",{\"_index\":27,\"name\":{\"26\":{},\"96\":{},\"114\":{}},\"comment\":{}}],[\"indexesof\",{\"_index\":30,\"name\":{\"29\":{}},\"comment\":{}}],[\"init\",{\"_index\":31,\"name\":{\"30\":{}},\"comment\":{}}],[\"initevent\",{\"_index\":35,\"name\":{\"34\":{}},\"comment\":{}}],[\"initselected\",{\"_index\":34,\"name\":{\"33\":{}},\"comment\":{}}],[\"interfaces/cg\",{\"_index\":52,\"name\":{\"53\":{}},\"comment\":{}}],[\"interfaces/items.interface\",{\"_index\":59,\"name\":{\"79\":{}},\"comment\":{}}],[\"interfaces/language.interface\",{\"_index\":63,\"name\":{\"84\":{}},\"comment\":{}}],[\"iselecteditems\",{\"_index\":85,\"name\":{\"110\":{}},\"comment\":{}}],[\"istyle\",{\"_index\":55,\"name\":{\"71\":{}},\"comment\":{}}],[\"items\",{\"_index\":7,\"name\":{\"6\":{},\"58\":{}},\"comment\":{}}],[\"itemvalue\",{\"_index\":84,\"name\":{\"109\":{}},\"comment\":{}}],[\"lable\",{\"_index\":14,\"name\":{\"13\":{},\"65\":{},\"75\":{}},\"comment\":{}}],[\"language\",{\"_index\":13,\"name\":{\"12\":{},\"64\":{}},\"comment\":{}}],[\"language/language\",{\"_index\":67,\"name\":{\"89\":{}},\"comment\":{}}],[\"list\",{\"_index\":21,\"name\":{\"20\":{},\"76\":{}},\"comment\":{}}],[\"listdisplaymode\",{\"_index\":12,\"name\":{\"11\":{},\"63\":{}},\"comment\":{}}],[\"multiselect\",{\"_index\":18,\"name\":{\"17\":{},\"69\":{}},\"comment\":{}}],[\"multiselecttag\",{\"_index\":19,\"name\":{\"18\":{},\"70\":{},\"115\":{}},\"comment\":{}}],[\"nativeoptionmultiple\",{\"_index\":93,\"name\":{\"124\":{}},\"comment\":{}}],[\"nativeoptionordinary\",{\"_index\":92,\"name\":{\"123\":{}},\"comment\":{}}],[\"nativeselectmode\",{\"_index\":11,\"name\":{\"10\":{},\"62\":{}},\"comment\":{}}],[\"on\",{\"_index\":51,\"name\":{\"50\":{}},\"comment\":{}}],[\"open\",{\"_index\":36,\"name\":{\"35\":{}},\"comment\":{}}],[\"option\",{\"_index\":74,\"name\":{\"95\":{}},\"comment\":{}}],[\"options\",{\"_index\":22,\"name\":{\"21\":{}},\"comment\":{}}],[\"placeholder\",{\"_index\":6,\"name\":{\"5\":{},\"57\":{},\"74\":{},\"86\":{},\"111\":{}},\"comment\":{}}],[\"randomid\",{\"_index\":23,\"name\":{\"22\":{}},\"comment\":{}}],[\"render\",{\"_index\":32,\"name\":{\"31\":{}},\"comment\":{}}],[\"renderurl\",{\"_index\":33,\"name\":{\"32\":{}},\"comment\":{}}],[\"ru\",{\"_index\":68,\"name\":{\"90\":{}},\"comment\":{}}],[\"search\",{\"_index\":57,\"name\":{\"77\":{}},\"comment\":{}}],[\"searchmode\",{\"_index\":9,\"name\":{\"8\":{},\"60\":{}},\"comment\":{}}],[\"searchmodeselect\",{\"_index\":41,\"name\":{\"40\":{}},\"comment\":{}}],[\"select\",{\"_index\":1,\"name\":{\"0\":{},\"51\":{}},\"comment\":{}}],[\"select.interface\",{\"_index\":53,\"name\":{\"53\":{}},\"comment\":{}}],[\"selected\",{\"_index\":5,\"name\":{\"4\":{},\"56\":{},\"112\":{}},\"comment\":{}}],[\"selecteditems\",{\"_index\":26,\"name\":{\"25\":{},\"97\":{},\"113\":{}},\"comment\":{}}],[\"selectindex\",{\"_index\":50,\"name\":{\"49\":{}},\"comment\":{}}],[\"selectmode\",{\"_index\":40,\"name\":{\"39\":{}},\"comment\":{}}],[\"selector\",{\"_index\":4,\"name\":{\"3\":{},\"55\":{}},\"comment\":{}}],[\"selectplaceholder\",{\"_index\":65,\"name\":{\"87\":{}},\"comment\":{}}],[\"styles\",{\"_index\":15,\"name\":{\"14\":{},\"66\":{}},\"comment\":{}}],[\"textinlistsearch\",{\"_index\":66,\"name\":{\"88\":{}},\"comment\":{}}],[\"theme\",{\"_index\":8,\"name\":{\"7\":{},\"59\":{},\"116\":{}},\"comment\":{}}],[\"title\",{\"_index\":62,\"name\":{\"82\":{}},\"comment\":{}}],[\"url\",{\"_index\":17,\"name\":{\"16\":{},\"68\":{}},\"comment\":{}}],[\"utils\",{\"_index\":86,\"name\":{\"117\":{}},\"comment\":{}}],[\"value\",{\"_index\":29,\"name\":{\"28\":{},\"83\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file diff --git a/docs/assets/style.css b/docs/assets/style.css deleted file mode 100644 index 2d02570..0000000 --- a/docs/assets/style.css +++ /dev/null @@ -1,1280 +0,0 @@ -:root { - /* Light */ - --light-color-background: #f2f4f8; - --light-color-background-secondary: #eff0f1; - --light-color-warning-text: #222; - --light-color-background-warning: #e6e600; - --light-color-icon-background: var(--light-color-background); - --light-color-accent: #c5c7c9; - --light-color-text: #222; - --light-color-text-aside: #707070; - --light-color-link: #4da6ff; - --light-color-ts: #db1373; - --light-color-ts-interface: #139d2c; - --light-color-ts-enum: #9c891a; - --light-color-ts-class: #2484e5; - --light-color-ts-function: #572be7; - --light-color-ts-namespace: #b111c9; - --light-color-ts-private: #707070; - --light-color-ts-variable: #4d68ff; - --light-external-icon: url("data:image/svg+xml;utf8,"); - --light-color-scheme: light; - - /* Dark */ - --dark-color-background: #2b2e33; - --dark-color-background-secondary: #1e2024; - --dark-color-background-warning: #bebe00; - --dark-color-warning-text: #222; - --dark-color-icon-background: var(--dark-color-background-secondary); - --dark-color-accent: #9096a2; - --dark-color-text: #f5f5f5; - --dark-color-text-aside: #dddddd; - --dark-color-link: #00aff4; - --dark-color-ts: #ff6492; - --dark-color-ts-interface: #6cff87; - --dark-color-ts-enum: #f4d93e; - --dark-color-ts-class: #61b0ff; - --dark-color-ts-function: #9772ff; - --dark-color-ts-namespace: #e14dff; - --dark-color-ts-private: #e2e2e2; - --dark-color-ts-variable: #4d68ff; - --dark-external-icon: url("data:image/svg+xml;utf8,"); - --dark-color-scheme: dark; -} - -@media (prefers-color-scheme: light) { - :root { - --color-background: var(--light-color-background); - --color-background-secondary: var(--light-color-background-secondary); - --color-background-warning: var(--light-color-background-warning); - --color-warning-text: var(--light-color-warning-text); - --color-icon-background: var(--light-color-icon-background); - --color-accent: var(--light-color-accent); - --color-text: var(--light-color-text); - --color-text-aside: var(--light-color-text-aside); - --color-link: var(--light-color-link); - --color-ts: var(--light-color-ts); - --color-ts-interface: var(--light-color-ts-interface); - --color-ts-enum: var(--light-color-ts-enum); - --color-ts-class: var(--light-color-ts-class); - --color-ts-function: var(--light-color-ts-function); - --color-ts-namespace: var(--light-color-ts-namespace); - --color-ts-private: var(--light-color-ts-private); - --color-ts-variable: var(--light-color-ts-variable); - --external-icon: var(--light-external-icon); - --color-scheme: var(--light-color-scheme); - } -} - -@media (prefers-color-scheme: dark) { - :root { - --color-background: var(--dark-color-background); - --color-background-secondary: var(--dark-color-background-secondary); - --color-background-warning: var(--dark-color-background-warning); - --color-warning-text: var(--dark-color-warning-text); - --color-icon-background: var(--dark-color-icon-background); - --color-accent: var(--dark-color-accent); - --color-text: var(--dark-color-text); - --color-text-aside: var(--dark-color-text-aside); - --color-link: var(--dark-color-link); - --color-ts: var(--dark-color-ts); - --color-ts-interface: var(--dark-color-ts-interface); - --color-ts-enum: var(--dark-color-ts-enum); - --color-ts-class: var(--dark-color-ts-class); - --color-ts-function: var(--dark-color-ts-function); - --color-ts-namespace: var(--dark-color-ts-namespace); - --color-ts-private: var(--dark-color-ts-private); - --color-ts-variable: var(--dark-color-ts-variable); - --external-icon: var(--dark-external-icon); - --color-scheme: var(--dark-color-scheme); - } -} - -html { - color-scheme: var(--color-scheme); -} - -body { - margin: 0; -} - -:root[data-theme="light"] { - --color-background: var(--light-color-background); - --color-background-secondary: var(--light-color-background-secondary); - --color-background-warning: var(--light-color-background-warning); - --color-warning-text: var(--light-color-warning-text); - --color-icon-background: var(--light-color-icon-background); - --color-accent: var(--light-color-accent); - --color-text: var(--light-color-text); - --color-text-aside: var(--light-color-text-aside); - --color-link: var(--light-color-link); - --color-ts: var(--light-color-ts); - --color-ts-interface: var(--light-color-ts-interface); - --color-ts-enum: var(--light-color-ts-enum); - --color-ts-class: var(--light-color-ts-class); - --color-ts-function: var(--light-color-ts-function); - --color-ts-namespace: var(--light-color-ts-namespace); - --color-ts-private: var(--light-color-ts-private); - --color-ts-variable: var(--light-color-ts-variable); - --external-icon: var(--light-external-icon); - --color-scheme: var(--light-color-scheme); -} - -:root[data-theme="dark"] { - --color-background: var(--dark-color-background); - --color-background-secondary: var(--dark-color-background-secondary); - --color-background-warning: var(--dark-color-background-warning); - --color-warning-text: var(--dark-color-warning-text); - --color-icon-background: var(--dark-color-icon-background); - --color-accent: var(--dark-color-accent); - --color-text: var(--dark-color-text); - --color-text-aside: var(--dark-color-text-aside); - --color-link: var(--dark-color-link); - --color-ts: var(--dark-color-ts); - --color-ts-interface: var(--dark-color-ts-interface); - --color-ts-enum: var(--dark-color-ts-enum); - --color-ts-class: var(--dark-color-ts-class); - --color-ts-function: var(--dark-color-ts-function); - --color-ts-namespace: var(--dark-color-ts-namespace); - --color-ts-private: var(--dark-color-ts-private); - --color-ts-variable: var(--dark-color-ts-variable); - --external-icon: var(--dark-external-icon); - --color-scheme: var(--dark-color-scheme); -} - -.always-visible, -.always-visible .tsd-signatures { - display: inherit !important; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - line-height: 1.2; -} - -h1 { - font-size: 1.875rem; - margin: 0.67rem 0; -} - -h2 { - font-size: 1.5rem; - margin: 0.83rem 0; -} - -h3 { - font-size: 1.25rem; - margin: 1rem 0; -} - -h4 { - font-size: 1.05rem; - margin: 1.33rem 0; -} - -h5 { - font-size: 1rem; - margin: 1.5rem 0; -} - -h6 { - font-size: 0.875rem; - margin: 2.33rem 0; -} - -.uppercase { - text-transform: uppercase; -} - -pre { - white-space: pre; - white-space: pre-wrap; - word-wrap: break-word; -} - -dl, -menu, -ol, -ul { - margin: 1em 0; -} - -dd { - margin: 0 0 0 40px; -} - -.container { - max-width: 1600px; - padding: 0 2rem; -} - -@media (min-width: 640px) { - .container { - padding: 0 4rem; - } -} -@media (min-width: 1200px) { - .container { - padding: 0 8rem; - } -} -@media (min-width: 1600px) { - .container { - padding: 0 12rem; - } -} - -/* Footer */ -.tsd-generator { - border-top: 1px solid var(--color-accent); - padding-top: 1rem; - padding-bottom: 1rem; - max-height: 3.5rem; -} - -.tsd-generator > p { - margin-top: 0; - margin-bottom: 0; - padding: 0 1rem; -} - -.container-main { - display: flex; - justify-content: space-between; - position: relative; - margin: 0 auto; -} - -.col-4, -.col-8 { - box-sizing: border-box; - float: left; - padding: 2rem 1rem; -} - -.col-4 { - flex: 0 0 25%; -} -.col-8 { - flex: 1 0; - flex-wrap: wrap; - padding-left: 0; -} - -@keyframes fade-in { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -@keyframes fade-out { - from { - opacity: 1; - visibility: visible; - } - to { - opacity: 0; - } -} -@keyframes fade-in-delayed { - 0% { - opacity: 0; - } - 33% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes fade-out-delayed { - 0% { - opacity: 1; - visibility: visible; - } - 66% { - opacity: 0; - } - 100% { - opacity: 0; - } -} -@keyframes shift-to-left { - from { - transform: translate(0, 0); - } - to { - transform: translate(-25%, 0); - } -} -@keyframes unshift-to-left { - from { - transform: translate(-25%, 0); - } - to { - transform: translate(0, 0); - } -} -@keyframes pop-in-from-right { - from { - transform: translate(100%, 0); - } - to { - transform: translate(0, 0); - } -} -@keyframes pop-out-to-right { - from { - transform: translate(0, 0); - visibility: visible; - } - to { - transform: translate(100%, 0); - } -} -body { - background: var(--color-background); - font-family: "Segoe UI", sans-serif; - font-size: 16px; - color: var(--color-text); -} - -a { - color: var(--color-link); - text-decoration: none; -} -a:hover { - text-decoration: underline; -} -a.external[target="_blank"] { - background-image: var(--external-icon); - background-position: top 3px right; - background-repeat: no-repeat; - padding-right: 13px; -} - -code, -pre { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - padding: 0.2em; - margin: 0; - font-size: 0.875rem; - border-radius: 0.8em; -} - -pre { - padding: 10px; - border: 0.1em solid var(--color-accent); -} -pre code { - padding: 0; - font-size: 100%; -} - -blockquote { - margin: 1em 0; - padding-left: 1em; - border-left: 4px solid gray; -} - -.tsd-typography { - line-height: 1.333em; -} -.tsd-typography ul { - list-style: square; - padding: 0 0 0 20px; - margin: 0; -} -.tsd-typography h4, -.tsd-typography .tsd-index-panel h3, -.tsd-index-panel .tsd-typography h3, -.tsd-typography h5, -.tsd-typography h6 { - font-size: 1em; - margin: 0; -} -.tsd-typography h5, -.tsd-typography h6 { - font-weight: normal; -} -.tsd-typography p, -.tsd-typography ul, -.tsd-typography ol { - margin: 1em 0; -} - -@media (max-width: 1024px) { - html .col-content { - float: none; - max-width: 100%; - width: 100%; - padding-top: 3rem; - } - html .col-menu { - position: fixed !important; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - z-index: 1024; - top: 0 !important; - bottom: 0 !important; - left: auto !important; - right: 0 !important; - padding: 1.5rem 1.5rem 0 0; - max-width: 25rem; - visibility: hidden; - background-color: var(--color-background); - transform: translate(100%, 0); - } - html .col-menu > *:last-child { - padding-bottom: 20px; - } - html .overlay { - content: ""; - display: block; - position: fixed; - z-index: 1023; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: rgba(0, 0, 0, 0.75); - visibility: hidden; - } - - .to-has-menu .overlay { - animation: fade-in 0.4s; - } - - .to-has-menu :is(header, footer, .col-content) { - animation: shift-to-left 0.4s; - } - - .to-has-menu .col-menu { - animation: pop-in-from-right 0.4s; - } - - .from-has-menu .overlay { - animation: fade-out 0.4s; - } - - .from-has-menu :is(header, footer, .col-content) { - animation: unshift-to-left 0.4s; - } - - .from-has-menu .col-menu { - animation: pop-out-to-right 0.4s; - } - - .has-menu body { - overflow: hidden; - } - .has-menu .overlay { - visibility: visible; - } - .has-menu :is(header, footer, .col-content) { - transform: translate(-25%, 0); - } - .has-menu .col-menu { - visibility: visible; - transform: translate(0, 0); - display: grid; - align-items: center; - grid-template-rows: auto 1fr; - grid-gap: 1.5rem; - max-height: 100vh; - padding: 1rem 2rem; - } - .has-menu .tsd-navigation { - max-height: 100%; - } -} - -.tsd-breadcrumb { - margin: 0; - padding: 0; - color: var(--color-text-aside); -} -.tsd-breadcrumb a { - color: var(--color-text-aside); - text-decoration: none; -} -.tsd-breadcrumb a:hover { - text-decoration: underline; -} -.tsd-breadcrumb li { - display: inline; -} -.tsd-breadcrumb li:after { - content: " / "; -} - -.tsd-comment-tags { - display: flex; - flex-direction: column; -} -dl.tsd-comment-tag-group { - display: flex; - align-items: center; - overflow: hidden; - margin: 0.5em 0; -} -dl.tsd-comment-tag-group dt { - display: flex; - margin-right: 0.5em; - font-size: 0.875em; - font-weight: normal; -} -dl.tsd-comment-tag-group dd { - margin: 0; -} -code.tsd-tag { - padding: 0.25em 0.4em; - border: 0.1em solid var(--color-accent); - margin-right: 0.25em; - font-size: 70%; -} -h1 code.tsd-tag:first-of-type { - margin-left: 0.25em; -} - -dl.tsd-comment-tag-group dd:before, -dl.tsd-comment-tag-group dd:after { - content: " "; -} -dl.tsd-comment-tag-group dd pre, -dl.tsd-comment-tag-group dd:after { - clear: both; -} -dl.tsd-comment-tag-group p { - margin: 0; -} - -.tsd-panel.tsd-comment .lead { - font-size: 1.1em; - line-height: 1.333em; - margin-bottom: 2em; -} -.tsd-panel.tsd-comment .lead:last-child { - margin-bottom: 0; -} - -.tsd-filter-visibility h4 { - font-size: 1rem; - padding-top: 0.75rem; - padding-bottom: 0.5rem; - margin: 0; -} -.tsd-filter-item:not(:last-child) { - margin-bottom: 0.5rem; -} -.tsd-filter-input { - display: flex; - width: fit-content; - width: -moz-fit-content; - align-items: center; - user-select: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - cursor: pointer; -} -.tsd-filter-input input[type="checkbox"] { - cursor: pointer; - position: absolute; - width: 1.5em; - height: 1.5em; - opacity: 0; -} -.tsd-filter-input input[type="checkbox"]:disabled { - pointer-events: none; -} -.tsd-filter-input svg { - cursor: pointer; - width: 1.5em; - height: 1.5em; - margin-right: 0.5em; - border-radius: 0.33em; - /* Leaving this at full opacity breaks event listeners on Firefox. - Don't remove unless you know what you're doing. */ - opacity: 0.99; -} -.tsd-filter-input input[type="checkbox"]:focus + svg { - transform: scale(0.95); -} -.tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg { - transform: scale(1); -} -.tsd-checkbox-background { - fill: var(--color-accent); -} -input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark { - stroke: var(--color-text); -} -.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background { - fill: var(--color-background); - stroke: var(--color-accent); - stroke-width: 0.25rem; -} -.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark { - stroke: var(--color-accent); -} - -.tsd-theme-toggle { - padding-top: 0.75rem; -} -.tsd-theme-toggle > h4 { - display: inline; - vertical-align: middle; - margin-right: 0.75rem; -} - -.tsd-hierarchy { - list-style: square; - margin: 0; -} -.tsd-hierarchy .target { - font-weight: bold; -} - -.tsd-panel-group.tsd-index-group { - margin-bottom: 0; -} -.tsd-index-panel .tsd-index-list { - list-style: none; - line-height: 1.333em; - margin: 0; - padding: 0.25rem 0 0 0; - overflow: hidden; - display: grid; - grid-template-columns: repeat(3, 1fr); - column-gap: 1rem; - grid-template-rows: auto; -} -@media (max-width: 1024px) { - .tsd-index-panel .tsd-index-list { - grid-template-columns: repeat(2, 1fr); - } -} -@media (max-width: 768px) { - .tsd-index-panel .tsd-index-list { - grid-template-columns: repeat(1, 1fr); - } -} -.tsd-index-panel .tsd-index-list li { - -webkit-page-break-inside: avoid; - -moz-page-break-inside: avoid; - -ms-page-break-inside: avoid; - -o-page-break-inside: avoid; - page-break-inside: avoid; -} -.tsd-index-panel a, -.tsd-index-panel a.tsd-parent-kind-module { - color: var(--color-ts); -} -.tsd-index-panel a.tsd-parent-kind-interface { - color: var(--color-ts-interface); -} -.tsd-index-panel a.tsd-parent-kind-enum { - color: var(--color-ts-enum); -} -.tsd-index-panel a.tsd-parent-kind-class { - color: var(--color-ts-class); -} -.tsd-index-panel a.tsd-kind-module { - color: var(--color-ts-namespace); -} -.tsd-index-panel a.tsd-kind-interface { - color: var(--color-ts-interface); -} -.tsd-index-panel a.tsd-kind-enum { - color: var(--color-ts-enum); -} -.tsd-index-panel a.tsd-kind-class { - color: var(--color-ts-class); -} -.tsd-index-panel a.tsd-kind-function { - color: var(--color-ts-function); -} -.tsd-index-panel a.tsd-kind-namespace { - color: var(--color-ts-namespace); -} -.tsd-index-panel a.tsd-kind-variable { - color: var(--color-ts-variable); -} -.tsd-index-panel a.tsd-is-private { - color: var(--color-ts-private); -} - -.tsd-flag { - display: inline-block; - padding: 0.25em 0.4em; - border-radius: 4px; - color: var(--color-comment-tag-text); - background-color: var(--color-comment-tag); - text-indent: 0; - font-size: 75%; - line-height: 1; - font-weight: normal; -} - -.tsd-anchor { - position: absolute; - top: -100px; -} - -.tsd-member { - position: relative; -} -.tsd-member .tsd-anchor + h3 { - display: flex; - align-items: center; - margin-top: 0; - margin-bottom: 0; - border-bottom: none; -} -.tsd-member [data-tsd-kind] { - color: var(--color-ts); -} -.tsd-member [data-tsd-kind="Interface"] { - color: var(--color-ts-interface); -} -.tsd-member [data-tsd-kind="Enum"] { - color: var(--color-ts-enum); -} -.tsd-member [data-tsd-kind="Class"] { - color: var(--color-ts-class); -} -.tsd-member [data-tsd-kind="Private"] { - color: var(--color-ts-private); -} - -.tsd-navigation a { - display: block; - margin: 0.4rem 0; - border-left: 2px solid transparent; - color: var(--color-text); - text-decoration: none; - transition: border-left-color 0.1s; -} -.tsd-navigation a:hover { - text-decoration: underline; -} -.tsd-navigation ul { - margin: 0; - padding: 0; - list-style: none; -} -.tsd-navigation li { - padding: 0; -} - -.tsd-navigation.primary .tsd-accordion-details > ul { - margin-top: 0.75rem; -} -.tsd-navigation.primary a { - padding: 0.75rem 0.5rem; - margin: 0; -} -.tsd-navigation.primary ul li a { - margin-left: 0.5rem; -} -.tsd-navigation.primary ul li li a { - margin-left: 1.5rem; -} -.tsd-navigation.primary ul li li li a { - margin-left: 2.5rem; -} -.tsd-navigation.primary ul li li li li a { - margin-left: 3.5rem; -} -.tsd-navigation.primary ul li li li li li a { - margin-left: 4.5rem; -} -.tsd-navigation.primary ul li li li li li li a { - margin-left: 5.5rem; -} -.tsd-navigation.primary li.current > a { - border-left: 0.15rem var(--color-text) solid; -} -.tsd-navigation.primary li.selected > a { - font-weight: bold; - border-left: 0.2rem var(--color-text) solid; -} -.tsd-navigation.primary ul li a:hover { - border-left: 0.2rem var(--color-text-aside) solid; -} -.tsd-navigation.primary li.globals + li > span, -.tsd-navigation.primary li.globals + li > a { - padding-top: 20px; -} - -.tsd-navigation.secondary.tsd-navigation--toolbar-hide { - max-height: calc(100vh - 1rem); - top: 0.5rem; -} -.tsd-navigation.secondary > ul { - display: inline; - padding-right: 0.5rem; - transition: opacity 0.2s; -} -.tsd-navigation.secondary ul li a { - padding-left: 0; -} -.tsd-navigation.secondary ul li li a { - padding-left: 1.1rem; -} -.tsd-navigation.secondary ul li li li a { - padding-left: 2.2rem; -} -.tsd-navigation.secondary ul li li li li a { - padding-left: 3.3rem; -} -.tsd-navigation.secondary ul li li li li li a { - padding-left: 4.4rem; -} -.tsd-navigation.secondary ul li li li li li li a { - padding-left: 5.5rem; -} - -#tsd-sidebar-links a { - margin-top: 0; - margin-bottom: 0.5rem; - line-height: 1.25rem; -} -#tsd-sidebar-links a:last-of-type { - margin-bottom: 0; -} - -a.tsd-index-link { - margin: 0.25rem 0; - font-size: 1rem; - line-height: 1.25rem; - display: inline-flex; - align-items: center; -} -.tsd-accordion-summary > h1, -.tsd-accordion-summary > h2, -.tsd-accordion-summary > h3, -.tsd-accordion-summary > h4, -.tsd-accordion-summary > h5 { - display: inline-flex; - align-items: center; - vertical-align: middle; - margin-bottom: 0; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; -} -.tsd-accordion-summary { - display: block; - cursor: pointer; -} -.tsd-accordion-summary > * { - margin-top: 0; - margin-bottom: 0; - padding-top: 0; - padding-bottom: 0; -} -.tsd-accordion-summary::-webkit-details-marker { - display: none; -} -.tsd-index-accordion .tsd-accordion-summary svg { - margin-right: 0.25rem; -} -.tsd-index-content > :not(:first-child) { - margin-top: 0.75rem; -} -.tsd-index-heading { - margin-top: 1.5rem; - margin-bottom: 0.75rem; -} - -.tsd-kind-icon { - margin-right: 0.5rem; - width: 1.25rem; - height: 1.25rem; - min-width: 1.25rem; - min-height: 1.25rem; -} -.tsd-kind-icon path { - transform-origin: center; - transform: scale(1.1); -} -.tsd-signature > .tsd-kind-icon { - margin-right: 0.8rem; -} - -@media (min-width: 1024px) { - .col-content { - margin: 2rem auto; - } - - .menu-sticky-wrap { - position: sticky; - height: calc(100vh - 2rem); - top: 4rem; - right: 0; - padding: 0 1.5rem; - padding-top: 1rem; - margin-top: 3rem; - transition: 0.3s ease-in-out; - transition-property: top, padding-top, padding, height; - overflow-y: auto; - } - .col-menu { - border-left: 1px solid var(--color-accent); - } - .col-menu--hide { - top: 1rem; - } - .col-menu .tsd-navigation:not(:last-child) { - padding-bottom: 1.75rem; - } -} - -.tsd-panel { - margin-bottom: 2.5rem; -} -.tsd-panel.tsd-member { - margin-bottom: 4rem; -} -.tsd-panel:empty { - display: none; -} -.tsd-panel > h1, -.tsd-panel > h2, -.tsd-panel > h3 { - margin: 1.5rem -1.5rem 0.75rem -1.5rem; - padding: 0 1.5rem 0.75rem 1.5rem; -} -.tsd-panel > h1.tsd-before-signature, -.tsd-panel > h2.tsd-before-signature, -.tsd-panel > h3.tsd-before-signature { - margin-bottom: 0; - border-bottom: none; -} - -.tsd-panel-group { - margin: 4rem 0; -} -.tsd-panel-group.tsd-index-group { - margin: 2rem 0; -} -.tsd-panel-group.tsd-index-group details { - margin: 2rem 0; -} - -#tsd-search { - transition: background-color 0.2s; -} -#tsd-search .title { - position: relative; - z-index: 2; -} -#tsd-search .field { - position: absolute; - left: 0; - top: 0; - right: 2.5rem; - height: 100%; -} -#tsd-search .field input { - box-sizing: border-box; - position: relative; - top: -50px; - z-index: 1; - width: 100%; - padding: 0 10px; - opacity: 0; - outline: 0; - border: 0; - background: transparent; - color: var(--color-text); -} -#tsd-search .field label { - position: absolute; - overflow: hidden; - right: -40px; -} -#tsd-search .field input, -#tsd-search .title, -#tsd-toolbar-links a { - transition: opacity 0.2s; -} -#tsd-search .results { - position: absolute; - visibility: hidden; - top: 40px; - width: 100%; - margin: 0; - padding: 0; - list-style: none; - box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); -} -#tsd-search .results li { - padding: 0 10px; - background-color: var(--color-background); -} -#tsd-search .results li:nth-child(even) { - background-color: var(--color-background-secondary); -} -#tsd-search .results li.state { - display: none; -} -#tsd-search .results li.current, -#tsd-search .results li:hover { - background-color: var(--color-accent); -} -#tsd-search .results a { - display: block; -} -#tsd-search .results a:before { - top: 10px; -} -#tsd-search .results span.parent { - color: var(--color-text-aside); - font-weight: normal; -} -#tsd-search.has-focus { - background-color: var(--color-accent); -} -#tsd-search.has-focus .field input { - top: 0; - opacity: 1; -} -#tsd-search.has-focus .title, -#tsd-search.has-focus #tsd-toolbar-links a { - z-index: 0; - opacity: 0; -} -#tsd-search.has-focus .results { - visibility: visible; -} -#tsd-search.loading .results li.state.loading { - display: block; -} -#tsd-search.failure .results li.state.failure { - display: block; -} - -#tsd-toolbar-links { - position: absolute; - top: 0; - right: 2rem; - height: 100%; - display: flex; - align-items: center; - justify-content: flex-end; -} -#tsd-toolbar-links a { - margin-left: 1.5rem; -} -#tsd-toolbar-links a:hover { - text-decoration: underline; -} - -.tsd-signature { - margin: 0 0 1rem 0; - padding: 1rem 0.5rem; - border: 1px solid var(--color-accent); - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - font-size: 14px; - overflow-x: auto; -} - -.tsd-signature-symbol { - color: var(--color-text-aside); - font-weight: normal; -} - -.tsd-signature-type { - font-style: italic; - font-weight: normal; -} - -.tsd-signatures { - padding: 0; - margin: 0 0 1em 0; - list-style-type: none; -} -.tsd-signatures .tsd-signature { - margin: 0; - border-color: var(--color-accent); - border-width: 1px 0; - transition: background-color 0.1s; -} -.tsd-description .tsd-signatures .tsd-signature { - border-width: 1px; -} - -ul.tsd-parameter-list, -ul.tsd-type-parameter-list { - list-style: square; - margin: 0; - padding-left: 20px; -} -ul.tsd-parameter-list > li.tsd-parameter-signature, -ul.tsd-type-parameter-list > li.tsd-parameter-signature { - list-style: none; - margin-left: -20px; -} -ul.tsd-parameter-list h5, -ul.tsd-type-parameter-list h5 { - font-size: 16px; - margin: 1em 0 0.5em 0; -} -.tsd-sources { - margin-top: 1rem; - font-size: 0.875em; -} -.tsd-sources a { - color: var(--color-text-aside); - text-decoration: underline; -} -.tsd-sources ul { - list-style: none; - padding: 0; -} - -.tsd-page-toolbar { - position: fixed; - z-index: 1; - top: 0; - left: 0; - width: 100%; - color: var(--color-text); - background: var(--color-background-secondary); - border-bottom: 1px var(--color-accent) solid; - transition: transform 0.3s ease-in-out; -} -.tsd-page-toolbar a { - color: var(--color-text); - text-decoration: none; -} -.tsd-page-toolbar a.title { - font-weight: bold; -} -.tsd-page-toolbar a.title:hover { - text-decoration: underline; -} -.tsd-page-toolbar .tsd-toolbar-contents { - display: flex; - justify-content: space-between; - height: 2.5rem; - margin: 0 auto; -} -.tsd-page-toolbar .table-cell { - position: relative; - white-space: nowrap; - line-height: 40px; -} -.tsd-page-toolbar .table-cell:first-child { - width: 100%; -} -.tsd-page-toolbar .tsd-toolbar-icon { - box-sizing: border-box; - line-height: 0; - padding: 12px 0; -} - -.tsd-page-toolbar--hide { - transform: translateY(-100%); -} - -.tsd-widget { - display: inline-block; - overflow: hidden; - opacity: 0.8; - height: 40px; - transition: opacity 0.1s, background-color 0.2s; - vertical-align: bottom; - cursor: pointer; -} -.tsd-widget:hover { - opacity: 0.9; -} -.tsd-widget.active { - opacity: 1; - background-color: var(--color-accent); -} -.tsd-widget.no-caption { - width: 40px; -} -.tsd-widget.no-caption:before { - margin: 0; -} - -.tsd-widget.options, -.tsd-widget.menu { - display: none; -} -@media (max-width: 1024px) { - .tsd-widget.options, - .tsd-widget.menu { - display: inline-block; - } -} -input[type="checkbox"] + .tsd-widget:before { - background-position: -120px 0; -} -input[type="checkbox"]:checked + .tsd-widget:before { - background-position: -160px 0; -} - -img { - max-width: 100%; -} - -.tsd-anchor-icon { - display: inline-flex; - align-items: center; - margin-left: 0.5rem; - vertical-align: middle; - color: var(--color-text); -} - -.tsd-anchor-icon svg { - width: 1em; - height: 1em; - visibility: hidden; -} - -.tsd-anchor-link:hover > .tsd-anchor-icon svg { - visibility: visible; -} - -.deprecated { - text-decoration: line-through; -} - -.warning { - padding: 1rem; - color: var(--color-warning-text); - background: var(--color-background-warning); -} - -* { - scrollbar-width: thin; - scrollbar-color: var(--color-accent) var(--color-icon-background); -} - -*::-webkit-scrollbar { - width: 0.75rem; -} - -*::-webkit-scrollbar-track { - background: var(--color-icon-background); -} - -*::-webkit-scrollbar-thumb { - background-color: var(--color-accent); - border-radius: 999rem; - border: 0.25rem solid var(--color-icon-background); -} diff --git a/docs/classes/cg_select.CGSelect.html b/docs/classes/cg_select.CGSelect.html deleted file mode 100644 index bb487e6..0000000 --- a/docs/classes/cg_select.CGSelect.html +++ /dev/null @@ -1,4248 +0,0 @@ - - - - - - CGSelect | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Class CGSelect

    -
    -
    -
    -

    Description

    -

    - This class implements the functionality of a custom select, with customization - capabilities. -

    - -

    Author

    -

    Ovsyanikov Maxim

    -
    -
    -
    -

    Hierarchy

    -
      -
    • CGSelect
      • -
    -
    -
    -

    Implements

    - -
    - -
    -
    -
    - - - -
    -
    -

    Constructors

    -
    - - - constructor -
    -
    -
    -

    Properties

    -
    - - - buttonAction? - - - carriage - - - category? - - - closeOnSelect? - - - element - - - event? - - - indexes - - - items? - - - lable? - - - language? - - - list - - - listDisplayMode? - - - multiselect? - - - multiselectTag? - - - nativeSelectMode? - - - options - - - placeholder? - - - randomId - - - searchMode? - - - selected? - - - selectedItems - - - selector? - - - styles? - - - theme? - - - url? -
    -
    -
    -

    Accessors

    -
    - - - indexesOf - - - value -
    -
    -
    -

    Methods

    -
    - - - addItem - - - addLanguage - - - addOptionsBehaviour - - - buttonControl - - - close - - - closeSelectClick - - - deleteItem - - - deleteItemAll - - - disabled - - - displayMode - - - getElement - - - init - - - initEvent - - - initSelected - - - on - - - open - - - render - - - renderUrl - - - searchModeSelect - - - selectIndex - - - selectMode -
    -
    -
    -
    -
    -
    -
    -

    Constructors

    -
    - -

    - constructor - - - -

    -
      - -
    • -
      -

      Description

      -

      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: {...},
           carriage: {...},
           placeholder: {...},
           lable: {..},
         },
         event: '...',
         url: 'http/...',
         multiselect: true/false,
         multiselectTag: true/false,
      }
-
      -
      -
      -

      Parameters

      -
        -
      • -
        - setting: - ICgSelect -
        -
        -

        Object accepting select settings.

        -
        -
        • -
      -
      -

      - Returns - CGSelect -

      - -
      • -
    -
    -
    -
    -

    Properties

    -
    - -

    - Private - Optional buttonAction - - - -

    -
    - buttonAction?: - null | Element -
    -

    Button, to control the select.

    - -
    -
    - -

    - Private carriage - - - -

    -
    - carriage: - undefined | null | Element -
    -

    Variable for carriage control.

    - -
    -
    - -

    - Private - Optional category - - - -

    -
    - category?: - string -
    -

    Transferred categories.

    - -
    -
    - -

    - Optional - closeOnSelect - - - -

    -
    - closeOnSelect?: - boolean -
    -
    -

    - 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. -

    -
    - -
    -
    - -

    - 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 - listDisplayMode - - - -

    -
    - listDisplayMode?: - boolean -
    -
    -

    - 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 - multiselectTag - - - -

    -
    - multiselectTag?: - boolean -
    -
    -

    - An optional parameter that is responsible for the behavior of the select, for him, - *** works only in a place with a multiselect connection. -

    -
    - -
    -
    - -

    - Optional - nativeSelectMode - - - -

    -
    - nativeSelectMode?: - boolean -
    -
    -

    - 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 randomId - - - -

    -
    - randomId: - string -
    -

    Unique Id for elements.

    - -
    -
    - -

    - Optional searchMode - - - -

    -
    - searchMode?: - boolean -
    -
    -

    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 selectedItems - - - -

    -
    - selectedItems: - string | string[] -
    -
    -

    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 theme - - - -

    -
    - theme?: - string -
    -
    -

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

    -
    - -
    -
    - -

    - 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

    -
    - -

    - indexesOf - - - -

    -
      -
    • - 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

    -
    - -

    - addItem - - - -

    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    - -

    - addLanguage - - - -

    -
      - -
    • -
      -

      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 - addOptionsBehaviour - - - -

    -
      - -
    • - Private -
      -

      Description

      -

      A method that implements the selection of elements in different modes.

      - -

      Method

      -

      addOptionsBehaviour

      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - buttonControl - - - -

    -
      - -
    • -
      -

      Description

      -

      A method that allows you to open / close the select using buttons.

      - -

      Method

      -

      buttonControl

      -
      -
      -

      Parameters

      -
        -
      • -
        button: Element
        -

        HTML button.

        -
        • -
      • -
        method: string
        -

        open/close method.

        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private close - - - -

    -
      - -
    • - Private -
      -

      Description

      -

      Closes the list.

      - -

      Method

      -

      close

      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private - closeSelectClick - - - -

    -
      - -
    • - Private -
      -

      Description

      -

      Closes the list on click outside of an element.

      - -

      Method

      -

      closeSelectClick

      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - deleteItem - - - -

    -
      - -
    • -
      -

      Description

      -

      - removes the element by index from the list and redraws it. Cannot be used when - passing elements with categories. -

      - -

      Method

      -

      deleteItem

      -
      -
      -

      Parameters

      -
        -
      • -
        index: number
        -
        -

        the index of the element to be removed.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - deleteItemAll - - - -

    -
      - -
    • -
      -

      Description

      -

      removes all elements from the list and redraws it.

      - -

      Method

      -

      deleteItemAll

      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - disabled - - - -

    -
      - -
    • -
      -

      Description

      -

      A method that allows you to toggle the state of the disabled select.

      - -

      Method

      -

      disabled

      -
      -
      -

      Parameters

      -
        -
      • -
        value: boolean
        -
        -

        Passed parameter to add the disabled attribute.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private displayMode - - - -

    -
      - -
    • - 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 -

      - -
      • -
    -
    -
    - -

    - getElement - - - -

    -
      - -
    • -
      -

      Returns

      -

      returns a reference to the selected HTML element.

      - -

      Method

      -

      getElement

      -
      -
      -

      Parameters

      -
        -
      • -
        numberItem: number
        -

        returned element number.

        -
        • -
      -
      -

      - Returns any -

      - -
      • -
    -
    -
    - -

    - Private init - - - -

    -
      - -
    • - 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',
              ],
              multiselect: true,
              multiselectTag: true,
            }
-
      -
      -
      -

      Parameters

      -
        -
      • -
        - setting: - ICgSelect -
        -

        passed select settings.

        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private initEvent - - - -

    -
      - -
    • - Private -
      -

      Description

      -

      Opens and closes the list by the passed event.

      - -

      Method

      -

      initEvent

      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private initSelected - - - -

    -
      - -
    • - Private -
      -

      Method

      -

      initSelected

      - -

      Description

      -

      Renders and styles the select.

      -
      -
      -

      Parameters

      -
        -
      • -
        - Optional select: - string -
        -
        -

        optional element. Used in the selectedIndex method.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - on - - - -

    -
      - -
    • -
      -

      Description

      -

      Method for tracking the actions of the select, you can pass a callback

      - -

      Method

      -

      on

      -
      -
      -

      Parameters

      -
        -
      • -
        state: string
        -

        select state.

        -
        • -
      • -
        - callback: ((state: any) => any) -
        -
          -
        • -
            -
          • - (state: any): any -
            • -
          • -
            -

            Parameters

            -
              -
            • -
              state: any
              -
              • -
            -
            -

            - Returns any -

            -
            • -
          -
          • -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private open - - - -

    -
      - -
    • - Private -
      -

      Description

      -

      Opens a list to select an element.

      - -

      Method

      -

      open

      -
      -
      -

      Parameters

      -
        -
      • -
        - Optional oneClick: - boolean -
        -
        -

        optional parameter passed from the buttonControl function.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private render - - - -

    -
      - -
    • - Private -
      -

      Method

      -

      render

      - -

      Description

      -

      Render elements in select.

      -
      -
      -

      Parameters

      -
        -
      • -
        - Optional select: - string -
        -
        -

        optional element. Passed to the initSelected.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private renderUrl - - - -

    -
      - -
    • - Private -
      -

      Method

      -

      renderUrl

      - -

      Description

      -

      Rendering elements in the select passed from the URL and setting them up.

      -
      -

      - Returns Promise<void> -

      - -
      • -
    -
    -
    - -

    - Private - searchModeSelect - - - -

    -
      - -
    • - Private -
      -

      Description

      -

      The method that implements the search for elements in the select.

      - -

      Method

      -

      searchMode

      -
      -
      -

      Parameters

      -
        -
      • -
        random: string
        -
        -

        unique value for input element.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - selectIndex - - - -

    -
      - -
    • -
      -

      Description

      -

      selects the element that will be initially rendered in the select.

      - -

      Method

      -

      selectIndex

      -
      -
      -

      Parameters

      -
        -
      • -
        index: number
        -
        -

        the index of the selected element.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    - -

    - Private selectMode - - - -

    -
      - -
    • - Private -
      -

      Description

      -

      Changes the display of the select on mobile devices.

      - -

      Method

      -

      selectMode

      -
      -
      -

      Parameters

      -
        -
      • -
        nativeSelectMode: boolean
        -
        -

        parameter responsible for adding native select.

        -
        -
        • -
      -
      -

      - Returns void -

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

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.checkItemStruct.html b/docs/functions/Utils.checkItemStruct.html deleted file mode 100644 index 756b5e5..0000000 --- a/docs/functions/Utils.checkItemStruct.html +++ /dev/null @@ -1,357 +0,0 @@ - - - - - - checkItemStruct | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function checkItemStruct

    -
    -
    -
      - -
    • -
      -

      Checking if item contains the specified properties.

      - -

      Returns

      -

      returns true/false if item contains the specified properties.

      -
      -
      -

      Parameters

      -
        -
      • -
        item: object
        -
        -

        element to be checked against a certain structure.

        -
        -
        • -
      -
      -

      - Returns boolean -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.clearSelect.html b/docs/functions/Utils.clearSelect.html deleted file mode 100644 index f5a17f0..0000000 --- a/docs/functions/Utils.clearSelect.html +++ /dev/null @@ -1,382 +0,0 @@ - - - - - - clearSelect | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function clearSelect

    -
    -
    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.createSelected.html b/docs/functions/Utils.createSelected.html deleted file mode 100644 index ec58d35..0000000 --- a/docs/functions/Utils.createSelected.html +++ /dev/null @@ -1,388 +0,0 @@ - - - - - - createSelected | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function createSelected

    -
    -
    -
      - -
    • -

      Creating an Item Selector Button.

      -
      -

      Parameters

      -
        -
      • -
        element: Element
        -
        -

        instantiated class CgSelect.

        -
        -
        • -
      • -
        - Optional content: - string -
        -
        -

        placeholer passed from select settings.

        -
        -
        • -
      • -
        - Optional styles: - IStyle -
        -
        -

        - optional parameter. The object in which the settings for customizing parts - of the select are located. -

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.customStyles.html b/docs/functions/Utils.customStyles.html deleted file mode 100644 index 7f5b738..0000000 --- a/docs/functions/Utils.customStyles.html +++ /dev/null @@ -1,375 +0,0 @@ - - - - - - customStyles | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function customStyles

    -
    -
    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.customStylesFormat.html b/docs/functions/Utils.customStylesFormat.html deleted file mode 100644 index f0a3bca..0000000 --- a/docs/functions/Utils.customStylesFormat.html +++ /dev/null @@ -1,364 +0,0 @@ - - - - - - customStylesFormat | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function customStylesFormat

    -
    -
    -
      - -
    • -
      -

      Generic Method for Styling a Select.

      -
      -
      -

      Parameters

      -
        -
      • -
        elemOption: object
        -
        -

        - an object obtained from the styles object from which we get the styles - key-value. -

        -
        -
        • -
      • -
        selector: any
        -
        -

        HTMLElement subject to customization.

        -
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.getFormatItem.html b/docs/functions/Utils.getFormatItem.html deleted file mode 100644 index 1de90db..0000000 --- a/docs/functions/Utils.getFormatItem.html +++ /dev/null @@ -1,373 +0,0 @@ - - - - - - getFormatItem | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function getFormatItem

    -
    -
    -
      - -
    • -
      -

      Converting each item obtained from the Items field;

      - -

      Returns

      -

      returns the formed object

      -
      -
      -

      Parameters

      -
        -
      • -
        dataItem: any
        -
        -

        received element passed when creating the select.

        -
        -
        • -
      • -
        index: number
        -

        index of this element.

        -
        • -
      -
      -

      - Returns - IItems -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.getSelectText.html b/docs/functions/Utils.getSelectText.html deleted file mode 100644 index c4b077f..0000000 --- a/docs/functions/Utils.getSelectText.html +++ /dev/null @@ -1,387 +0,0 @@ - - - - - - getSelectText | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function getSelectText

    -
    -
    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.nativeOptionMultiple.html b/docs/functions/Utils.nativeOptionMultiple.html deleted file mode 100644 index 2c30dc4..0000000 --- a/docs/functions/Utils.nativeOptionMultiple.html +++ /dev/null @@ -1,381 +0,0 @@ - - - - - - nativeOptionMultiple | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function nativeOptionMultiple

    -
    -
    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/Utils.nativeOptionOrdinary.html b/docs/functions/Utils.nativeOptionOrdinary.html deleted file mode 100644 index f137a6a..0000000 --- a/docs/functions/Utils.nativeOptionOrdinary.html +++ /dev/null @@ -1,372 +0,0 @@ - - - - - - nativeOptionOrdinary | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function nativeOptionOrdinary

    -
    -
    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/components_create_element_create_element.createBreadCrumb.html b/docs/functions/components_create_element_create_element.createBreadCrumb.html deleted file mode 100644 index 909a72b..0000000 --- a/docs/functions/components_create_element_create_element.createBreadCrumb.html +++ /dev/null @@ -1,366 +0,0 @@ - - - - - - createBreadCrumb | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function createBreadCrumb

    -
    -
    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/components_create_element_create_element.createInputSearch.html b/docs/functions/components_create_element_create_element.createInputSearch.html deleted file mode 100644 index c8c2a64..0000000 --- a/docs/functions/components_create_element_create_element.createInputSearch.html +++ /dev/null @@ -1,338 +0,0 @@ - - - - - - createInputSearch | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function createInputSearch

    -
    -
    -
      - -
    • -
      -

      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 -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/components_create_element_create_element.createNativeSelect.html b/docs/functions/components_create_element_create_element.createNativeSelect.html deleted file mode 100644 index 340b746..0000000 --- a/docs/functions/components_create_element_create_element.createNativeSelect.html +++ /dev/null @@ -1,315 +0,0 @@ - - - - - - createNativeSelect | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function createNativeSelect

    -
    -
    -
      - -
    • -
      -

      The method that creates the native select.

      - -

      Returns

      -

      Returns the created native select.

      -
      -

      - Returns HTMLSelectElement -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/components_create_element_create_element.createNativeSelectOption.html b/docs/functions/components_create_element_create_element.createNativeSelectOption.html deleted file mode 100644 index 46124b9..0000000 --- a/docs/functions/components_create_element_create_element.createNativeSelectOption.html +++ /dev/null @@ -1,316 +0,0 @@ - - - - - - createNativeSelectOption | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function createNativeSelectOption

    -
    -
    -
      - -
    • -
      -

      The method that creates Options for the native select.

      - -

      Returns

      -

      Returns the generated Options of the native select.

      -
      -

      - Returns HTMLOptionElement -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/functions/components_theme_theme.changeTheme.html b/docs/functions/components_theme_theme.changeTheme.html deleted file mode 100644 index b571cfc..0000000 --- a/docs/functions/components_theme_theme.changeTheme.html +++ /dev/null @@ -1,288 +0,0 @@ - - - - - - changeTheme | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Function changeTheme

    -
    -
    -
      - -
    • -
      -

      Parameters

      -
        -
      • -
        element: Element
        -
        • -
      • -
        theme: string
        -
        • -
      -
      -

      - Returns void -

      - -
      • -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/index.html b/docs/index.html deleted file mode 100644 index 5a8e523..0000000 --- a/docs/index.html +++ /dev/null @@ -1,368 +0,0 @@ - - - - - - cg-select - - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    -

    cg-select

    -
    -
    - -

    CG-SELECT

    -     - - -

    version ~ 0.2.4

    -     -

    - 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:

    -     -
      -
    1. Create a regular button element.
      2. -
    2. Give it the cg-dropdown class.
      3. -
    - 
    <button class="cg-dropdown"></button>
-
    -
      -
    1. Give it a unique class, e.g. (cg-dropdown_categories).
      2. -
    - 
    <button class="cg-dropdown cg-dropdown_categories"></button>
-
    -
      -
    1. Create a new instance of the class (new CGSelect)
      2. -
    2. Pass all desired settings as an object
      3. -
    - - -

    - 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/ -

    -

    - image - image - 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 - settings to select. You can also open it on the page with an example, or follow the link - below. -

    - - -

    Contributing

    -     -
      -
    1. Fork it!
      2. -
    2. Create your feature branch: git checkout -b my-new-feature
      3. -
    3. Commit your changes: git commit -am 'Add some feature'
      4. -
    4. Push to the branch: git push origin my-new-feature
      5. -
    5. Submit a pull request :D
      6. -
    - - -

    Compatibility

    -     - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Application CompatibilityJSReactAngularVue
    CG-SELECT - image - - image - image - - image - - image -
    CommentTested in Js applications and it worksуспешно. - Works only with a crutch in the form setTimeout() - not yet availablenot yet available
    - - -

    History

    -     -

    16.12.2022 - release version 0.1.0!

    -

    20.01.2023 - upgrade to version 0.2.1

    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html b/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html deleted file mode 100644 index fe19669..0000000 --- a/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html +++ /dev/null @@ -1,539 +0,0 @@ - - - - - - ICreateBreadCrumb | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Interface ICreateBreadCrumb

    -
    -
    -
    -

    Description

    -

    cSettings for creating chips.

    -
    -
    -
    -

    Hierarchy

    -
      -
    • ICreateBreadCrumb
      • -
    -
    - -
    -
    -
    - - - -
    -
    -

    Properties

    -
    - - - element - - - indexes - - - option - - - selectedItems -
    -
    -
    -
    -
    -
    -
    -

    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.

    - -
    -
    - -

    - selectedItems - - - -

    -
    - selectedItems: - string[] -
    -

    Array with selected elements.

    - -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/interfaces/components_utils_urils_interface.IDataItem.html b/docs/interfaces/components_utils_urils_interface.IDataItem.html deleted file mode 100644 index ff37a83..0000000 --- a/docs/interfaces/components_utils_urils_interface.IDataItem.html +++ /dev/null @@ -1,487 +0,0 @@ - - - - - - IDataItem | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Interface IDataItem

    -
    -
    -
    -

    Description

    -

    Receive Item Settings.

    -
    -
    -
    -

    Hierarchy

    -
      -
    • IDataItem
      • -
    -
    - -
    -
    -
    - - - -
    -
    -

    Properties

    -
    - - - ItemValue - - - category? - - - categoryItems? -
    -
    -
    -
    -
    -
    -
    -

    Properties

    -
    - -

    - ItemValue - - - -

    -
    - ItemValue: - string | number | IItems -
    -

    The value of the passed element.

    - -
    -
    - -

    - Optional category - - - -

    -
    - category?: - string -
    -
    -

    Optional parameter. Item group category.

    -
    - -
    -
    - -

    - Optional categoryItems - - - -

    -
    - categoryItems?: - IItems[] | string[] -
    -
    -

    Optional parameter. Array with elements.

    -
    - -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/interfaces/components_utils_urils_interface.ISelectedItems.html b/docs/interfaces/components_utils_urils_interface.ISelectedItems.html deleted file mode 100644 index 0cc76e0..0000000 --- a/docs/interfaces/components_utils_urils_interface.ISelectedItems.html +++ /dev/null @@ -1,657 +0,0 @@ - - - - - - ISelectedItems | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Interface ISelectedItems

    -
    -
    -
    -

    Description

    -

    Settings for select text, etc.

    -
    -
    -
    -

    Hierarchy

    -
      -
    • ISelectedItems
      • -
    -
    - -
    -
    -
    - - - -
    -
    -

    Properties

    -
    - - - indexes? - - - multiselectTag? - - - placeholder? - - - selected? - - - selectedItems? - - - theme? -
    -
    -
    -
    -
    -
    -
    -

    Properties

    -
    - -

    - Optional indexes - - - -

    -
    - indexes?: - number[] -
    -
    -

    Array of indexes of selected elements.

    -
    - -
    -
    - -

    - Optional - multiselectTag - - - -

    -
    - multiselectTag?: - boolean -
    -
    -

    - 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 selectedItems - - - -

    -
    - selectedItems?: - string[] -
    -
    -

    Array of selected items from the list.

    -
    - -
    -
    - -

    - Optional theme - - - -

    -
    - theme?: - string -
    -
    -

    - An optional parameter that is responsible for enabling a light/dark theme by - default, the dark theme is set. -

    -
    - -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html b/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html deleted file mode 100644 index 2d817ba..0000000 --- a/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html +++ /dev/null @@ -1,1263 +0,0 @@ - - - - - - ICgSelect | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Interface ICgSelect

    -
    -
    -
    -

    Description

    -

    Select settings.

    -
    -
    -
    -

    Hierarchy

    -
      -
    • ICgSelect
      • -
    -
    -
    -

    Implemented by

    - -
    - -
    -
    -
    - - - -
    -
    -

    Properties

    -
    - - - closeOnSelect? - - - event? - - - items? - - - lable? - - - language? - - - listDisplayMode? - - - multiselect? - - - multiselectTag? - - - nativeSelectMode? - - - placeholder? - - - searchMode? - - - selected? - - - selector? - - - styles? - - - theme? - - - url? -
    -
    -
    -
    -
    -
    -
    -

    Properties

    -
    - -

    - Optional - closeOnSelect - - - -

    -
    - closeOnSelect?: - boolean -
    -
    -

    - 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 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 - listDisplayMode - - - -

    -
    - listDisplayMode?: - boolean -
    -
    -

    - 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 - multiselectTag - - - -

    -
    - multiselectTag?: - boolean -
    -
    -

    - An optional parameter that is responsible for the behavior of the select, for him, - *** works only in a place with a multiselect connection. -

    -
    - -
    -
    - -

    - Optional - nativeSelectMode - - - -

    -
    - nativeSelectMode?: - boolean -
    -
    -

    - 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 searchMode - - - -

    -
    - searchMode?: - boolean -
    -
    -

    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 theme - - - -

    -
    - theme?: - string -
    -
    -

    - An optional parameter responsible for switching between different themes, the - classic theme is set by default. -

    -
    - -
    -
    - -

    - 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: - ""}. -

    -
    - -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/interfaces/interfaces_cg_select_interface.IStyle.html b/docs/interfaces/interfaces_cg_select_interface.IStyle.html deleted file mode 100644 index a840b3d..0000000 --- a/docs/interfaces/interfaces_cg_select_interface.IStyle.html +++ /dev/null @@ -1,674 +0,0 @@ - - - - - - IStyle | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Interface IStyle

    -
    -
    -
    -

    Description

    -

    Style Settings.

    -
    -
    -
    -

    Hierarchy

    -
      -
    • IStyle
      • -
    -
    - -
    -
    -
    - - - -
    -
    -

    Properties

    -
    - - - caret? - - - chips? - - - head? - - - lable? - - - list? - - - placeholder? - - - search? -
    -
    -
    -
    -
    -
    -
    -

    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.

    - -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/interfaces/interfaces_items_interface.IItems.html b/docs/interfaces/interfaces_items_interface.IItems.html deleted file mode 100644 index 170f152..0000000 --- a/docs/interfaces/interfaces_items_interface.IItems.html +++ /dev/null @@ -1,464 +0,0 @@ - - - - - - IItems | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Interface IItems

    -
    -
    -
    -

    Description

    -

    Element structure.

    -
    -
    -
    -

    Hierarchy

    -
      -
    • IItems
      • -
    -
    - -
    -
    -
    - - - -
    -
    -

    Properties

    -
    - - - id - - - title - - - value -
    -
    -
    -
    -
    -
    -
    -

    Properties

    -
    - -

    - id - - - -

    -
    - id: - string -
    -

    Unique item ID.

    - -
    -
    - -

    - title - - - -

    -
    - title: - string -
    -

    Element text value.

    - -
    -
    - -

    - value - - - -

    -
    - value: - string | number -
    -
    -

    Sequence number, or other information.

    -
    - -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/interfaces/interfaces_language_interface.ILanguage.html b/docs/interfaces/interfaces_language_interface.ILanguage.html deleted file mode 100644 index df415a2..0000000 --- a/docs/interfaces/interfaces_language_interface.ILanguage.html +++ /dev/null @@ -1,468 +0,0 @@ - - - - - - ILanguage | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Interface ILanguage

    -
    -
    -
    -

    Description

    -

    Settings for adding languages.

    -
    -
    -
    -

    Hierarchy

    -
      -
    • ILanguage
      • -
    -
    - -
    -
    -
    - - - -
    -
    -

    Properties

    -
    - - - placeholder - - - selectPlaceholder - - - textInListSearch -
    -
    -
    -
    -
    -
    -
    -

    Properties

    -
    - -

    - placeholder - - - -

    -
    - placeholder: - string -
    -

    Search text.

    - -
    -
    - -

    - selectPlaceholder - - - -

    -
    - selectPlaceholder: - string -
    -
    -

    Default Select Text if no placeholder or selected element is specified.

    -
    - -
    -
    - -

    - textInListSearch - - - -

    -
    - textInListSearch: - string -
    -

    Text if no match.

    - -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules.html b/docs/modules.html deleted file mode 100644 index 10a0f16..0000000 --- a/docs/modules.html +++ /dev/null @@ -1,305 +0,0 @@ - - - - - - cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    -

    Modules in CG-Select

    -
    -
    -
    -
    -

    Main

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

    Utils

    -
    - - - Utils - - - utils.interface -
    - -

    Create-element

    -
    - - - create-element - - - create-element.interface -
    - -

    Language

    -
    - - - language - - - language.interface -
    - -

    Change-Theme

    -
    - - - theme -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/Utils.html b/docs/modules/Utils.html deleted file mode 100644 index c44c836..0000000 --- a/docs/modules/Utils.html +++ /dev/null @@ -1,389 +0,0 @@ - - - - - - Utils | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module Utils

    -
    -
    -

    Utils module

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Functions

    -
    - - - checkItemStruct - - - clearSelect - - - createSelected - - - customStyles - - - customStylesFormat - - - getFormatItem - - - getSelectText - - - nativeOptionMultiple - - - nativeOptionOrdinary -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/cg_select.html b/docs/modules/cg_select.html deleted file mode 100644 index 48de942..0000000 --- a/docs/modules/cg_select.html +++ /dev/null @@ -1,255 +0,0 @@ - - - - - - cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module cg-select

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Classes

    -
    - - - CGSelect -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/components_create_element_create_element.html b/docs/modules/components_create_element_create_element.html deleted file mode 100644 index e8db816..0000000 --- a/docs/modules/components_create_element_create_element.html +++ /dev/null @@ -1,314 +0,0 @@ - - - - - - components/create-element/create-element | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module components/create-element

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Functions

    -
    - - - createBreadCrumb - - - createInputSearch - - - createNativeSelect - - - createNativeSelectOption -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/components_create_element_create_element_interface.html b/docs/modules/components_create_element_create_element_interface.html deleted file mode 100644 index 5b3d58b..0000000 --- a/docs/modules/components_create_element_create_element_interface.html +++ /dev/null @@ -1,262 +0,0 @@ - - - - - - components/create-element/create-element.interface | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module components/create-element.interface

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Interfaces

    -
    - - - ICreateBreadCrumb -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/components_theme_theme.html b/docs/modules/components_theme_theme.html deleted file mode 100644 index a520415..0000000 --- a/docs/modules/components_theme_theme.html +++ /dev/null @@ -1,256 +0,0 @@ - - - - - - components/theme/theme | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module components/Theme

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Functions

    -
    - - - changeTheme -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/components_utils_urils_interface.html b/docs/modules/components_utils_urils_interface.html deleted file mode 100644 index 7203431..0000000 --- a/docs/modules/components_utils_urils_interface.html +++ /dev/null @@ -1,280 +0,0 @@ - - - - - - components/utils/urils.interface | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module components/urils.interface

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Interfaces

    -
    - - - IDataItem - - - ISelectedItems -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/interfaces_cg_select_interface.html b/docs/modules/interfaces_cg_select_interface.html deleted file mode 100644 index 6e0214e..0000000 --- a/docs/modules/interfaces_cg_select_interface.html +++ /dev/null @@ -1,280 +0,0 @@ - - - - - - interfaces/cg-select.interface | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module interfaces/Cg-select.interface

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Interfaces

    -
    - - - ICgSelect - - - IStyle -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/interfaces_items_interface.html b/docs/modules/interfaces_items_interface.html deleted file mode 100644 index 7ba36f8..0000000 --- a/docs/modules/interfaces_items_interface.html +++ /dev/null @@ -1,256 +0,0 @@ - - - - - - interfaces/items.interface | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module interfaces/Items.interface

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Interfaces

    -
    - - - IItems -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/interfaces_language_interface.html b/docs/modules/interfaces_language_interface.html deleted file mode 100644 index b07485b..0000000 --- a/docs/modules/interfaces_language_interface.html +++ /dev/null @@ -1,258 +0,0 @@ - - - - - - interfaces/language.interface | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module interfaces/Language.interface

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Interfaces

    -
    - - - ILanguage -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/modules/language_language.html b/docs/modules/language_language.html deleted file mode 100644 index 4bf7906..0000000 --- a/docs/modules/language_language.html +++ /dev/null @@ -1,271 +0,0 @@ - - - - - - language/language | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Module language/Language

    -
    - -
    -
    -
    -
    -
    -

    Index

    -
    -

    Variables

    -
    - - - en - - - ru -
    -
    -
    -
    -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/variables/language_language.en.html b/docs/variables/language_language.en.html deleted file mode 100644 index e9bce1c..0000000 --- a/docs/variables/language_language.en.html +++ /dev/null @@ -1,252 +0,0 @@ - - - - - - en | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Variable enConst

    -
    -
    - en: - ILanguage = ... -
    - -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/docs/variables/language_language.ru.html b/docs/variables/language_language.ru.html deleted file mode 100644 index 3ff9da4..0000000 --- a/docs/variables/language_language.ru.html +++ /dev/null @@ -1,252 +0,0 @@ - - - - - - ru | cg-select - - - - - - - - -
    -
    - - -
    -
    -
    -
    -
    - -

    Variable ruConst

    -
    -
    - ru: - ILanguage = ... -
    - -
    -
    -
    -
    - -

    - - - - Settings -

    -     -
    -
    -

    Member Visibility

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

    Theme

    - -
    -
    -
    -
    - - -
    -
    -
    -

    Generated using TypeDoc

    -
    -
    - - - diff --git a/example/example.scss b/example/example.scss deleted file mode 100644 index a4e07c5..0000000 --- a/example/example.scss +++ /dev/null @@ -1,270 +0,0 @@ -@import '/src/main.scss'; -@import './src/constructor/constructor.scss'; - -* { - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; - text-align: justify; -} - -.testClass { - background-color: #8297ff; - color: white; -} - -.listTest { - background-color: #8297ff; - border: 1px solid black; - color: white; -} - -.body-example { - background: #000000c4; -} - -.container { - margin: 0 auto; - width: 900px; - - display: -webkit-box; - display: -ms-flexbox; - display: flex; - - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} - -.header { - position: relative; - width: 100%; - border-radius: 5px; - display: flex; - align-items: center; - flex-direction: column; - background-color: #2a2f3b; - margin-bottom: 8px; - - h1 { - font-size: 57px; - color: white; - font-family: 'Times New Roman', Times, serif; - margin: 40px 0 12px 0; - } - - &__logoBox { - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; - } - - &__logo { - width: 13%; - height: 16%; - border: 1px solid #525252; - border-radius: 50%; - - margin: 22px 0 0 29px; - } - - .navlist { - display: flex; - justify-content: space-around; - margin: 15px 0 30px 0; - padding: 0; - width: 230px; - - li { - display: inline; - list-style: none; - text-decoration: none; - - a { - color: white; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } - } - } -} - -.content { - margin-top: 15px; - border-radius: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -ms-border-radius: 5px; - -o-border-radius: 5px; -} - -.example-select { - width: 100%; - background-color: #5c5c5c; - border-radius: 5px; - margin: 15px 0 0 0; - - &_title { - height: 45px; - border-top-left-radius: 5px; - border-top-right-radius: 5px; - color: white; - padding: 20px 0 0 40px; - margin: 0 0 30px 0; - background-color: #2a2f3b; - font-size: 20px; - } - - &_submit { - text-align: center; - width: 200px; - height: 35px; - border-radius: 10px; - border: none; - margin-top: 20px; - margin: 20px 15px; - cursor: pointer; - transition: 1s; - -webkit-transition: 1s; - -moz-transition: 1s; - -ms-transition: 1s; - -o-transition: 1s; - - &:hover { - background-color: #d7d7d7; - transition: 1s; - -webkit-transition: 1s; - -moz-transition: 1s; - -ms-transition: 1s; - -o-transition: 1s; - } - } - - .layout-select { - margin: 15px; - } -} - -.row { - display: flex; - justify-content: space-around; -} - -.description-theme { - color: white; - - .col { - width: 54%; - } - - img { - border-radius: 15px; - } - - .createTheme { - display: flex; - flex-direction: column; - } - - h5 { - font-size: 18px; - margin: 0; - } - h6 { - font-size: 17px; - margin: 0; - } - p { - font-size: 16px; - } -} - -code { - display: none; -} - -pre { - background: #1e1e1e; - margin: 15px; - padding: 15px; - color: #88d0f7; - border-radius: 15px; - font-size: 16px; - line-height: 20px; -} - -.code { - &__class, - &__var, - &__string, - &__keyword { - font-size: 16px; - line-height: 20px; - } - &__class { - color: #4ec9b0; - } - - &__var { - color: #34a7ff; - } - - &__string { - color: #ce9178; - } - - &__keyword { - color: #5090ca; - } -} - -.check-code { - text-align: center; - width: 200px; - height: 35px; - cursor: pointer; - border: none; - border-radius: 10px; - margin: 20px 15px; - transition: all 1s; -} - -.active { - display: block; -} - -@media (max-width: 576px) { - .container { - width: 95%; - } - - .header { - margin-top: 15px; - h1 { - font-size: 32px; - } - } - - .example-select_title { - font-size: 14px; - height: 40px; - } -} - -.version { - position: absolute; - color: white; - font-size: 10px; - right: 20px; - bottom: 0px; -} diff --git a/example/index.html b/example/index.html deleted file mode 100644 index 8863a25..0000000 --- a/example/index.html +++ /dev/null @@ -1,530 +0,0 @@ - - - - - - - - - - - - - Cg-Select - - - - -
    -
    -
    -

    CG-SELECT

    - -
    -
    - -

    v. 0.2.4

    -
    -
    - -
    -
    -

    Default select

    -
    -
    - -
    - - - - - - 
    -              const dropdown = new CGSelect({
-                selector: '.cg-dropdown_one', 
-                placeholder: 'Choose a car', 
-                lable: 'EXAMPLE', 
-                items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'Ferari', 
-                ],
-                styles: {
-                  head: {
-                    width: '830px', 
-                  },
-                  list: {
-                    width: '824px', 
-                  },
-                },
-              });
-
    -     -
    -
    - -
    -

    Default select with function nativeSelectMode

    - -
    -

    - *Native select appears on mobile resolution. -

    -
    - -
    - - - - 
    -              const dropdown = new CGSelect({
-                selector: '.cg-dropdown_one', 
-                placeholder: 'Choose a car', 
-                nativeSelectMode: true,
-                items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'Ferari', 
-                ],
-                styles: {
-                  head: {
-                    width: '830px', 
-                  },
-                  list: {
-                    width: '824px', 
-                  },
-                },
-              });
-
    -     -
    -
    - -
    -

    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: 'Choose a car', 
-                listDisplayMode: true,
-                items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'Ferari', 
-                ],
-                styles: {
-                  head: {
-                    width: '830px', 
-                  },
-                  list: {
-                    width: '824px', 
-                  },
-                },
-              });
-
    -     -
    -
    - -
    -

    Select with data from URL

    -
    - -
    - - - - 
    -            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_three', 
-              placeholder: 'URL', 
-              url: 'https://jsonplaceholder.typicode.com/users',            
-              searchMode: true,
-              darkTheme: false,
-              language: 'ru',
-              styles: {
-                head: {
-                  width: '830px', 
-                },
-                list: {
-                  width: '824px', 
-                },
-              },
-            });
-
    -     -
    - -
    -

    Setting up and adding a theme

    - -
    -
    -
    -
    Default theme:
    -

    - To change the theme of the select, you need to specify this parameter in the select - settings. The default theme is the classic theme, you can choose a white or dark - theme. -

    - - 
    -                  const dropdown = new CGSelect({
-                    selector: '.cg-dropdown_one', 
-                    placeholder: 'Choose a car', 
-                    lable: 'EXAMPLE', 
-                    items: [
-                      ...
-                    ],
-                    theme:  'dark / white'
-                  });
-
    -     -
    - -
    -
    Create custom theme:
    -
    -

    - To create your own theme, you need to create an object with the following fields. - In these fields you need to insert the previously created css class. After - creating the object, just pass it to the select settings. -

    - - 
    -            interface CustomTheme {
-              name: 'string', 
-              styles: {
-                head?:  'string', 
-                list?: 'testClass', ,
-                placeholder?: 'string', ,
-                caret?: 'string', ,
-                search?: 'string', ,
-                chips?: 'string', ,
-                lable?: 'string', ,
-              },
-            });
-
    -     -
    -
    -
    - -
    Example:
    - -
    -
    For JS
    -
    For TS
    -
    - -
    - - 
    -        const newTheme = {
-          name: 'test', 
-          styles: {
-            head:  'headTestClass', 
-            list: 'listTestClass', ,
-            placeholder: 'placeholderTestClass', ,
-            caret: 'caretTestClass', ,
-            search: 'searchTestClass', ,
-            chips: 'chipsTestClass', ,
-            lable: 'lableTestClass', ,
-          },
-        });
-
    -     - - - 
    -        const newCustomTheme: CustomTheme  = {
-          name: 'test', 
-          styles: {
-            head:  'headTestClass', 
-            list: 'listTestClass', ,
-            placeholder: 'placeholderTestClass', ,
-            caret: 'caretTestClass', ,
-            search: 'searchTestClass', ,
-            chips: 'chipsTestClass', ,
-            lable: 'lableTestClass', ,
-          },
-        });
-
    -     -
    -
    CSS
    - - 
    -              .headTestClass {
-                background-color: #8297ff;
-                color: white;
-              }
-
-              .listTestClass {
-                background-color: #8297ff;
-                border: 1px solid black;
-                color: white;
-              }
-
    -     - -
    Example custom theme in CG-Select
    -

    - See an example of a select on - codesandbox.io -

    -
    - -
    -
    -
    - -
    -

    Select constructor

    -
    -
    -
    Select Style Builder:
    -

    - This is a constructor for styling a select online without downloading. For it to work, - you need to: -

      -
    1. Select a part of the select for customization.
      2. -
    2. Enter styles in the text field in the form "color: red;".
      3. -
    3. Click on the render button.
      4. -
    -

    -
    -
    -
    - - - -
    - -
    - -
    -
    - -
    -
    - -
    -

    Categories

    - -
    - -
    - - - - 
    -            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_categories', 
-              placeholder: 'Выберите регион', 
-              searchMode: true,
-              items: [
-                {
-                  category: 'Russia',
-                  categoryItems: [
-                    {
-                      id: '28qwds',
-                      title: 'Москва',
-                      value: 0,
-                    },
-                    'Ростов-на-дону',
-                    'Саратов',
-                    'Волгоград',
-                    'Донецк',
-                  ],
-                },
-                {
-                  category: 'USA',
-                  categoryItems: [
-                    'Alabama', 
-                    'Texas', 
-                    'Colorado', 
-                    'Klirens', 
-                    'Los-Angeles'],
-                },
-                {
-                  category: 'France',
-                  categoryItems: ['Paris'],
-                },
-              ],
-              styles: {
-                head: {
-                  width: '830px', 
-                },
-                list: {
-                  width: '824px', 
-                },
-                placeholder: {
-                  maxWidth: '500px ',
-                },
-              },
-              multiselect: true,
-              multiselectTag: true,
-            });
-
    -     -
    - -
    -

    Button control

    -
    - - -
    - -
    - -
    - - - - - 
    -            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_usedBtn', 
-              placeholder: 'Choose a car', 
-              searchMode: true,
-              items: [
-                  'BMW',
-                  {
-                    id: '213sade',
-                    title: 'Opel',
-                    value: 1,
-                  },
-                  'Mersedes', 
-                  'MAN',  
-                  'max', 
-              ],
-              styles: {
-                head: {
-                  width:  '830px',
-                  color:  'black',
-                  backgroundColor:  'rgb(176 223 167)',
-                },
-                list: {
-                  width:  '824px',
-                  color:  'black',
-                  backgroundColor:  'rgb(176 223 167)',
-                },
-                caret: {
-                  borderTop:  '6px solid black',
-                },
-                search: {
-                  backgroundColor:  '#d7ffff',
-                  borderRadius:  '5px',
-                  borderBottom:  'none',
-                  width:  '95%',
-                  color:  'black',
-                },
-              },
-              multiselect: true,
-            });
-
    -     -
    - -
    -

    Function disabled

    - - - - -
    - -
    - - - - 
    -            const dropdown = new CGSelect({
-              selector: '.cg-dropdown_checkboxDisable', 
-              placeholder: 'Choose a car', 
-              searchMode: true,
-              items: [
-                'BMW',
-                {
-                  id: '213sade',
-                  title: 'Opel',
-                  value: 1,
-                },
-                'Mersedes', 
-                'MAN',  
-                'Ferari', 
-              ],
-              styles: {
-                head: {
-                  width: '830px', 
-                },
-                list: {
-                  width: '824px', 
-                },
-                placeholder: {
-                  maxWidth: '500px ',
-                },
-              },
-              multiselect: true,
-            });
-
    -     -
    -
    - - - diff --git a/example/index.js b/example/index.js deleted file mode 100644 index 7ace743..0000000 --- a/example/index.js +++ /dev/null @@ -1,265 +0,0 @@ -import { CGSelect } from '../src/cg-select'; -import { newCustomTheme } from './src/themeTest'; - -import './src/example'; -import './src/constructor/constructor'; - -// ------------------------------Обычный селект-------------------- -const dropdown = new CGSelect({ - selector: '.cg-dropdown_one', - placeholder: 'Choose a car', - label: 'EXAMPLE', - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, -}); - -// dropdown.on('clear', function (e) { -// console.log(`this state: ${e}`); -// }); - -const droptheme = new CGSelect({ - selector: '.cg-dropdown_theme', - placeholder: 'Choose a car', - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, - theme: newCustomTheme, -}); -// ------------------------------NativeSelect----------------------- -const dropdownNativeSelect = new CGSelect({ - selector: '.cg-dropdown_selectNative', - placeholder: 'Choose a car', - nativeSelectMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - 'Kamaz', - 'Ural', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, - theme: 'dark', -}); - -// ------------------------------listDisplayMode-------------------- -const dropdownlistDisplayMode = new CGSelect({ - selector: '.cg-dropdown_listDisplayMode', - placeholder: 'Choose a car', - listDisplayMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, -}); - -// --------------------------------Категории-------------------------- -const dropdown4 = new CGSelect({ - selector: '.cg-dropdown_categories', - placeholder: 'Choose region', - searchMode: true, - items: [ - { - category: 'Russia', - categoryItems: [ - { - id: '28qwds', - title: 'Москва', - value: 0, - }, - , - 'Ростов-на-дону', - 'Саратов', - 'Волгоград', - 'Донецк', - ], - }, - { - category: 'USA', - categoryItems: ['Alabama', 'Texas', 'Colorado', 'Klirens', 'Los-Angeles'], - }, - { - category: 'France', - categoryItems: ['Paris'], - }, - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - placeholder: { - maxWidth: '500px ', - }, - }, - multiselect: true, - multiselectTag: true, -}); - -//----------------управление с помощью кнопок---------------------------------- -const dropdownBtn = new CGSelect({ - selector: '.cg-dropdown_usedBtn', - placeholder: 'Choose a car', - searchMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'max', - ], - styles: { - head: { - width: '830px', - color: 'black', - backgroundColor: 'rgb(176 223 167)', - }, - list: { - width: '824px', - color: 'black', - backgroundColor: 'rgb(176 223 167)', - }, - caret: { - borderTop: '6px solid black', - }, - search: { - backgroundColor: '#d7ffff', - borderRadius: '5px', - borderBottom: 'none', - width: '95%', - color: 'black', - }, - }, - multiselect: true, -}); - -const buttonOpen = document.querySelector('.button__open'); -const buttonClose = document.querySelector('.button__close'); - -dropdownBtn.buttonControl(buttonOpen, 'open'); -dropdownBtn.buttonControl(buttonClose, 'close'); - -//-------------------------Функция Disabled---------------------------------- -const dropdownDisabled = new CGSelect({ - selector: '.cg-dropdown_checkboxDisable', - placeholder: 'Choose a car', - searchMode: true, - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'max', - ], - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - placeholder: { - maxWidth: '500px ', - }, - }, - multiselect: true, -}); -dropdownDisabled.disabled(true); -let chbox = document.getElementById('checkboxDisable'); - -chbox.addEventListener('click', () => { - if (chbox.checked == true) { - dropdownDisabled.disabled(false); - } else { - dropdownDisabled.disabled(true); - } -}); - -// ------------------------------URL-------------------- -const dropdown3 = new CGSelect({ - selector: '.cg-dropdown_three', - placeholder: 'URL', - url: 'https://jsonplaceholder.typicode.com/todos', - searchMode: true, - darkTheme: false, - language: 'ru', - styles: { - head: { - width: '830px', - }, - list: { - width: '824px', - }, - }, - multiselect: true, -}); diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js deleted file mode 100644 index 4df819e..0000000 --- a/example/src/constructor/constructor.js +++ /dev/null @@ -1,83 +0,0 @@ -import { CGSelect } from '../../../src/cg-select'; - -const body = new CGSelect({ - selector: '.body', - placeholder: 'Select element to style', - items: ['head', 'list', 'placeholder', 'caret', 'search'], -}); - -let head = ''; -let list = ''; -let placeholder = ''; -let caret = ''; -let valueSelect = ''; - -const textarea = document.querySelector('#styles'); -const renderBtn = document.querySelector('.render'); - -body.on('select', (e, value) => { - valueSelect = value; - textarea.value = ''; - textarea.removeAttribute('disabled'); - getValueSelect(valueSelect); -}); - -function getValueSelect(value) { - textarea.onkeyup = function () { - switch (value) { - case 'head': - // ввод стилей - head = textarea.value; - break; - case 'list': - list = textarea.value; - break; - case 'placeholder': - placeholder = textarea.value; - break; - case 'caret': - caret = textarea.value; - break; - case 'search': - search = textarea.value; - break; - - default: - break; - } - }; -} - -renderBtn.addEventListener('click', () => { - const select = new CGSelect({ - selector: '.select', - placeholder: 'Choose a car', - label: 'Exemple select', - items: [ - 'BMW', - { - id: '213sade', - title: 'Opel', - value: 1, - }, - 'Mersedes', - 'MAN', - 'Ferari', - ], - searchMode: true, - multiselect: true, - multiselectTag: true, - }); - - const drop = document.querySelector('.select'); - let headSelect = drop.querySelector('.cg-select'); - let listSelect = drop.querySelector('.list'); - let placeholderSelect = drop.querySelector('.selected'); - let caretSelect = drop.querySelector('.caret'); - let searchSelect = drop.querySelector('.inputSearch'); - headSelect.setAttribute('style', head); - listSelect.setAttribute('style', list); - placeholderSelect.setAttribute('style', placeholder); - caretSelect.setAttribute('style', caret); - searchSelect.setAttribute('style', search); -}); diff --git a/example/src/constructor/constructor.scss b/example/src/constructor/constructor.scss deleted file mode 100644 index 0739c16..0000000 --- a/example/src/constructor/constructor.scss +++ /dev/null @@ -1,16 +0,0 @@ -.textareaStyle { - resize: none; - border-radius: 5px; - margin: 15px; -} - -.constructor { - display: flex; - align-items: center; - flex-direction: column; -} - -.liList { - margin-bottom: 5px; - font-size: 17px; -} diff --git a/example/src/example.js b/example/src/example.js deleted file mode 100644 index 2238b38..0000000 --- a/example/src/example.js +++ /dev/null @@ -1,48 +0,0 @@ -const firstBtn = document.getElementById('first'); -const codeFirst = document.getElementById('codeFirst'); - -const secondBtn = document.getElementById('second'); -const codeSecond = document.getElementById('codeSecond'); - -const thirdBtn = document.getElementById('third'); -const codeThird = document.getElementById('codeThird'); - -const fourthBtn = document.getElementById('fourth'); -const codeFourth = document.getElementById('codeFourth'); - -const fifthBtn = document.getElementById('fifth'); -const codeFifth = document.getElementById('codeFifth'); - -const six = document.getElementById('six'); -const codeSix = document.getElementById('codeSix'); - -const Native = document.getElementById('Native'); -const codeNative = document.getElementById('codeNative'); - -firstBtn.addEventListener('click', () => { - codeFirst.classList.toggle('active'); -}); - -secondBtn.addEventListener('click', () => { - codeSecond.classList.toggle('active'); -}); - -thirdBtn.addEventListener('click', () => { - codeThird.classList.toggle('active'); -}); - -fourthBtn.addEventListener('click', () => { - codeFourth.classList.toggle('active'); -}); - -fifthBtn.addEventListener('click', () => { - codeFifth.classList.toggle('active'); -}); - -six.addEventListener('click', () => { - codeSix.classList.toggle('active'); -}); - -Native.addEventListener('click', () => { - codeNative.classList.toggle('active'); -}); diff --git a/example/src/themeTest.ts b/example/src/themeTest.ts deleted file mode 100644 index ae66df1..0000000 --- a/example/src/themeTest.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { CustomTheme } from 'components/theme/theme.interface'; - -export const newCustomTheme: CustomTheme = { - name: 'test', - styles: { - head: 'testClass', - list: 'listTest', - }, -}; diff --git a/package.json b/package.json index d7e3434..ff44b8f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,8 @@ { "name": "cg-select", - "version": "0.2.4", + "version": "0.2.5", + "source": "index.js", + "main": "dist/index.js", "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling", "author": { "name": "CraftGroup", @@ -8,8 +10,8 @@ }, "homepage": "https://cg-select.itguild.info", "scripts": { - "start": "parcel example/index.html -p 4500 --open ", - "build": "parcel build example/index.js --no-cache", + "watch": "parcel watch", + "build": "parcel build", "deploy": "gh-pages -d dist", "predeploy": "npm run build" }, From f16ec53e913f8925f29706a386f3de0387d9127d Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Tue, 21 Feb 2023 20:46:34 +0300 Subject: [PATCH 15/16] Added docs --- README.md | 2 +- READMERU.md | 2 +- docs/.nojekyll | 1 + docs/assets/highlight.css | 92 + docs/assets/main.js | 58 + docs/assets/search.js | 1 + docs/assets/style.css | 1280 +++++ docs/classes/cg_select.CGSelect.html | 4248 +++++++++++++++++ docs/functions/Utils.checkItemStruct.html | 357 ++ docs/functions/Utils.clearSelect.html | 382 ++ docs/functions/Utils.createSelected.html | 388 ++ docs/functions/Utils.customStyles.html | 375 ++ docs/functions/Utils.customStylesFormat.html | 364 ++ docs/functions/Utils.getFormatItem.html | 373 ++ docs/functions/Utils.getSelectText.html | 387 ++ .../functions/Utils.nativeOptionMultiple.html | 381 ++ .../functions/Utils.nativeOptionOrdinary.html | 372 ++ ...ement_create_element.createBreadCrumb.html | 366 ++ ...ment_create_element.createInputSearch.html | 338 ++ ...ent_create_element.createNativeSelect.html | 315 ++ ...eate_element.createNativeSelectOption.html | 316 ++ .../components_theme_theme.changeTheme.html | 288 ++ docs/index.html | 368 ++ ...e_element_interface.ICreateBreadCrumb.html | 539 +++ ...nents_utils_urils_interface.IDataItem.html | 487 ++ ..._utils_urils_interface.ISelectedItems.html | 657 +++ ...erfaces_cg_select_interface.ICgSelect.html | 1263 +++++ ...interfaces_cg_select_interface.IStyle.html | 674 +++ .../interfaces_items_interface.IItems.html | 464 ++ ...terfaces_language_interface.ILanguage.html | 468 ++ docs/modules.html | 305 ++ docs/modules/Utils.html | 389 ++ docs/modules/cg_select.html | 255 + ...ponents_create_element_create_element.html | 314 ++ ...eate_element_create_element_interface.html | 262 + docs/modules/components_theme_theme.html | 256 + .../components_utils_urils_interface.html | 280 ++ .../interfaces_cg_select_interface.html | 280 ++ docs/modules/interfaces_items_interface.html | 256 + .../interfaces_language_interface.html | 258 + docs/modules/language_language.html | 271 ++ docs/variables/language_language.en.html | 252 + docs/variables/language_language.ru.html | 252 + package-lock.json | 4 +- 44 files changed, 19236 insertions(+), 4 deletions(-) create mode 100644 docs/.nojekyll create mode 100644 docs/assets/highlight.css create mode 100644 docs/assets/main.js create mode 100644 docs/assets/search.js create mode 100644 docs/assets/style.css create mode 100644 docs/classes/cg_select.CGSelect.html create mode 100644 docs/functions/Utils.checkItemStruct.html create mode 100644 docs/functions/Utils.clearSelect.html create mode 100644 docs/functions/Utils.createSelected.html create mode 100644 docs/functions/Utils.customStyles.html create mode 100644 docs/functions/Utils.customStylesFormat.html create mode 100644 docs/functions/Utils.getFormatItem.html create mode 100644 docs/functions/Utils.getSelectText.html create mode 100644 docs/functions/Utils.nativeOptionMultiple.html create mode 100644 docs/functions/Utils.nativeOptionOrdinary.html create mode 100644 docs/functions/components_create_element_create_element.createBreadCrumb.html create mode 100644 docs/functions/components_create_element_create_element.createInputSearch.html create mode 100644 docs/functions/components_create_element_create_element.createNativeSelect.html create mode 100644 docs/functions/components_create_element_create_element.createNativeSelectOption.html create mode 100644 docs/functions/components_theme_theme.changeTheme.html create mode 100644 docs/index.html create mode 100644 docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html create mode 100644 docs/interfaces/components_utils_urils_interface.IDataItem.html create mode 100644 docs/interfaces/components_utils_urils_interface.ISelectedItems.html create mode 100644 docs/interfaces/interfaces_cg_select_interface.ICgSelect.html create mode 100644 docs/interfaces/interfaces_cg_select_interface.IStyle.html create mode 100644 docs/interfaces/interfaces_items_interface.IItems.html create mode 100644 docs/interfaces/interfaces_language_interface.ILanguage.html create mode 100644 docs/modules.html create mode 100644 docs/modules/Utils.html create mode 100644 docs/modules/cg_select.html create mode 100644 docs/modules/components_create_element_create_element.html create mode 100644 docs/modules/components_create_element_create_element_interface.html create mode 100644 docs/modules/components_theme_theme.html create mode 100644 docs/modules/components_utils_urils_interface.html create mode 100644 docs/modules/interfaces_cg_select_interface.html create mode 100644 docs/modules/interfaces_items_interface.html create mode 100644 docs/modules/interfaces_language_interface.html create mode 100644 docs/modules/language_language.html create mode 100644 docs/variables/language_language.en.html create mode 100644 docs/variables/language_language.ru.html diff --git a/README.md b/README.md index 7b9e6c0..5139058 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.4 +## version ~ 0.2.5 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/READMERU.md b/READMERU.md index 96a7874..8478ccb 100644 --- a/READMERU.md +++ b/READMERU.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.4 +## version ~ 0.2.5 Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select. Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое. diff --git a/docs/.nojekyll b/docs/.nojekyll new file mode 100644 index 0000000..e2ac661 --- /dev/null +++ b/docs/.nojekyll @@ -0,0 +1 @@ +TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false. \ No newline at end of file diff --git a/docs/assets/highlight.css b/docs/assets/highlight.css new file mode 100644 index 0000000..efe4f19 --- /dev/null +++ b/docs/assets/highlight.css @@ -0,0 +1,92 @@ +:root { + --light-hl-0: #001080; + --dark-hl-0: #9CDCFE; + --light-hl-1: #000000; + --dark-hl-1: #D4D4D4; + --light-hl-2: #A31515; + --dark-hl-2: #CE9178; + --light-hl-3: #267F99; + --dark-hl-3: #4EC9B0; + --light-hl-4: #AF00DB; + --dark-hl-4: #C586C0; + --light-hl-5: #0000FF; + --dark-hl-5: #569CD6; + --light-hl-6: #0070C1; + --dark-hl-6: #4FC1FF; + --light-hl-7: #795E26; + --dark-hl-7: #DCDCAA; + --light-hl-8: #098658; + --dark-hl-8: #B5CEA8; + --light-hl-9: #000000; + --dark-hl-9: #C8C8C8; + --light-code-background: #FFFFFF; + --dark-code-background: #1E1E1E; +} + +@media (prefers-color-scheme: light) { :root { + --hl-0: var(--light-hl-0); + --hl-1: var(--light-hl-1); + --hl-2: var(--light-hl-2); + --hl-3: var(--light-hl-3); + --hl-4: var(--light-hl-4); + --hl-5: var(--light-hl-5); + --hl-6: var(--light-hl-6); + --hl-7: var(--light-hl-7); + --hl-8: var(--light-hl-8); + --hl-9: var(--light-hl-9); + --code-background: var(--light-code-background); +} } + +@media (prefers-color-scheme: dark) { :root { + --hl-0: var(--dark-hl-0); + --hl-1: var(--dark-hl-1); + --hl-2: var(--dark-hl-2); + --hl-3: var(--dark-hl-3); + --hl-4: var(--dark-hl-4); + --hl-5: var(--dark-hl-5); + --hl-6: var(--dark-hl-6); + --hl-7: var(--dark-hl-7); + --hl-8: var(--dark-hl-8); + --hl-9: var(--dark-hl-9); + --code-background: var(--dark-code-background); +} } + +:root[data-theme='light'] { + --hl-0: var(--light-hl-0); + --hl-1: var(--light-hl-1); + --hl-2: var(--light-hl-2); + --hl-3: var(--light-hl-3); + --hl-4: var(--light-hl-4); + --hl-5: var(--light-hl-5); + --hl-6: var(--light-hl-6); + --hl-7: var(--light-hl-7); + --hl-8: var(--light-hl-8); + --hl-9: var(--light-hl-9); + --code-background: var(--light-code-background); +} + +:root[data-theme='dark'] { + --hl-0: var(--dark-hl-0); + --hl-1: var(--dark-hl-1); + --hl-2: var(--dark-hl-2); + --hl-3: var(--dark-hl-3); + --hl-4: var(--dark-hl-4); + --hl-5: var(--dark-hl-5); + --hl-6: var(--dark-hl-6); + --hl-7: var(--dark-hl-7); + --hl-8: var(--dark-hl-8); + --hl-9: var(--dark-hl-9); + --code-background: var(--dark-code-background); +} + +.hl-0 { color: var(--hl-0); } +.hl-1 { color: var(--hl-1); } +.hl-2 { color: var(--hl-2); } +.hl-3 { color: var(--hl-3); } +.hl-4 { color: var(--hl-4); } +.hl-5 { color: var(--hl-5); } +.hl-6 { color: var(--hl-6); } +.hl-7 { color: var(--hl-7); } +.hl-8 { color: var(--hl-8); } +.hl-9 { color: var(--hl-9); } +pre, code { background: var(--code-background); } diff --git a/docs/assets/main.js b/docs/assets/main.js new file mode 100644 index 0000000..d55df03 --- /dev/null +++ b/docs/assets/main.js @@ -0,0 +1,58 @@ +"use strict"; +"use strict";(()=>{var Qe=Object.create;var ae=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var Ce=Object.getOwnPropertyNames;var Oe=Object.getPrototypeOf,Re=Object.prototype.hasOwnProperty;var _e=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var Me=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Ce(e))!Re.call(t,i)&&i!==n&&ae(t,i,{get:()=>e[i],enumerable:!(r=Pe(e,i))||r.enumerable});return t};var De=(t,e,n)=>(n=t!=null?Qe(Oe(t)):{},Me(e||!t||!t.__esModule?ae(n,"default",{value:t,enumerable:!0}):n,t));var de=_e((ce,he)=>{(function(){var t=function(e){var n=new t.Builder;return n.pipeline.add(t.trimmer,t.stopWordFilter,t.stemmer),n.searchPipeline.add(t.stemmer),e.call(n,n),n.build()};t.version="2.3.9";t.utils={},t.utils.warn=function(e){return function(n){e.console&&console.warn&&console.warn(n)}}(this),t.utils.asString=function(e){return e==null?"":e.toString()},t.utils.clone=function(e){if(e==null)return e;for(var n=Object.create(null),r=Object.keys(e),i=0;i0){var h=t.utils.clone(n)||{};h.position=[a,l],h.index=s.length,s.push(new t.Token(r.slice(a,o),h))}a=o+1}}return s},t.tokenizer.separator=/[\s\-]+/;t.Pipeline=function(){this._stack=[]},t.Pipeline.registeredFunctions=Object.create(null),t.Pipeline.registerFunction=function(e,n){n in this.registeredFunctions&&t.utils.warn("Overwriting existing registered function: "+n),e.label=n,t.Pipeline.registeredFunctions[e.label]=e},t.Pipeline.warnIfFunctionNotRegistered=function(e){var n=e.label&&e.label in this.registeredFunctions;n||t.utils.warn(`Function is not registered with pipeline. This may cause problems when serialising the index. +`,e)},t.Pipeline.load=function(e){var n=new t.Pipeline;return e.forEach(function(r){var i=t.Pipeline.registeredFunctions[r];if(i)n.add(i);else throw new Error("Cannot load unregistered function: "+r)}),n},t.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach(function(n){t.Pipeline.warnIfFunctionNotRegistered(n),this._stack.push(n)},this)},t.Pipeline.prototype.after=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var r=this._stack.indexOf(e);if(r==-1)throw new Error("Cannot find existingFn");r=r+1,this._stack.splice(r,0,n)},t.Pipeline.prototype.before=function(e,n){t.Pipeline.warnIfFunctionNotRegistered(n);var r=this._stack.indexOf(e);if(r==-1)throw new Error("Cannot find existingFn");this._stack.splice(r,0,n)},t.Pipeline.prototype.remove=function(e){var n=this._stack.indexOf(e);n!=-1&&this._stack.splice(n,1)},t.Pipeline.prototype.run=function(e){for(var n=this._stack.length,r=0;r1&&(oe&&(r=s),o!=e);)i=r-n,s=n+Math.floor(i/2),o=this.elements[s*2];if(o==e||o>e)return s*2;if(ou?h+=2:a==u&&(n+=r[l+1]*i[h+1],l+=2,h+=2);return n},t.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},t.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),n=1,r=0;n0){var o=s.str.charAt(0),a;o in s.node.edges?a=s.node.edges[o]:(a=new t.TokenSet,s.node.edges[o]=a),s.str.length==1&&(a.final=!0),i.push({node:a,editsRemaining:s.editsRemaining,str:s.str.slice(1)})}if(s.editsRemaining!=0){if("*"in s.node.edges)var u=s.node.edges["*"];else{var u=new t.TokenSet;s.node.edges["*"]=u}if(s.str.length==0&&(u.final=!0),i.push({node:u,editsRemaining:s.editsRemaining-1,str:s.str}),s.str.length>1&&i.push({node:s.node,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)}),s.str.length==1&&(s.node.final=!0),s.str.length>=1){if("*"in s.node.edges)var l=s.node.edges["*"];else{var l=new t.TokenSet;s.node.edges["*"]=l}s.str.length==1&&(l.final=!0),i.push({node:l,editsRemaining:s.editsRemaining-1,str:s.str.slice(1)})}if(s.str.length>1){var h=s.str.charAt(0),m=s.str.charAt(1),v;m in s.node.edges?v=s.node.edges[m]:(v=new t.TokenSet,s.node.edges[m]=v),s.str.length==1&&(v.final=!0),i.push({node:v,editsRemaining:s.editsRemaining-1,str:h+s.str.slice(2)})}}}return r},t.TokenSet.fromString=function(e){for(var n=new t.TokenSet,r=n,i=0,s=e.length;i=e;n--){var r=this.uncheckedNodes[n],i=r.child.toString();i in this.minimizedNodes?r.parent.edges[r.char]=this.minimizedNodes[i]:(r.child._str=i,this.minimizedNodes[i]=r.child),this.uncheckedNodes.pop()}};t.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},t.Index.prototype.search=function(e){return this.query(function(n){var r=new t.QueryParser(e,n);r.parse()})},t.Index.prototype.query=function(e){for(var n=new t.Query(this.fields),r=Object.create(null),i=Object.create(null),s=Object.create(null),o=Object.create(null),a=Object.create(null),u=0;u1?this._b=1:this._b=e},t.Builder.prototype.k1=function(e){this._k1=e},t.Builder.prototype.add=function(e,n){var r=e[this._ref],i=Object.keys(this._fields);this._documents[r]=n||{},this.documentCount+=1;for(var s=0;s=this.length)return t.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},t.QueryLexer.prototype.width=function(){return this.pos-this.start},t.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},t.QueryLexer.prototype.backup=function(){this.pos-=1},t.QueryLexer.prototype.acceptDigitRun=function(){var e,n;do e=this.next(),n=e.charCodeAt(0);while(n>47&&n<58);e!=t.QueryLexer.EOS&&this.backup()},t.QueryLexer.prototype.more=function(){return this.pos1&&(e.backup(),e.emit(t.QueryLexer.TERM)),e.ignore(),e.more())return t.QueryLexer.lexText},t.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.EDIT_DISTANCE),t.QueryLexer.lexText},t.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(t.QueryLexer.BOOST),t.QueryLexer.lexText},t.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(t.QueryLexer.TERM)},t.QueryLexer.termSeparator=t.tokenizer.separator,t.QueryLexer.lexText=function(e){for(;;){var n=e.next();if(n==t.QueryLexer.EOS)return t.QueryLexer.lexEOS;if(n.charCodeAt(0)==92){e.escapeCharacter();continue}if(n==":")return t.QueryLexer.lexField;if(n=="~")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexEditDistance;if(n=="^")return e.backup(),e.width()>0&&e.emit(t.QueryLexer.TERM),t.QueryLexer.lexBoost;if(n=="+"&&e.width()===1||n=="-"&&e.width()===1)return e.emit(t.QueryLexer.PRESENCE),t.QueryLexer.lexText;if(n.match(t.QueryLexer.termSeparator))return t.QueryLexer.lexTerm}},t.QueryParser=function(e,n){this.lexer=new t.QueryLexer(e),this.query=n,this.currentClause={},this.lexemeIdx=0},t.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=t.QueryParser.parseClause;e;)e=e(this);return this.query},t.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},t.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},t.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},t.QueryParser.parseClause=function(e){var n=e.peekLexeme();if(n!=null)switch(n.type){case t.QueryLexer.PRESENCE:return t.QueryParser.parsePresence;case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var r="expected either a field or a term, found "+n.type;throw n.str.length>=1&&(r+=" with value '"+n.str+"'"),new t.QueryParseError(r,n.start,n.end)}},t.QueryParser.parsePresence=function(e){var n=e.consumeLexeme();if(n!=null){switch(n.str){case"-":e.currentClause.presence=t.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=t.Query.presence.REQUIRED;break;default:var r="unrecognised presence operator'"+n.str+"'";throw new t.QueryParseError(r,n.start,n.end)}var i=e.peekLexeme();if(i==null){var r="expecting term or field, found nothing";throw new t.QueryParseError(r,n.start,n.end)}switch(i.type){case t.QueryLexer.FIELD:return t.QueryParser.parseField;case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var r="expecting term or field, found '"+i.type+"'";throw new t.QueryParseError(r,i.start,i.end)}}},t.QueryParser.parseField=function(e){var n=e.consumeLexeme();if(n!=null){if(e.query.allFields.indexOf(n.str)==-1){var r=e.query.allFields.map(function(o){return"'"+o+"'"}).join(", "),i="unrecognised field '"+n.str+"', possible fields: "+r;throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.fields=[n.str];var s=e.peekLexeme();if(s==null){var i="expecting term, found nothing";throw new t.QueryParseError(i,n.start,n.end)}switch(s.type){case t.QueryLexer.TERM:return t.QueryParser.parseTerm;default:var i="expecting term, found '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseTerm=function(e){var n=e.consumeLexeme();if(n!=null){e.currentClause.term=n.str.toLowerCase(),n.str.indexOf("*")!=-1&&(e.currentClause.usePipeline=!1);var r=e.peekLexeme();if(r==null){e.nextClause();return}switch(r.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+r.type+"'";throw new t.QueryParseError(i,r.start,r.end)}}},t.QueryParser.parseEditDistance=function(e){var n=e.consumeLexeme();if(n!=null){var r=parseInt(n.str,10);if(isNaN(r)){var i="edit distance must be numeric";throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.editDistance=r;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},t.QueryParser.parseBoost=function(e){var n=e.consumeLexeme();if(n!=null){var r=parseInt(n.str,10);if(isNaN(r)){var i="boost must be numeric";throw new t.QueryParseError(i,n.start,n.end)}e.currentClause.boost=r;var s=e.peekLexeme();if(s==null){e.nextClause();return}switch(s.type){case t.QueryLexer.TERM:return e.nextClause(),t.QueryParser.parseTerm;case t.QueryLexer.FIELD:return e.nextClause(),t.QueryParser.parseField;case t.QueryLexer.EDIT_DISTANCE:return t.QueryParser.parseEditDistance;case t.QueryLexer.BOOST:return t.QueryParser.parseBoost;case t.QueryLexer.PRESENCE:return e.nextClause(),t.QueryParser.parsePresence;default:var i="Unexpected lexeme type '"+s.type+"'";throw new t.QueryParseError(i,s.start,s.end)}}},function(e,n){typeof define=="function"&&define.amd?define(n):typeof ce=="object"?he.exports=n():e.lunr=n()}(this,function(){return t})})()});var le=[];function B(t,e){le.push({selector:e,constructor:t})}var Y=class{constructor(){this.alwaysVisibleMember=null;this.createComponents(document.body),this.ensureFocusedElementVisible(),window.addEventListener("hashchange",()=>this.ensureFocusedElementVisible())}createComponents(e){le.forEach(n=>{e.querySelectorAll(n.selector).forEach(r=>{r.dataset.hasInstance||(new n.constructor({el:r,app:this}),r.dataset.hasInstance=String(!0))})})}filterChanged(){this.ensureFocusedElementVisible()}ensureFocusedElementVisible(){this.alwaysVisibleMember&&(this.alwaysVisibleMember.classList.remove("always-visible"),this.alwaysVisibleMember.firstElementChild.remove(),this.alwaysVisibleMember=null);let e=document.getElementById(location.hash.substring(1));if(!e)return;let n=e.parentElement;for(;n.tagName!=="SECTION";)n=n.parentElement;if(n.offsetParent==null){this.alwaysVisibleMember=n,n.classList.add("always-visible");let r=document.createElement("p");r.classList.add("warning"),r.textContent="This member is normally hidden due to your filter settings.",n.prepend(r)}}};var I=class{constructor(e){this.el=e.el,this.app=e.app}};var J=class{constructor(){this.listeners={}}addEventListener(e,n){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push(n)}removeEventListener(e,n){if(!(e in this.listeners))return;let r=this.listeners[e];for(let i=0,s=r.length;i{let n=Date.now();return(...r)=>{n+e-Date.now()<0&&(t(...r),n=Date.now())}};var re=class extends J{constructor(){super();this.scrollTop=0;this.lastY=0;this.width=0;this.height=0;this.showToolbar=!0;this.toolbar=document.querySelector(".tsd-page-toolbar"),this.navigation=document.querySelector(".col-menu"),window.addEventListener("scroll",ne(()=>this.onScroll(),10)),window.addEventListener("resize",ne(()=>this.onResize(),10)),this.searchInput=document.querySelector("#tsd-search input"),this.searchInput&&this.searchInput.addEventListener("focus",()=>{this.hideShowToolbar()}),this.onResize(),this.onScroll()}triggerResize(){let n=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(n)}onResize(){this.width=window.innerWidth||0,this.height=window.innerHeight||0;let n=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(n)}onScroll(){this.scrollTop=window.scrollY||0;let n=new CustomEvent("scroll",{detail:{scrollTop:this.scrollTop}});this.dispatchEvent(n),this.hideShowToolbar()}hideShowToolbar(){let n=this.showToolbar;this.showToolbar=this.lastY>=this.scrollTop||this.scrollTop<=0||!!this.searchInput&&this.searchInput===document.activeElement,n!==this.showToolbar&&(this.toolbar.classList.toggle("tsd-page-toolbar--hide"),this.navigation?.classList.toggle("col-menu--hide")),this.lastY=this.scrollTop}},R=re;R.instance=new re;var X=class extends I{constructor(n){super(n);this.anchors=[];this.index=-1;R.instance.addEventListener("resize",()=>this.onResize()),R.instance.addEventListener("scroll",r=>this.onScroll(r)),this.createAnchors()}createAnchors(){let n=window.location.href;n.indexOf("#")!=-1&&(n=n.substring(0,n.indexOf("#"))),this.el.querySelectorAll("a").forEach(r=>{let i=r.href;if(i.indexOf("#")==-1||i.substring(0,n.length)!=n)return;let s=i.substring(i.indexOf("#")+1),o=document.querySelector("a.tsd-anchor[name="+s+"]"),a=r.parentNode;!o||!a||this.anchors.push({link:a,anchor:o,position:0})}),this.onResize()}onResize(){let n;for(let i=0,s=this.anchors.length;ii.position-s.position);let r=new CustomEvent("scroll",{detail:{scrollTop:R.instance.scrollTop}});this.onScroll(r)}onScroll(n){let r=n.detail.scrollTop+5,i=this.anchors,s=i.length-1,o=this.index;for(;o>-1&&i[o].position>r;)o-=1;for(;o-1&&this.anchors[this.index].link.classList.remove("focus"),this.index=o,this.index>-1&&this.anchors[this.index].link.classList.add("focus"))}};var ue=(t,e=100)=>{let n;return()=>{clearTimeout(n),n=setTimeout(()=>t(),e)}};var me=De(de());function ve(){let t=document.getElementById("tsd-search");if(!t)return;let e=document.getElementById("search-script");t.classList.add("loading"),e&&(e.addEventListener("error",()=>{t.classList.remove("loading"),t.classList.add("failure")}),e.addEventListener("load",()=>{t.classList.remove("loading"),t.classList.add("ready")}),window.searchData&&t.classList.remove("loading"));let n=document.querySelector("#tsd-search input"),r=document.querySelector("#tsd-search .results");if(!n||!r)throw new Error("The input field or the result list wrapper was not found");let i=!1;r.addEventListener("mousedown",()=>i=!0),r.addEventListener("mouseup",()=>{i=!1,t.classList.remove("has-focus")}),n.addEventListener("focus",()=>t.classList.add("has-focus")),n.addEventListener("blur",()=>{i||(i=!1,t.classList.remove("has-focus"))});let s={base:t.dataset.base+"/"};Fe(t,r,n,s)}function Fe(t,e,n,r){n.addEventListener("input",ue(()=>{He(t,e,n,r)},200));let i=!1;n.addEventListener("keydown",s=>{i=!0,s.key=="Enter"?Ve(e,n):s.key=="Escape"?n.blur():s.key=="ArrowUp"?pe(e,-1):s.key==="ArrowDown"?pe(e,1):i=!1}),n.addEventListener("keypress",s=>{i&&s.preventDefault()}),document.body.addEventListener("keydown",s=>{s.altKey||s.ctrlKey||s.metaKey||!n.matches(":focus")&&s.key==="/"&&(n.focus(),s.preventDefault())})}function Ae(t,e){t.index||window.searchData&&(e.classList.remove("loading"),e.classList.add("ready"),t.data=window.searchData,t.index=me.Index.load(window.searchData.index))}function He(t,e,n,r){if(Ae(r,t),!r.index||!r.data)return;e.textContent="";let i=n.value.trim(),s=i?r.index.search(`*${i}*`):[];for(let o=0;oa.score-o.score);for(let o=0,a=Math.min(10,s.length);o${fe(u.parent,i)}.${l}`);let h=document.createElement("li");h.classList.value=u.classes??"";let m=document.createElement("a");m.href=r.base+u.url,m.innerHTML=l,h.append(m),e.appendChild(h)}}function pe(t,e){let n=t.querySelector(".current");if(!n)n=t.querySelector(e==1?"li:first-child":"li:last-child"),n&&n.classList.add("current");else{let r=n;if(e===1)do r=r.nextElementSibling??void 0;while(r instanceof HTMLElement&&r.offsetParent==null);else do r=r.previousElementSibling??void 0;while(r instanceof HTMLElement&&r.offsetParent==null);r&&(n.classList.remove("current"),r.classList.add("current"))}}function Ve(t,e){let n=t.querySelector(".current");if(n||(n=t.querySelector("li:first-child")),n){let r=n.querySelector("a");r&&(window.location.href=r.href),e.blur()}}function fe(t,e){if(e==="")return t;let n=t.toLocaleLowerCase(),r=e.toLocaleLowerCase(),i=[],s=0,o=n.indexOf(r);for(;o!=-1;)i.push(ie(t.substring(s,o)),`${ie(t.substring(o,o+r.length))}`),s=o+r.length,o=n.indexOf(r,s);return i.push(ie(t.substring(s))),i.join("")}var Ne={"&":"&","<":"<",">":">","'":"'",'"':"""};function ie(t){return t.replace(/[&<>"'"]/g,e=>Ne[e])}var F="mousedown",ye="mousemove",j="mouseup",Z={x:0,y:0},ge=!1,se=!1,Be=!1,A=!1,xe=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);document.documentElement.classList.add(xe?"is-mobile":"not-mobile");xe&&"ontouchstart"in document.documentElement&&(Be=!0,F="touchstart",ye="touchmove",j="touchend");document.addEventListener(F,t=>{se=!0,A=!1;let e=F=="touchstart"?t.targetTouches[0]:t;Z.y=e.pageY||0,Z.x=e.pageX||0});document.addEventListener(ye,t=>{if(se&&!A){let e=F=="touchstart"?t.targetTouches[0]:t,n=Z.x-(e.pageX||0),r=Z.y-(e.pageY||0);A=Math.sqrt(n*n+r*r)>10}});document.addEventListener(j,()=>{se=!1});document.addEventListener("click",t=>{ge&&(t.preventDefault(),t.stopImmediatePropagation(),ge=!1)});var K=class extends I{constructor(n){super(n);this.className=this.el.dataset.toggle||"",this.el.addEventListener(j,r=>this.onPointerUp(r)),this.el.addEventListener("click",r=>r.preventDefault()),document.addEventListener(F,r=>this.onDocumentPointerDown(r)),document.addEventListener(j,r=>this.onDocumentPointerUp(r))}setActive(n){if(this.active==n)return;this.active=n,document.documentElement.classList.toggle("has-"+this.className,n),this.el.classList.toggle("active",n);let r=(this.active?"to-has-":"from-has-")+this.className;document.documentElement.classList.add(r),setTimeout(()=>document.documentElement.classList.remove(r),500)}onPointerUp(n){A||(this.setActive(!0),n.preventDefault())}onDocumentPointerDown(n){if(this.active){if(n.target.closest(".col-menu, .tsd-filter-group"))return;this.setActive(!1)}}onDocumentPointerUp(n){if(!A&&this.active&&n.target.closest(".col-menu")){let r=n.target.closest("a");if(r){let i=window.location.href;i.indexOf("#")!=-1&&(i=i.substring(0,i.indexOf("#"))),r.href.substring(0,i.length)==i&&setTimeout(()=>this.setActive(!1),250)}}}};var oe;try{oe=localStorage}catch{oe={getItem(){return null},setItem(){}}}var Q=oe;var Le=document.head.appendChild(document.createElement("style"));Le.dataset.for="filters";var ee=class extends I{constructor(n){super(n);this.key=`filter-${this.el.name}`,this.value=this.el.checked,this.el.addEventListener("change",()=>{this.setLocalStorage(this.el.checked)}),this.setLocalStorage(this.fromLocalStorage()),Le.innerHTML+=`html:not(.${this.key}) .tsd-is-${this.el.name} { display: none; } +`}fromLocalStorage(){let n=Q.getItem(this.key);return n?n==="true":this.el.checked}setLocalStorage(n){Q.setItem(this.key,n.toString()),this.value=n,this.handleValueChange()}handleValueChange(){this.el.checked=this.value,document.documentElement.classList.toggle(this.key,this.value),this.app.filterChanged(),document.querySelectorAll(".tsd-index-section").forEach(n=>{n.style.display="block";let r=Array.from(n.querySelectorAll(".tsd-index-link")).every(i=>i.offsetParent==null);n.style.display=r?"none":"block"})}};var te=class extends I{constructor(n){super(n);this.calculateHeights(),this.summary=this.el.querySelector(".tsd-accordion-summary"),this.icon=this.summary.querySelector("svg"),this.key=`tsd-accordion-${this.summary.textContent.replace(/\s+/g,"-").toLowerCase()}`,this.setLocalStorage(this.fromLocalStorage(),!0),this.summary.addEventListener("click",r=>this.toggleVisibility(r)),this.icon.style.transform=this.getIconRotation()}getIconRotation(n=this.el.open){return`rotate(${n?0:-90}deg)`}calculateHeights(){let n=this.el.open,{position:r,left:i}=this.el.style;this.el.style.position="fixed",this.el.style.left="-9999px",this.el.open=!0,this.expandedHeight=this.el.offsetHeight+"px",this.el.open=!1,this.collapsedHeight=this.el.offsetHeight+"px",this.el.open=n,this.el.style.height=n?this.expandedHeight:this.collapsedHeight,this.el.style.position=r,this.el.style.left=i}toggleVisibility(n){n.preventDefault(),this.el.style.overflow="hidden",this.el.open?this.collapse():this.expand()}expand(n=!0){this.el.open=!0,this.animate(this.collapsedHeight,this.expandedHeight,{opening:!0,duration:n?300:0})}collapse(n=!0){this.animate(this.expandedHeight,this.collapsedHeight,{opening:!1,duration:n?300:0})}animate(n,r,{opening:i,duration:s=300}){if(this.animation)return;let o={duration:s,easing:"ease"};this.animation=this.el.animate({height:[n,r]},o),this.icon.animate({transform:[this.icon.style.transform||this.getIconRotation(!i),this.getIconRotation(i)]},o).addEventListener("finish",()=>{this.icon.style.transform=this.getIconRotation(i)}),this.animation.addEventListener("finish",()=>this.animationEnd(i))}animationEnd(n){this.el.open=n,this.animation=void 0,this.el.style.height="auto",this.el.style.overflow="visible",this.setLocalStorage(n)}fromLocalStorage(){let n=Q.getItem(this.key);return n?n==="true":this.el.open}setLocalStorage(n,r=!1){this.fromLocalStorage()===n&&!r||(Q.setItem(this.key,n.toString()),this.el.open=n,this.handleValueChange(r))}handleValueChange(n=!1){this.fromLocalStorage()===this.el.open&&!n||(this.fromLocalStorage()?this.expand(!1):this.collapse(!1))}};function be(t){let e=Q.getItem("tsd-theme")||"os";t.value=e,Ee(e),t.addEventListener("change",()=>{Q.setItem("tsd-theme",t.value),Ee(t.value)})}function Ee(t){document.documentElement.dataset.theme=t}ve();B(X,".menu-highlight");B(K,"a[data-toggle]");B(te,".tsd-index-accordion");B(ee,".tsd-filter-item input[type=checkbox]");var we=document.getElementById("theme");we&&be(we);var je=new Y;Object.defineProperty(window,"app",{value:je});})(); +/*! Bundled license information: + +lunr/lunr.js: + (** + * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9 + * Copyright (C) 2020 Oliver Nightingale + * @license MIT + *) + (*! + * lunr.utils + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.Set + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.tokenizer + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.Pipeline + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.Vector + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.stemmer + * Copyright (C) 2020 Oliver Nightingale + * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt + *) + (*! + * lunr.stopWordFilter + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.trimmer + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.TokenSet + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.Index + * Copyright (C) 2020 Oliver Nightingale + *) + (*! + * lunr.Builder + * Copyright (C) 2020 Oliver Nightingale + *) +*/ diff --git a/docs/assets/search.js b/docs/assets/search.js new file mode 100644 index 0000000..cb0d42c --- /dev/null +++ b/docs/assets/search.js @@ -0,0 +1 @@ +window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"32\":\"Variable\",\"64\":\"Function\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"262144\":\"Accessor\",\"8388608\":\"Reference\"},\"rows\":[{\"kind\":2,\"name\":\"cg-select\",\"url\":\"modules/cg_select.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":128,\"name\":\"CGSelect\",\"url\":\"classes/cg_select.CGSelect.html\",\"classes\":\"tsd-kind-class tsd-parent-kind-module\",\"parent\":\"cg-select\"},{\"kind\":512,\"name\":\"constructor\",\"url\":\"classes/cg_select.CGSelect.html#constructor\",\"classes\":\"tsd-kind-constructor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selector\",\"url\":\"classes/cg_select.CGSelect.html#selector\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"classes/cg_select.CGSelect.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"classes/cg_select.CGSelect.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"items\",\"url\":\"classes/cg_select.CGSelect.html#items\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"classes/cg_select.CGSelect.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"searchMode\",\"url\":\"classes/cg_select.CGSelect.html#searchMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"closeOnSelect\",\"url\":\"classes/cg_select.CGSelect.html#closeOnSelect\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"nativeSelectMode\",\"url\":\"classes/cg_select.CGSelect.html#nativeSelectMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"listDisplayMode\",\"url\":\"classes/cg_select.CGSelect.html#listDisplayMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"language\",\"url\":\"classes/cg_select.CGSelect.html#language\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"classes/cg_select.CGSelect.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"styles\",\"url\":\"classes/cg_select.CGSelect.html#styles\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"event\",\"url\":\"classes/cg_select.CGSelect.html#event\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"url\",\"url\":\"classes/cg_select.CGSelect.html#url\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"multiselect\",\"url\":\"classes/cg_select.CGSelect.html#multiselect\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"classes/cg_select.CGSelect.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"element\",\"url\":\"classes/cg_select.CGSelect.html#element\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"list\",\"url\":\"classes/cg_select.CGSelect.html#list\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"options\",\"url\":\"classes/cg_select.CGSelect.html#options\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"randomId\",\"url\":\"classes/cg_select.CGSelect.html#randomId\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"caret\",\"url\":\"classes/cg_select.CGSelect.html#caret\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"category\",\"url\":\"classes/cg_select.CGSelect.html#category\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"classes/cg_select.CGSelect.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"classes/cg_select.CGSelect.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":1024,\"name\":\"btnCntr\",\"url\":\"classes/cg_select.CGSelect.html#btnCntr\",\"classes\":\"tsd-kind-property tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":262144,\"name\":\"value\",\"url\":\"classes/cg_select.CGSelect.html#value\",\"classes\":\"tsd-kind-accessor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":262144,\"name\":\"indexesOf\",\"url\":\"classes/cg_select.CGSelect.html#indexesOf\",\"classes\":\"tsd-kind-accessor tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"init\",\"url\":\"classes/cg_select.CGSelect.html#init\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"render\",\"url\":\"classes/cg_select.CGSelect.html#render\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"renderUrl\",\"url\":\"classes/cg_select.CGSelect.html#renderUrl\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"initSelected\",\"url\":\"classes/cg_select.CGSelect.html#initSelected\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"initEvent\",\"url\":\"classes/cg_select.CGSelect.html#initEvent\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"open\",\"url\":\"classes/cg_select.CGSelect.html#open\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"close\",\"url\":\"classes/cg_select.CGSelect.html#close\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"closeSelectClick\",\"url\":\"classes/cg_select.CGSelect.html#closeSelectClick\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addOptionsBehaviour\",\"url\":\"classes/cg_select.CGSelect.html#addOptionsBehaviour\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"selectMode\",\"url\":\"classes/cg_select.CGSelect.html#selectMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"searchModeSelect\",\"url\":\"classes/cg_select.CGSelect.html#searchModeSelect\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"displayMode\",\"url\":\"classes/cg_select.CGSelect.html#displayMode\",\"classes\":\"tsd-kind-method tsd-parent-kind-class tsd-is-private\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"getElement\",\"url\":\"classes/cg_select.CGSelect.html#getElement\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addLanguage\",\"url\":\"classes/cg_select.CGSelect.html#addLanguage\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"buttonControl\",\"url\":\"classes/cg_select.CGSelect.html#buttonControl\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"disabled\",\"url\":\"classes/cg_select.CGSelect.html#disabled\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"addItem\",\"url\":\"classes/cg_select.CGSelect.html#addItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"deleteItem\",\"url\":\"classes/cg_select.CGSelect.html#deleteItem\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"deleteItemAll\",\"url\":\"classes/cg_select.CGSelect.html#deleteItemAll\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"selectIndex\",\"url\":\"classes/cg_select.CGSelect.html#selectIndex\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2048,\"name\":\"on\",\"url\":\"classes/cg_select.CGSelect.html#on\",\"classes\":\"tsd-kind-method tsd-parent-kind-class\",\"parent\":\"cg-select.CGSelect\"},{\"kind\":2,\"name\":\"cg-select\",\"url\":\"modules/cg_select-1.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":8388608,\"name\":\"CGSelect\",\"url\":\"modules/cg_select-1.html#CGSelect\",\"classes\":\"tsd-kind-reference tsd-parent-kind-module\",\"parent\":\"cg-select\"},{\"kind\":2,\"name\":\"interfaces/cg-select.interface\",\"url\":\"modules/interfaces_cg_select_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ICgSelect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/cg-select.interface\"},{\"kind\":1024,\"name\":\"selector\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#selector\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"items\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#items\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"searchMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#searchMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"closeOnSelect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#closeOnSelect\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"nativeSelectMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#nativeSelectMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"listDisplayMode\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#listDisplayMode\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"language\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#language\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"styles\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#styles\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"event\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#event\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"url\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#url\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"multiselect\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#multiselect\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.ICgSelect\"},{\"kind\":256,\"name\":\"IStyle\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/cg-select.interface\"},{\"kind\":1024,\"name\":\"head\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#head\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"caret\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#caret\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"lable\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#lable\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"list\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#list\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"search\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#search\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":1024,\"name\":\"chips\",\"url\":\"interfaces/interfaces_cg_select_interface.IStyle.html#chips\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/cg-select.interface.IStyle\"},{\"kind\":2,\"name\":\"interfaces/items.interface\",\"url\":\"modules/interfaces_items_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IItems\",\"url\":\"interfaces/interfaces_items_interface.IItems.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/items.interface\"},{\"kind\":1024,\"name\":\"id\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#id\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":1024,\"name\":\"title\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#title\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":1024,\"name\":\"value\",\"url\":\"interfaces/interfaces_items_interface.IItems.html#value\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/items.interface.IItems\"},{\"kind\":2,\"name\":\"interfaces/language.interface\",\"url\":\"modules/interfaces_language_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ILanguage\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"interfaces/language.interface\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":1024,\"name\":\"selectPlaceholder\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#selectPlaceholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":1024,\"name\":\"textInListSearch\",\"url\":\"interfaces/interfaces_language_interface.ILanguage.html#textInListSearch\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"interfaces/language.interface.ILanguage\"},{\"kind\":2,\"name\":\"language/language\",\"url\":\"modules/language_language.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":32,\"name\":\"ru\",\"url\":\"variables/language_language.ru.html\",\"classes\":\"tsd-kind-variable tsd-parent-kind-module\",\"parent\":\"language/language\"},{\"kind\":32,\"name\":\"en\",\"url\":\"variables/language_language.en.html\",\"classes\":\"tsd-kind-variable tsd-parent-kind-module\",\"parent\":\"language/language\"},{\"kind\":2,\"name\":\"components/create-element/create-element.interface\",\"url\":\"modules/components_create_element_create_element_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"ICreateBreadCrumb\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element.interface\"},{\"kind\":1024,\"name\":\"element\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#element\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"option\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#option\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/create-element/create-element.interface.ICreateBreadCrumb\"},{\"kind\":2,\"name\":\"components/create-element/create-element\",\"url\":\"modules/components_create_element_create_element.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"createNativeSelect\",\"url\":\"functions/components_create_element_create_element.createNativeSelect.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createNativeSelectOption\",\"url\":\"functions/components_create_element_create_element.createNativeSelectOption.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createBreadCrumb\",\"url\":\"functions/components_create_element_create_element.createBreadCrumb.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":64,\"name\":\"createInputSearch\",\"url\":\"functions/components_create_element_create_element.createInputSearch.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/create-element/create-element\"},{\"kind\":2,\"name\":\"components/theme/theme\",\"url\":\"modules/components_theme_theme.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"changeTheme\",\"url\":\"functions/components_theme_theme.changeTheme.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"components/theme/theme\"},{\"kind\":2,\"name\":\"components/utils/urils.interface\",\"url\":\"modules/components_utils_urils_interface.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":256,\"name\":\"IDataItem\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/utils/urils.interface\"},{\"kind\":1024,\"name\":\"category\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#category\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":1024,\"name\":\"categoryItems\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#categoryItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":1024,\"name\":\"ItemValue\",\"url\":\"interfaces/components_utils_urils_interface.IDataItem.html#ItemValue\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.IDataItem\"},{\"kind\":256,\"name\":\"ISelectedItems\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html\",\"classes\":\"tsd-kind-interface tsd-parent-kind-module\",\"parent\":\"components/utils/urils.interface\"},{\"kind\":1024,\"name\":\"placeholder\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#placeholder\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"selected\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#selected\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"selectedItems\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#selectedItems\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"indexes\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#indexes\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"multiselectTag\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#multiselectTag\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":1024,\"name\":\"theme\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#theme\",\"classes\":\"tsd-kind-property tsd-parent-kind-interface\",\"parent\":\"components/utils/urils.interface.ISelectedItems\"},{\"kind\":2,\"name\":\"Utils\",\"url\":\"modules/Utils.html\",\"classes\":\"tsd-kind-module\"},{\"kind\":64,\"name\":\"getFormatItem\",\"url\":\"functions/Utils.getFormatItem.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"getSelectText\",\"url\":\"functions/Utils.getSelectText.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"checkItemStruct\",\"url\":\"functions/Utils.checkItemStruct.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"createSelected\",\"url\":\"functions/Utils.createSelected.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"clearSelect\",\"url\":\"functions/Utils.clearSelect.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"nativeOptionOrdinary\",\"url\":\"functions/Utils.nativeOptionOrdinary.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"nativeOptionMultiple\",\"url\":\"functions/Utils.nativeOptionMultiple.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"customStyles\",\"url\":\"functions/Utils.customStyles.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"},{\"kind\":64,\"name\":\"customStylesFormat\",\"url\":\"functions/Utils.customStylesFormat.html\",\"classes\":\"tsd-kind-function tsd-parent-kind-module\",\"parent\":\"Utils\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,28.805,1,28.805]],[\"comment/0\",[]],[\"name/1\",[2,40.217]],[\"comment/1\",[]],[\"name/2\",[3,45.437]],[\"comment/2\",[]],[\"name/3\",[4,40.217]],[\"comment/3\",[]],[\"name/4\",[5,36.779]],[\"comment/4\",[]],[\"name/5\",[6,32.16]],[\"comment/5\",[]],[\"name/6\",[7,40.217]],[\"comment/6\",[]],[\"name/7\",[8,36.779]],[\"comment/7\",[]],[\"name/8\",[9,40.217]],[\"comment/8\",[]],[\"name/9\",[10,40.217]],[\"comment/9\",[]],[\"name/10\",[11,40.217]],[\"comment/10\",[]],[\"name/11\",[12,40.217]],[\"comment/11\",[]],[\"name/12\",[13,40.217]],[\"comment/12\",[]],[\"name/13\",[14,36.779]],[\"comment/13\",[]],[\"name/14\",[15,40.217]],[\"comment/14\",[]],[\"name/15\",[16,40.217]],[\"comment/15\",[]],[\"name/16\",[17,40.217]],[\"comment/16\",[]],[\"name/17\",[18,40.217]],[\"comment/17\",[]],[\"name/18\",[19,36.779]],[\"comment/18\",[]],[\"name/19\",[20,36.779]],[\"comment/19\",[]],[\"name/20\",[21,40.217]],[\"comment/20\",[]],[\"name/21\",[22,45.437]],[\"comment/21\",[]],[\"name/22\",[23,45.437]],[\"comment/22\",[]],[\"name/23\",[24,40.217]],[\"comment/23\",[]],[\"name/24\",[25,40.217]],[\"comment/24\",[]],[\"name/25\",[26,36.779]],[\"comment/25\",[]],[\"name/26\",[27,36.779]],[\"comment/26\",[]],[\"name/27\",[28,45.437]],[\"comment/27\",[]],[\"name/28\",[29,40.217]],[\"comment/28\",[]],[\"name/29\",[30,45.437]],[\"comment/29\",[]],[\"name/30\",[31,45.437]],[\"comment/30\",[]],[\"name/31\",[32,45.437]],[\"comment/31\",[]],[\"name/32\",[33,45.437]],[\"comment/32\",[]],[\"name/33\",[34,45.437]],[\"comment/33\",[]],[\"name/34\",[35,45.437]],[\"comment/34\",[]],[\"name/35\",[36,45.437]],[\"comment/35\",[]],[\"name/36\",[37,45.437]],[\"comment/36\",[]],[\"name/37\",[38,45.437]],[\"comment/37\",[]],[\"name/38\",[39,45.437]],[\"comment/38\",[]],[\"name/39\",[40,45.437]],[\"comment/39\",[]],[\"name/40\",[41,45.437]],[\"comment/40\",[]],[\"name/41\",[42,45.437]],[\"comment/41\",[]],[\"name/42\",[43,45.437]],[\"comment/42\",[]],[\"name/43\",[44,45.437]],[\"comment/43\",[]],[\"name/44\",[45,45.437]],[\"comment/44\",[]],[\"name/45\",[46,45.437]],[\"comment/45\",[]],[\"name/46\",[47,45.437]],[\"comment/46\",[]],[\"name/47\",[48,45.437]],[\"comment/47\",[]],[\"name/48\",[49,45.437]],[\"comment/48\",[]],[\"name/49\",[50,45.437]],[\"comment/49\",[]],[\"name/50\",[51,45.437]],[\"comment/50\",[]],[\"name/51\",[0,28.805,1,28.805]],[\"comment/51\",[]],[\"name/52\",[2,40.217]],[\"comment/52\",[]],[\"name/53\",[52,32.543,53,32.543]],[\"comment/53\",[]],[\"name/54\",[54,45.437]],[\"comment/54\",[]],[\"name/55\",[4,40.217]],[\"comment/55\",[]],[\"name/56\",[5,36.779]],[\"comment/56\",[]],[\"name/57\",[6,32.16]],[\"comment/57\",[]],[\"name/58\",[7,40.217]],[\"comment/58\",[]],[\"name/59\",[8,36.779]],[\"comment/59\",[]],[\"name/60\",[9,40.217]],[\"comment/60\",[]],[\"name/61\",[10,40.217]],[\"comment/61\",[]],[\"name/62\",[11,40.217]],[\"comment/62\",[]],[\"name/63\",[12,40.217]],[\"comment/63\",[]],[\"name/64\",[13,40.217]],[\"comment/64\",[]],[\"name/65\",[14,36.779]],[\"comment/65\",[]],[\"name/66\",[15,40.217]],[\"comment/66\",[]],[\"name/67\",[16,40.217]],[\"comment/67\",[]],[\"name/68\",[17,40.217]],[\"comment/68\",[]],[\"name/69\",[18,40.217]],[\"comment/69\",[]],[\"name/70\",[19,36.779]],[\"comment/70\",[]],[\"name/71\",[55,45.437]],[\"comment/71\",[]],[\"name/72\",[56,45.437]],[\"comment/72\",[]],[\"name/73\",[24,40.217]],[\"comment/73\",[]],[\"name/74\",[6,32.16]],[\"comment/74\",[]],[\"name/75\",[14,36.779]],[\"comment/75\",[]],[\"name/76\",[21,40.217]],[\"comment/76\",[]],[\"name/77\",[57,45.437]],[\"comment/77\",[]],[\"name/78\",[58,45.437]],[\"comment/78\",[]],[\"name/79\",[59,45.437]],[\"comment/79\",[]],[\"name/80\",[60,45.437]],[\"comment/80\",[]],[\"name/81\",[61,45.437]],[\"comment/81\",[]],[\"name/82\",[62,45.437]],[\"comment/82\",[]],[\"name/83\",[29,40.217]],[\"comment/83\",[]],[\"name/84\",[63,45.437]],[\"comment/84\",[]],[\"name/85\",[64,45.437]],[\"comment/85\",[]],[\"name/86\",[6,32.16]],[\"comment/86\",[]],[\"name/87\",[65,45.437]],[\"comment/87\",[]],[\"name/88\",[66,45.437]],[\"comment/88\",[]],[\"name/89\",[67,45.437]],[\"comment/89\",[]],[\"name/90\",[68,45.437]],[\"comment/90\",[]],[\"name/91\",[69,45.437]],[\"comment/91\",[]],[\"name/92\",[70,22.438,71,22.438,72,25.35]],[\"comment/92\",[]],[\"name/93\",[73,45.437]],[\"comment/93\",[]],[\"name/94\",[20,36.779]],[\"comment/94\",[]],[\"name/95\",[74,45.437]],[\"comment/95\",[]],[\"name/96\",[27,36.779]],[\"comment/96\",[]],[\"name/97\",[26,36.779]],[\"comment/97\",[]],[\"name/98\",[20,20.52,70,22.438,71,22.438]],[\"comment/98\",[]],[\"name/99\",[75,45.437]],[\"comment/99\",[]],[\"name/100\",[76,45.437]],[\"comment/100\",[]],[\"name/101\",[77,45.437]],[\"comment/101\",[]],[\"name/102\",[78,45.437]],[\"comment/102\",[]],[\"name/103\",[79,45.437]],[\"comment/103\",[]],[\"name/104\",[80,45.437]],[\"comment/104\",[]],[\"name/105\",[81,45.437]],[\"comment/105\",[]],[\"name/106\",[82,45.437]],[\"comment/106\",[]],[\"name/107\",[25,40.217]],[\"comment/107\",[]],[\"name/108\",[83,45.437]],[\"comment/108\",[]],[\"name/109\",[84,45.437]],[\"comment/109\",[]],[\"name/110\",[85,45.437]],[\"comment/110\",[]],[\"name/111\",[6,32.16]],[\"comment/111\",[]],[\"name/112\",[5,36.779]],[\"comment/112\",[]],[\"name/113\",[26,36.779]],[\"comment/113\",[]],[\"name/114\",[27,36.779]],[\"comment/114\",[]],[\"name/115\",[19,36.779]],[\"comment/115\",[]],[\"name/116\",[8,36.779]],[\"comment/116\",[]],[\"name/117\",[86,45.437]],[\"comment/117\",[]],[\"name/118\",[87,45.437]],[\"comment/118\",[]],[\"name/119\",[88,45.437]],[\"comment/119\",[]],[\"name/120\",[89,45.437]],[\"comment/120\",[]],[\"name/121\",[90,45.437]],[\"comment/121\",[]],[\"name/122\",[91,45.437]],[\"comment/122\",[]],[\"name/123\",[92,45.437]],[\"comment/123\",[]],[\"name/124\",[93,45.437]],[\"comment/124\",[]],[\"name/125\",[94,45.437]],[\"comment/125\",[]],[\"name/126\",[95,45.437]],[\"comment/126\",[]]],\"invertedIndex\":[[\"additem\",{\"_index\":47,\"name\":{\"46\":{}},\"comment\":{}}],[\"addlanguage\",{\"_index\":44,\"name\":{\"43\":{}},\"comment\":{}}],[\"addoptionsbehaviour\",{\"_index\":39,\"name\":{\"38\":{}},\"comment\":{}}],[\"btncntr\",{\"_index\":28,\"name\":{\"27\":{}},\"comment\":{}}],[\"buttoncontrol\",{\"_index\":45,\"name\":{\"44\":{}},\"comment\":{}}],[\"caret\",{\"_index\":24,\"name\":{\"23\":{},\"73\":{}},\"comment\":{}}],[\"category\",{\"_index\":25,\"name\":{\"24\":{},\"107\":{}},\"comment\":{}}],[\"categoryitems\",{\"_index\":83,\"name\":{\"108\":{}},\"comment\":{}}],[\"cg\",{\"_index\":0,\"name\":{\"0\":{},\"51\":{}},\"comment\":{}}],[\"cgselect\",{\"_index\":2,\"name\":{\"1\":{},\"52\":{}},\"comment\":{}}],[\"changetheme\",{\"_index\":80,\"name\":{\"104\":{}},\"comment\":{}}],[\"checkitemstruct\",{\"_index\":89,\"name\":{\"120\":{}},\"comment\":{}}],[\"chips\",{\"_index\":58,\"name\":{\"78\":{}},\"comment\":{}}],[\"clearselect\",{\"_index\":91,\"name\":{\"122\":{}},\"comment\":{}}],[\"close\",{\"_index\":37,\"name\":{\"36\":{}},\"comment\":{}}],[\"closeonselect\",{\"_index\":10,\"name\":{\"9\":{},\"61\":{}},\"comment\":{}}],[\"closeselectclick\",{\"_index\":38,\"name\":{\"37\":{}},\"comment\":{}}],[\"components/create\",{\"_index\":70,\"name\":{\"92\":{},\"98\":{}},\"comment\":{}}],[\"components/theme/theme\",{\"_index\":79,\"name\":{\"103\":{}},\"comment\":{}}],[\"components/utils/urils.interface\",{\"_index\":81,\"name\":{\"105\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":3,\"name\":{\"2\":{}},\"comment\":{}}],[\"createbreadcrumb\",{\"_index\":77,\"name\":{\"101\":{}},\"comment\":{}}],[\"createinputsearch\",{\"_index\":78,\"name\":{\"102\":{}},\"comment\":{}}],[\"createnativeselect\",{\"_index\":75,\"name\":{\"99\":{}},\"comment\":{}}],[\"createnativeselectoption\",{\"_index\":76,\"name\":{\"100\":{}},\"comment\":{}}],[\"createselected\",{\"_index\":90,\"name\":{\"121\":{}},\"comment\":{}}],[\"customstyles\",{\"_index\":94,\"name\":{\"125\":{}},\"comment\":{}}],[\"customstylesformat\",{\"_index\":95,\"name\":{\"126\":{}},\"comment\":{}}],[\"deleteitem\",{\"_index\":48,\"name\":{\"47\":{}},\"comment\":{}}],[\"deleteitemall\",{\"_index\":49,\"name\":{\"48\":{}},\"comment\":{}}],[\"disabled\",{\"_index\":46,\"name\":{\"45\":{}},\"comment\":{}}],[\"displaymode\",{\"_index\":42,\"name\":{\"41\":{}},\"comment\":{}}],[\"element\",{\"_index\":20,\"name\":{\"19\":{},\"94\":{},\"98\":{}},\"comment\":{}}],[\"element.interface\",{\"_index\":72,\"name\":{\"92\":{}},\"comment\":{}}],[\"element/create\",{\"_index\":71,\"name\":{\"92\":{},\"98\":{}},\"comment\":{}}],[\"en\",{\"_index\":69,\"name\":{\"91\":{}},\"comment\":{}}],[\"event\",{\"_index\":16,\"name\":{\"15\":{},\"67\":{}},\"comment\":{}}],[\"getelement\",{\"_index\":43,\"name\":{\"42\":{}},\"comment\":{}}],[\"getformatitem\",{\"_index\":87,\"name\":{\"118\":{}},\"comment\":{}}],[\"getselecttext\",{\"_index\":88,\"name\":{\"119\":{}},\"comment\":{}}],[\"head\",{\"_index\":56,\"name\":{\"72\":{}},\"comment\":{}}],[\"icgselect\",{\"_index\":54,\"name\":{\"54\":{}},\"comment\":{}}],[\"icreatebreadcrumb\",{\"_index\":73,\"name\":{\"93\":{}},\"comment\":{}}],[\"id\",{\"_index\":61,\"name\":{\"81\":{}},\"comment\":{}}],[\"idataitem\",{\"_index\":82,\"name\":{\"106\":{}},\"comment\":{}}],[\"iitems\",{\"_index\":60,\"name\":{\"80\":{}},\"comment\":{}}],[\"ilanguage\",{\"_index\":64,\"name\":{\"85\":{}},\"comment\":{}}],[\"indexes\",{\"_index\":27,\"name\":{\"26\":{},\"96\":{},\"114\":{}},\"comment\":{}}],[\"indexesof\",{\"_index\":30,\"name\":{\"29\":{}},\"comment\":{}}],[\"init\",{\"_index\":31,\"name\":{\"30\":{}},\"comment\":{}}],[\"initevent\",{\"_index\":35,\"name\":{\"34\":{}},\"comment\":{}}],[\"initselected\",{\"_index\":34,\"name\":{\"33\":{}},\"comment\":{}}],[\"interfaces/cg\",{\"_index\":52,\"name\":{\"53\":{}},\"comment\":{}}],[\"interfaces/items.interface\",{\"_index\":59,\"name\":{\"79\":{}},\"comment\":{}}],[\"interfaces/language.interface\",{\"_index\":63,\"name\":{\"84\":{}},\"comment\":{}}],[\"iselecteditems\",{\"_index\":85,\"name\":{\"110\":{}},\"comment\":{}}],[\"istyle\",{\"_index\":55,\"name\":{\"71\":{}},\"comment\":{}}],[\"items\",{\"_index\":7,\"name\":{\"6\":{},\"58\":{}},\"comment\":{}}],[\"itemvalue\",{\"_index\":84,\"name\":{\"109\":{}},\"comment\":{}}],[\"lable\",{\"_index\":14,\"name\":{\"13\":{},\"65\":{},\"75\":{}},\"comment\":{}}],[\"language\",{\"_index\":13,\"name\":{\"12\":{},\"64\":{}},\"comment\":{}}],[\"language/language\",{\"_index\":67,\"name\":{\"89\":{}},\"comment\":{}}],[\"list\",{\"_index\":21,\"name\":{\"20\":{},\"76\":{}},\"comment\":{}}],[\"listdisplaymode\",{\"_index\":12,\"name\":{\"11\":{},\"63\":{}},\"comment\":{}}],[\"multiselect\",{\"_index\":18,\"name\":{\"17\":{},\"69\":{}},\"comment\":{}}],[\"multiselecttag\",{\"_index\":19,\"name\":{\"18\":{},\"70\":{},\"115\":{}},\"comment\":{}}],[\"nativeoptionmultiple\",{\"_index\":93,\"name\":{\"124\":{}},\"comment\":{}}],[\"nativeoptionordinary\",{\"_index\":92,\"name\":{\"123\":{}},\"comment\":{}}],[\"nativeselectmode\",{\"_index\":11,\"name\":{\"10\":{},\"62\":{}},\"comment\":{}}],[\"on\",{\"_index\":51,\"name\":{\"50\":{}},\"comment\":{}}],[\"open\",{\"_index\":36,\"name\":{\"35\":{}},\"comment\":{}}],[\"option\",{\"_index\":74,\"name\":{\"95\":{}},\"comment\":{}}],[\"options\",{\"_index\":22,\"name\":{\"21\":{}},\"comment\":{}}],[\"placeholder\",{\"_index\":6,\"name\":{\"5\":{},\"57\":{},\"74\":{},\"86\":{},\"111\":{}},\"comment\":{}}],[\"randomid\",{\"_index\":23,\"name\":{\"22\":{}},\"comment\":{}}],[\"render\",{\"_index\":32,\"name\":{\"31\":{}},\"comment\":{}}],[\"renderurl\",{\"_index\":33,\"name\":{\"32\":{}},\"comment\":{}}],[\"ru\",{\"_index\":68,\"name\":{\"90\":{}},\"comment\":{}}],[\"search\",{\"_index\":57,\"name\":{\"77\":{}},\"comment\":{}}],[\"searchmode\",{\"_index\":9,\"name\":{\"8\":{},\"60\":{}},\"comment\":{}}],[\"searchmodeselect\",{\"_index\":41,\"name\":{\"40\":{}},\"comment\":{}}],[\"select\",{\"_index\":1,\"name\":{\"0\":{},\"51\":{}},\"comment\":{}}],[\"select.interface\",{\"_index\":53,\"name\":{\"53\":{}},\"comment\":{}}],[\"selected\",{\"_index\":5,\"name\":{\"4\":{},\"56\":{},\"112\":{}},\"comment\":{}}],[\"selecteditems\",{\"_index\":26,\"name\":{\"25\":{},\"97\":{},\"113\":{}},\"comment\":{}}],[\"selectindex\",{\"_index\":50,\"name\":{\"49\":{}},\"comment\":{}}],[\"selectmode\",{\"_index\":40,\"name\":{\"39\":{}},\"comment\":{}}],[\"selector\",{\"_index\":4,\"name\":{\"3\":{},\"55\":{}},\"comment\":{}}],[\"selectplaceholder\",{\"_index\":65,\"name\":{\"87\":{}},\"comment\":{}}],[\"styles\",{\"_index\":15,\"name\":{\"14\":{},\"66\":{}},\"comment\":{}}],[\"textinlistsearch\",{\"_index\":66,\"name\":{\"88\":{}},\"comment\":{}}],[\"theme\",{\"_index\":8,\"name\":{\"7\":{},\"59\":{},\"116\":{}},\"comment\":{}}],[\"title\",{\"_index\":62,\"name\":{\"82\":{}},\"comment\":{}}],[\"url\",{\"_index\":17,\"name\":{\"16\":{},\"68\":{}},\"comment\":{}}],[\"utils\",{\"_index\":86,\"name\":{\"117\":{}},\"comment\":{}}],[\"value\",{\"_index\":29,\"name\":{\"28\":{},\"83\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file diff --git a/docs/assets/style.css b/docs/assets/style.css new file mode 100644 index 0000000..2d02570 --- /dev/null +++ b/docs/assets/style.css @@ -0,0 +1,1280 @@ +:root { + /* Light */ + --light-color-background: #f2f4f8; + --light-color-background-secondary: #eff0f1; + --light-color-warning-text: #222; + --light-color-background-warning: #e6e600; + --light-color-icon-background: var(--light-color-background); + --light-color-accent: #c5c7c9; + --light-color-text: #222; + --light-color-text-aside: #707070; + --light-color-link: #4da6ff; + --light-color-ts: #db1373; + --light-color-ts-interface: #139d2c; + --light-color-ts-enum: #9c891a; + --light-color-ts-class: #2484e5; + --light-color-ts-function: #572be7; + --light-color-ts-namespace: #b111c9; + --light-color-ts-private: #707070; + --light-color-ts-variable: #4d68ff; + --light-external-icon: url("data:image/svg+xml;utf8,"); + --light-color-scheme: light; + + /* Dark */ + --dark-color-background: #2b2e33; + --dark-color-background-secondary: #1e2024; + --dark-color-background-warning: #bebe00; + --dark-color-warning-text: #222; + --dark-color-icon-background: var(--dark-color-background-secondary); + --dark-color-accent: #9096a2; + --dark-color-text: #f5f5f5; + --dark-color-text-aside: #dddddd; + --dark-color-link: #00aff4; + --dark-color-ts: #ff6492; + --dark-color-ts-interface: #6cff87; + --dark-color-ts-enum: #f4d93e; + --dark-color-ts-class: #61b0ff; + --dark-color-ts-function: #9772ff; + --dark-color-ts-namespace: #e14dff; + --dark-color-ts-private: #e2e2e2; + --dark-color-ts-variable: #4d68ff; + --dark-external-icon: url("data:image/svg+xml;utf8,"); + --dark-color-scheme: dark; +} + +@media (prefers-color-scheme: light) { + :root { + --color-background: var(--light-color-background); + --color-background-secondary: var(--light-color-background-secondary); + --color-background-warning: var(--light-color-background-warning); + --color-warning-text: var(--light-color-warning-text); + --color-icon-background: var(--light-color-icon-background); + --color-accent: var(--light-color-accent); + --color-text: var(--light-color-text); + --color-text-aside: var(--light-color-text-aside); + --color-link: var(--light-color-link); + --color-ts: var(--light-color-ts); + --color-ts-interface: var(--light-color-ts-interface); + --color-ts-enum: var(--light-color-ts-enum); + --color-ts-class: var(--light-color-ts-class); + --color-ts-function: var(--light-color-ts-function); + --color-ts-namespace: var(--light-color-ts-namespace); + --color-ts-private: var(--light-color-ts-private); + --color-ts-variable: var(--light-color-ts-variable); + --external-icon: var(--light-external-icon); + --color-scheme: var(--light-color-scheme); + } +} + +@media (prefers-color-scheme: dark) { + :root { + --color-background: var(--dark-color-background); + --color-background-secondary: var(--dark-color-background-secondary); + --color-background-warning: var(--dark-color-background-warning); + --color-warning-text: var(--dark-color-warning-text); + --color-icon-background: var(--dark-color-icon-background); + --color-accent: var(--dark-color-accent); + --color-text: var(--dark-color-text); + --color-text-aside: var(--dark-color-text-aside); + --color-link: var(--dark-color-link); + --color-ts: var(--dark-color-ts); + --color-ts-interface: var(--dark-color-ts-interface); + --color-ts-enum: var(--dark-color-ts-enum); + --color-ts-class: var(--dark-color-ts-class); + --color-ts-function: var(--dark-color-ts-function); + --color-ts-namespace: var(--dark-color-ts-namespace); + --color-ts-private: var(--dark-color-ts-private); + --color-ts-variable: var(--dark-color-ts-variable); + --external-icon: var(--dark-external-icon); + --color-scheme: var(--dark-color-scheme); + } +} + +html { + color-scheme: var(--color-scheme); +} + +body { + margin: 0; +} + +:root[data-theme="light"] { + --color-background: var(--light-color-background); + --color-background-secondary: var(--light-color-background-secondary); + --color-background-warning: var(--light-color-background-warning); + --color-warning-text: var(--light-color-warning-text); + --color-icon-background: var(--light-color-icon-background); + --color-accent: var(--light-color-accent); + --color-text: var(--light-color-text); + --color-text-aside: var(--light-color-text-aside); + --color-link: var(--light-color-link); + --color-ts: var(--light-color-ts); + --color-ts-interface: var(--light-color-ts-interface); + --color-ts-enum: var(--light-color-ts-enum); + --color-ts-class: var(--light-color-ts-class); + --color-ts-function: var(--light-color-ts-function); + --color-ts-namespace: var(--light-color-ts-namespace); + --color-ts-private: var(--light-color-ts-private); + --color-ts-variable: var(--light-color-ts-variable); + --external-icon: var(--light-external-icon); + --color-scheme: var(--light-color-scheme); +} + +:root[data-theme="dark"] { + --color-background: var(--dark-color-background); + --color-background-secondary: var(--dark-color-background-secondary); + --color-background-warning: var(--dark-color-background-warning); + --color-warning-text: var(--dark-color-warning-text); + --color-icon-background: var(--dark-color-icon-background); + --color-accent: var(--dark-color-accent); + --color-text: var(--dark-color-text); + --color-text-aside: var(--dark-color-text-aside); + --color-link: var(--dark-color-link); + --color-ts: var(--dark-color-ts); + --color-ts-interface: var(--dark-color-ts-interface); + --color-ts-enum: var(--dark-color-ts-enum); + --color-ts-class: var(--dark-color-ts-class); + --color-ts-function: var(--dark-color-ts-function); + --color-ts-namespace: var(--dark-color-ts-namespace); + --color-ts-private: var(--dark-color-ts-private); + --color-ts-variable: var(--dark-color-ts-variable); + --external-icon: var(--dark-external-icon); + --color-scheme: var(--dark-color-scheme); +} + +.always-visible, +.always-visible .tsd-signatures { + display: inherit !important; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.2; +} + +h1 { + font-size: 1.875rem; + margin: 0.67rem 0; +} + +h2 { + font-size: 1.5rem; + margin: 0.83rem 0; +} + +h3 { + font-size: 1.25rem; + margin: 1rem 0; +} + +h4 { + font-size: 1.05rem; + margin: 1.33rem 0; +} + +h5 { + font-size: 1rem; + margin: 1.5rem 0; +} + +h6 { + font-size: 0.875rem; + margin: 2.33rem 0; +} + +.uppercase { + text-transform: uppercase; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +dl, +menu, +ol, +ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 40px; +} + +.container { + max-width: 1600px; + padding: 0 2rem; +} + +@media (min-width: 640px) { + .container { + padding: 0 4rem; + } +} +@media (min-width: 1200px) { + .container { + padding: 0 8rem; + } +} +@media (min-width: 1600px) { + .container { + padding: 0 12rem; + } +} + +/* Footer */ +.tsd-generator { + border-top: 1px solid var(--color-accent); + padding-top: 1rem; + padding-bottom: 1rem; + max-height: 3.5rem; +} + +.tsd-generator > p { + margin-top: 0; + margin-bottom: 0; + padding: 0 1rem; +} + +.container-main { + display: flex; + justify-content: space-between; + position: relative; + margin: 0 auto; +} + +.col-4, +.col-8 { + box-sizing: border-box; + float: left; + padding: 2rem 1rem; +} + +.col-4 { + flex: 0 0 25%; +} +.col-8 { + flex: 1 0; + flex-wrap: wrap; + padding-left: 0; +} + +@keyframes fade-in { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fade-out { + from { + opacity: 1; + visibility: visible; + } + to { + opacity: 0; + } +} +@keyframes fade-in-delayed { + 0% { + opacity: 0; + } + 33% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes fade-out-delayed { + 0% { + opacity: 1; + visibility: visible; + } + 66% { + opacity: 0; + } + 100% { + opacity: 0; + } +} +@keyframes shift-to-left { + from { + transform: translate(0, 0); + } + to { + transform: translate(-25%, 0); + } +} +@keyframes unshift-to-left { + from { + transform: translate(-25%, 0); + } + to { + transform: translate(0, 0); + } +} +@keyframes pop-in-from-right { + from { + transform: translate(100%, 0); + } + to { + transform: translate(0, 0); + } +} +@keyframes pop-out-to-right { + from { + transform: translate(0, 0); + visibility: visible; + } + to { + transform: translate(100%, 0); + } +} +body { + background: var(--color-background); + font-family: "Segoe UI", sans-serif; + font-size: 16px; + color: var(--color-text); +} + +a { + color: var(--color-link); + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +a.external[target="_blank"] { + background-image: var(--external-icon); + background-position: top 3px right; + background-repeat: no-repeat; + padding-right: 13px; +} + +code, +pre { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + padding: 0.2em; + margin: 0; + font-size: 0.875rem; + border-radius: 0.8em; +} + +pre { + padding: 10px; + border: 0.1em solid var(--color-accent); +} +pre code { + padding: 0; + font-size: 100%; +} + +blockquote { + margin: 1em 0; + padding-left: 1em; + border-left: 4px solid gray; +} + +.tsd-typography { + line-height: 1.333em; +} +.tsd-typography ul { + list-style: square; + padding: 0 0 0 20px; + margin: 0; +} +.tsd-typography h4, +.tsd-typography .tsd-index-panel h3, +.tsd-index-panel .tsd-typography h3, +.tsd-typography h5, +.tsd-typography h6 { + font-size: 1em; + margin: 0; +} +.tsd-typography h5, +.tsd-typography h6 { + font-weight: normal; +} +.tsd-typography p, +.tsd-typography ul, +.tsd-typography ol { + margin: 1em 0; +} + +@media (max-width: 1024px) { + html .col-content { + float: none; + max-width: 100%; + width: 100%; + padding-top: 3rem; + } + html .col-menu { + position: fixed !important; + overflow-y: auto; + -webkit-overflow-scrolling: touch; + z-index: 1024; + top: 0 !important; + bottom: 0 !important; + left: auto !important; + right: 0 !important; + padding: 1.5rem 1.5rem 0 0; + max-width: 25rem; + visibility: hidden; + background-color: var(--color-background); + transform: translate(100%, 0); + } + html .col-menu > *:last-child { + padding-bottom: 20px; + } + html .overlay { + content: ""; + display: block; + position: fixed; + z-index: 1023; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.75); + visibility: hidden; + } + + .to-has-menu .overlay { + animation: fade-in 0.4s; + } + + .to-has-menu :is(header, footer, .col-content) { + animation: shift-to-left 0.4s; + } + + .to-has-menu .col-menu { + animation: pop-in-from-right 0.4s; + } + + .from-has-menu .overlay { + animation: fade-out 0.4s; + } + + .from-has-menu :is(header, footer, .col-content) { + animation: unshift-to-left 0.4s; + } + + .from-has-menu .col-menu { + animation: pop-out-to-right 0.4s; + } + + .has-menu body { + overflow: hidden; + } + .has-menu .overlay { + visibility: visible; + } + .has-menu :is(header, footer, .col-content) { + transform: translate(-25%, 0); + } + .has-menu .col-menu { + visibility: visible; + transform: translate(0, 0); + display: grid; + align-items: center; + grid-template-rows: auto 1fr; + grid-gap: 1.5rem; + max-height: 100vh; + padding: 1rem 2rem; + } + .has-menu .tsd-navigation { + max-height: 100%; + } +} + +.tsd-breadcrumb { + margin: 0; + padding: 0; + color: var(--color-text-aside); +} +.tsd-breadcrumb a { + color: var(--color-text-aside); + text-decoration: none; +} +.tsd-breadcrumb a:hover { + text-decoration: underline; +} +.tsd-breadcrumb li { + display: inline; +} +.tsd-breadcrumb li:after { + content: " / "; +} + +.tsd-comment-tags { + display: flex; + flex-direction: column; +} +dl.tsd-comment-tag-group { + display: flex; + align-items: center; + overflow: hidden; + margin: 0.5em 0; +} +dl.tsd-comment-tag-group dt { + display: flex; + margin-right: 0.5em; + font-size: 0.875em; + font-weight: normal; +} +dl.tsd-comment-tag-group dd { + margin: 0; +} +code.tsd-tag { + padding: 0.25em 0.4em; + border: 0.1em solid var(--color-accent); + margin-right: 0.25em; + font-size: 70%; +} +h1 code.tsd-tag:first-of-type { + margin-left: 0.25em; +} + +dl.tsd-comment-tag-group dd:before, +dl.tsd-comment-tag-group dd:after { + content: " "; +} +dl.tsd-comment-tag-group dd pre, +dl.tsd-comment-tag-group dd:after { + clear: both; +} +dl.tsd-comment-tag-group p { + margin: 0; +} + +.tsd-panel.tsd-comment .lead { + font-size: 1.1em; + line-height: 1.333em; + margin-bottom: 2em; +} +.tsd-panel.tsd-comment .lead:last-child { + margin-bottom: 0; +} + +.tsd-filter-visibility h4 { + font-size: 1rem; + padding-top: 0.75rem; + padding-bottom: 0.5rem; + margin: 0; +} +.tsd-filter-item:not(:last-child) { + margin-bottom: 0.5rem; +} +.tsd-filter-input { + display: flex; + width: fit-content; + width: -moz-fit-content; + align-items: center; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + cursor: pointer; +} +.tsd-filter-input input[type="checkbox"] { + cursor: pointer; + position: absolute; + width: 1.5em; + height: 1.5em; + opacity: 0; +} +.tsd-filter-input input[type="checkbox"]:disabled { + pointer-events: none; +} +.tsd-filter-input svg { + cursor: pointer; + width: 1.5em; + height: 1.5em; + margin-right: 0.5em; + border-radius: 0.33em; + /* Leaving this at full opacity breaks event listeners on Firefox. + Don't remove unless you know what you're doing. */ + opacity: 0.99; +} +.tsd-filter-input input[type="checkbox"]:focus + svg { + transform: scale(0.95); +} +.tsd-filter-input input[type="checkbox"]:focus:not(:focus-visible) + svg { + transform: scale(1); +} +.tsd-checkbox-background { + fill: var(--color-accent); +} +input[type="checkbox"]:checked ~ svg .tsd-checkbox-checkmark { + stroke: var(--color-text); +} +.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-background { + fill: var(--color-background); + stroke: var(--color-accent); + stroke-width: 0.25rem; +} +.tsd-filter-input input:disabled ~ svg > .tsd-checkbox-checkmark { + stroke: var(--color-accent); +} + +.tsd-theme-toggle { + padding-top: 0.75rem; +} +.tsd-theme-toggle > h4 { + display: inline; + vertical-align: middle; + margin-right: 0.75rem; +} + +.tsd-hierarchy { + list-style: square; + margin: 0; +} +.tsd-hierarchy .target { + font-weight: bold; +} + +.tsd-panel-group.tsd-index-group { + margin-bottom: 0; +} +.tsd-index-panel .tsd-index-list { + list-style: none; + line-height: 1.333em; + margin: 0; + padding: 0.25rem 0 0 0; + overflow: hidden; + display: grid; + grid-template-columns: repeat(3, 1fr); + column-gap: 1rem; + grid-template-rows: auto; +} +@media (max-width: 1024px) { + .tsd-index-panel .tsd-index-list { + grid-template-columns: repeat(2, 1fr); + } +} +@media (max-width: 768px) { + .tsd-index-panel .tsd-index-list { + grid-template-columns: repeat(1, 1fr); + } +} +.tsd-index-panel .tsd-index-list li { + -webkit-page-break-inside: avoid; + -moz-page-break-inside: avoid; + -ms-page-break-inside: avoid; + -o-page-break-inside: avoid; + page-break-inside: avoid; +} +.tsd-index-panel a, +.tsd-index-panel a.tsd-parent-kind-module { + color: var(--color-ts); +} +.tsd-index-panel a.tsd-parent-kind-interface { + color: var(--color-ts-interface); +} +.tsd-index-panel a.tsd-parent-kind-enum { + color: var(--color-ts-enum); +} +.tsd-index-panel a.tsd-parent-kind-class { + color: var(--color-ts-class); +} +.tsd-index-panel a.tsd-kind-module { + color: var(--color-ts-namespace); +} +.tsd-index-panel a.tsd-kind-interface { + color: var(--color-ts-interface); +} +.tsd-index-panel a.tsd-kind-enum { + color: var(--color-ts-enum); +} +.tsd-index-panel a.tsd-kind-class { + color: var(--color-ts-class); +} +.tsd-index-panel a.tsd-kind-function { + color: var(--color-ts-function); +} +.tsd-index-panel a.tsd-kind-namespace { + color: var(--color-ts-namespace); +} +.tsd-index-panel a.tsd-kind-variable { + color: var(--color-ts-variable); +} +.tsd-index-panel a.tsd-is-private { + color: var(--color-ts-private); +} + +.tsd-flag { + display: inline-block; + padding: 0.25em 0.4em; + border-radius: 4px; + color: var(--color-comment-tag-text); + background-color: var(--color-comment-tag); + text-indent: 0; + font-size: 75%; + line-height: 1; + font-weight: normal; +} + +.tsd-anchor { + position: absolute; + top: -100px; +} + +.tsd-member { + position: relative; +} +.tsd-member .tsd-anchor + h3 { + display: flex; + align-items: center; + margin-top: 0; + margin-bottom: 0; + border-bottom: none; +} +.tsd-member [data-tsd-kind] { + color: var(--color-ts); +} +.tsd-member [data-tsd-kind="Interface"] { + color: var(--color-ts-interface); +} +.tsd-member [data-tsd-kind="Enum"] { + color: var(--color-ts-enum); +} +.tsd-member [data-tsd-kind="Class"] { + color: var(--color-ts-class); +} +.tsd-member [data-tsd-kind="Private"] { + color: var(--color-ts-private); +} + +.tsd-navigation a { + display: block; + margin: 0.4rem 0; + border-left: 2px solid transparent; + color: var(--color-text); + text-decoration: none; + transition: border-left-color 0.1s; +} +.tsd-navigation a:hover { + text-decoration: underline; +} +.tsd-navigation ul { + margin: 0; + padding: 0; + list-style: none; +} +.tsd-navigation li { + padding: 0; +} + +.tsd-navigation.primary .tsd-accordion-details > ul { + margin-top: 0.75rem; +} +.tsd-navigation.primary a { + padding: 0.75rem 0.5rem; + margin: 0; +} +.tsd-navigation.primary ul li a { + margin-left: 0.5rem; +} +.tsd-navigation.primary ul li li a { + margin-left: 1.5rem; +} +.tsd-navigation.primary ul li li li a { + margin-left: 2.5rem; +} +.tsd-navigation.primary ul li li li li a { + margin-left: 3.5rem; +} +.tsd-navigation.primary ul li li li li li a { + margin-left: 4.5rem; +} +.tsd-navigation.primary ul li li li li li li a { + margin-left: 5.5rem; +} +.tsd-navigation.primary li.current > a { + border-left: 0.15rem var(--color-text) solid; +} +.tsd-navigation.primary li.selected > a { + font-weight: bold; + border-left: 0.2rem var(--color-text) solid; +} +.tsd-navigation.primary ul li a:hover { + border-left: 0.2rem var(--color-text-aside) solid; +} +.tsd-navigation.primary li.globals + li > span, +.tsd-navigation.primary li.globals + li > a { + padding-top: 20px; +} + +.tsd-navigation.secondary.tsd-navigation--toolbar-hide { + max-height: calc(100vh - 1rem); + top: 0.5rem; +} +.tsd-navigation.secondary > ul { + display: inline; + padding-right: 0.5rem; + transition: opacity 0.2s; +} +.tsd-navigation.secondary ul li a { + padding-left: 0; +} +.tsd-navigation.secondary ul li li a { + padding-left: 1.1rem; +} +.tsd-navigation.secondary ul li li li a { + padding-left: 2.2rem; +} +.tsd-navigation.secondary ul li li li li a { + padding-left: 3.3rem; +} +.tsd-navigation.secondary ul li li li li li a { + padding-left: 4.4rem; +} +.tsd-navigation.secondary ul li li li li li li a { + padding-left: 5.5rem; +} + +#tsd-sidebar-links a { + margin-top: 0; + margin-bottom: 0.5rem; + line-height: 1.25rem; +} +#tsd-sidebar-links a:last-of-type { + margin-bottom: 0; +} + +a.tsd-index-link { + margin: 0.25rem 0; + font-size: 1rem; + line-height: 1.25rem; + display: inline-flex; + align-items: center; +} +.tsd-accordion-summary > h1, +.tsd-accordion-summary > h2, +.tsd-accordion-summary > h3, +.tsd-accordion-summary > h4, +.tsd-accordion-summary > h5 { + display: inline-flex; + align-items: center; + vertical-align: middle; + margin-bottom: 0; + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; +} +.tsd-accordion-summary { + display: block; + cursor: pointer; +} +.tsd-accordion-summary > * { + margin-top: 0; + margin-bottom: 0; + padding-top: 0; + padding-bottom: 0; +} +.tsd-accordion-summary::-webkit-details-marker { + display: none; +} +.tsd-index-accordion .tsd-accordion-summary svg { + margin-right: 0.25rem; +} +.tsd-index-content > :not(:first-child) { + margin-top: 0.75rem; +} +.tsd-index-heading { + margin-top: 1.5rem; + margin-bottom: 0.75rem; +} + +.tsd-kind-icon { + margin-right: 0.5rem; + width: 1.25rem; + height: 1.25rem; + min-width: 1.25rem; + min-height: 1.25rem; +} +.tsd-kind-icon path { + transform-origin: center; + transform: scale(1.1); +} +.tsd-signature > .tsd-kind-icon { + margin-right: 0.8rem; +} + +@media (min-width: 1024px) { + .col-content { + margin: 2rem auto; + } + + .menu-sticky-wrap { + position: sticky; + height: calc(100vh - 2rem); + top: 4rem; + right: 0; + padding: 0 1.5rem; + padding-top: 1rem; + margin-top: 3rem; + transition: 0.3s ease-in-out; + transition-property: top, padding-top, padding, height; + overflow-y: auto; + } + .col-menu { + border-left: 1px solid var(--color-accent); + } + .col-menu--hide { + top: 1rem; + } + .col-menu .tsd-navigation:not(:last-child) { + padding-bottom: 1.75rem; + } +} + +.tsd-panel { + margin-bottom: 2.5rem; +} +.tsd-panel.tsd-member { + margin-bottom: 4rem; +} +.tsd-panel:empty { + display: none; +} +.tsd-panel > h1, +.tsd-panel > h2, +.tsd-panel > h3 { + margin: 1.5rem -1.5rem 0.75rem -1.5rem; + padding: 0 1.5rem 0.75rem 1.5rem; +} +.tsd-panel > h1.tsd-before-signature, +.tsd-panel > h2.tsd-before-signature, +.tsd-panel > h3.tsd-before-signature { + margin-bottom: 0; + border-bottom: none; +} + +.tsd-panel-group { + margin: 4rem 0; +} +.tsd-panel-group.tsd-index-group { + margin: 2rem 0; +} +.tsd-panel-group.tsd-index-group details { + margin: 2rem 0; +} + +#tsd-search { + transition: background-color 0.2s; +} +#tsd-search .title { + position: relative; + z-index: 2; +} +#tsd-search .field { + position: absolute; + left: 0; + top: 0; + right: 2.5rem; + height: 100%; +} +#tsd-search .field input { + box-sizing: border-box; + position: relative; + top: -50px; + z-index: 1; + width: 100%; + padding: 0 10px; + opacity: 0; + outline: 0; + border: 0; + background: transparent; + color: var(--color-text); +} +#tsd-search .field label { + position: absolute; + overflow: hidden; + right: -40px; +} +#tsd-search .field input, +#tsd-search .title, +#tsd-toolbar-links a { + transition: opacity 0.2s; +} +#tsd-search .results { + position: absolute; + visibility: hidden; + top: 40px; + width: 100%; + margin: 0; + padding: 0; + list-style: none; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); +} +#tsd-search .results li { + padding: 0 10px; + background-color: var(--color-background); +} +#tsd-search .results li:nth-child(even) { + background-color: var(--color-background-secondary); +} +#tsd-search .results li.state { + display: none; +} +#tsd-search .results li.current, +#tsd-search .results li:hover { + background-color: var(--color-accent); +} +#tsd-search .results a { + display: block; +} +#tsd-search .results a:before { + top: 10px; +} +#tsd-search .results span.parent { + color: var(--color-text-aside); + font-weight: normal; +} +#tsd-search.has-focus { + background-color: var(--color-accent); +} +#tsd-search.has-focus .field input { + top: 0; + opacity: 1; +} +#tsd-search.has-focus .title, +#tsd-search.has-focus #tsd-toolbar-links a { + z-index: 0; + opacity: 0; +} +#tsd-search.has-focus .results { + visibility: visible; +} +#tsd-search.loading .results li.state.loading { + display: block; +} +#tsd-search.failure .results li.state.failure { + display: block; +} + +#tsd-toolbar-links { + position: absolute; + top: 0; + right: 2rem; + height: 100%; + display: flex; + align-items: center; + justify-content: flex-end; +} +#tsd-toolbar-links a { + margin-left: 1.5rem; +} +#tsd-toolbar-links a:hover { + text-decoration: underline; +} + +.tsd-signature { + margin: 0 0 1rem 0; + padding: 1rem 0.5rem; + border: 1px solid var(--color-accent); + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 14px; + overflow-x: auto; +} + +.tsd-signature-symbol { + color: var(--color-text-aside); + font-weight: normal; +} + +.tsd-signature-type { + font-style: italic; + font-weight: normal; +} + +.tsd-signatures { + padding: 0; + margin: 0 0 1em 0; + list-style-type: none; +} +.tsd-signatures .tsd-signature { + margin: 0; + border-color: var(--color-accent); + border-width: 1px 0; + transition: background-color 0.1s; +} +.tsd-description .tsd-signatures .tsd-signature { + border-width: 1px; +} + +ul.tsd-parameter-list, +ul.tsd-type-parameter-list { + list-style: square; + margin: 0; + padding-left: 20px; +} +ul.tsd-parameter-list > li.tsd-parameter-signature, +ul.tsd-type-parameter-list > li.tsd-parameter-signature { + list-style: none; + margin-left: -20px; +} +ul.tsd-parameter-list h5, +ul.tsd-type-parameter-list h5 { + font-size: 16px; + margin: 1em 0 0.5em 0; +} +.tsd-sources { + margin-top: 1rem; + font-size: 0.875em; +} +.tsd-sources a { + color: var(--color-text-aside); + text-decoration: underline; +} +.tsd-sources ul { + list-style: none; + padding: 0; +} + +.tsd-page-toolbar { + position: fixed; + z-index: 1; + top: 0; + left: 0; + width: 100%; + color: var(--color-text); + background: var(--color-background-secondary); + border-bottom: 1px var(--color-accent) solid; + transition: transform 0.3s ease-in-out; +} +.tsd-page-toolbar a { + color: var(--color-text); + text-decoration: none; +} +.tsd-page-toolbar a.title { + font-weight: bold; +} +.tsd-page-toolbar a.title:hover { + text-decoration: underline; +} +.tsd-page-toolbar .tsd-toolbar-contents { + display: flex; + justify-content: space-between; + height: 2.5rem; + margin: 0 auto; +} +.tsd-page-toolbar .table-cell { + position: relative; + white-space: nowrap; + line-height: 40px; +} +.tsd-page-toolbar .table-cell:first-child { + width: 100%; +} +.tsd-page-toolbar .tsd-toolbar-icon { + box-sizing: border-box; + line-height: 0; + padding: 12px 0; +} + +.tsd-page-toolbar--hide { + transform: translateY(-100%); +} + +.tsd-widget { + display: inline-block; + overflow: hidden; + opacity: 0.8; + height: 40px; + transition: opacity 0.1s, background-color 0.2s; + vertical-align: bottom; + cursor: pointer; +} +.tsd-widget:hover { + opacity: 0.9; +} +.tsd-widget.active { + opacity: 1; + background-color: var(--color-accent); +} +.tsd-widget.no-caption { + width: 40px; +} +.tsd-widget.no-caption:before { + margin: 0; +} + +.tsd-widget.options, +.tsd-widget.menu { + display: none; +} +@media (max-width: 1024px) { + .tsd-widget.options, + .tsd-widget.menu { + display: inline-block; + } +} +input[type="checkbox"] + .tsd-widget:before { + background-position: -120px 0; +} +input[type="checkbox"]:checked + .tsd-widget:before { + background-position: -160px 0; +} + +img { + max-width: 100%; +} + +.tsd-anchor-icon { + display: inline-flex; + align-items: center; + margin-left: 0.5rem; + vertical-align: middle; + color: var(--color-text); +} + +.tsd-anchor-icon svg { + width: 1em; + height: 1em; + visibility: hidden; +} + +.tsd-anchor-link:hover > .tsd-anchor-icon svg { + visibility: visible; +} + +.deprecated { + text-decoration: line-through; +} + +.warning { + padding: 1rem; + color: var(--color-warning-text); + background: var(--color-background-warning); +} + +* { + scrollbar-width: thin; + scrollbar-color: var(--color-accent) var(--color-icon-background); +} + +*::-webkit-scrollbar { + width: 0.75rem; +} + +*::-webkit-scrollbar-track { + background: var(--color-icon-background); +} + +*::-webkit-scrollbar-thumb { + background-color: var(--color-accent); + border-radius: 999rem; + border: 0.25rem solid var(--color-icon-background); +} diff --git a/docs/classes/cg_select.CGSelect.html b/docs/classes/cg_select.CGSelect.html new file mode 100644 index 0000000..bb487e6 --- /dev/null +++ b/docs/classes/cg_select.CGSelect.html @@ -0,0 +1,4248 @@ + + + + + + CGSelect | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Class CGSelect

    +
    +
    +
    +

    Description

    +

    + This class implements the functionality of a custom select, with customization + capabilities. +

    + +

    Author

    +

    Ovsyanikov Maxim

    +
    +
    +
    +

    Hierarchy

    +
      +
    • CGSelect
      • +
    +
    +
    +

    Implements

    + +
    + +
    +
    +
    + + + +
    +
    +

    Constructors

    +
    + + + constructor +
    +
    +
    +

    Properties

    +
    + + + buttonAction? + + + carriage + + + category? + + + closeOnSelect? + + + element + + + event? + + + indexes + + + items? + + + lable? + + + language? + + + list + + + listDisplayMode? + + + multiselect? + + + multiselectTag? + + + nativeSelectMode? + + + options + + + placeholder? + + + randomId + + + searchMode? + + + selected? + + + selectedItems + + + selector? + + + styles? + + + theme? + + + url? +
    +
    +
    +

    Accessors

    +
    + + + indexesOf + + + value +
    +
    +
    +

    Methods

    +
    + + + addItem + + + addLanguage + + + addOptionsBehaviour + + + buttonControl + + + close + + + closeSelectClick + + + deleteItem + + + deleteItemAll + + + disabled + + + displayMode + + + getElement + + + init + + + initEvent + + + initSelected + + + on + + + open + + + render + + + renderUrl + + + searchModeSelect + + + selectIndex + + + selectMode +
    +
    +
    +
    +
    +
    +
    +

    Constructors

    +
    + +

    + constructor + + + +

    +
      + +
    • +
      +

      Description

      +

      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: {...},
           carriage: {...},
           placeholder: {...},
           lable: {..},
         },
         event: '...',
         url: 'http/...',
         multiselect: true/false,
         multiselectTag: true/false,
      }
+
      +
      +
      +

      Parameters

      +
        +
      • +
        + setting: + ICgSelect +
        +
        +

        Object accepting select settings.

        +
        +
        • +
      +
      +

      + Returns + CGSelect +

      + +
      • +
    +
    +
    +
    +

    Properties

    +
    + +

    + Private + Optional buttonAction + + + +

    +
    + buttonAction?: + null | Element +
    +

    Button, to control the select.

    + +
    +
    + +

    + Private carriage + + + +

    +
    + carriage: + undefined | null | Element +
    +

    Variable for carriage control.

    + +
    +
    + +

    + Private + Optional category + + + +

    +
    + category?: + string +
    +

    Transferred categories.

    + +
    +
    + +

    + Optional + closeOnSelect + + + +

    +
    + closeOnSelect?: + boolean +
    +
    +

    + 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. +

    +
    + +
    +
    + +

    + 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 + listDisplayMode + + + +

    +
    + listDisplayMode?: + boolean +
    +
    +

    + 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 + multiselectTag + + + +

    +
    + multiselectTag?: + boolean +
    +
    +

    + An optional parameter that is responsible for the behavior of the select, for him, + *** works only in a place with a multiselect connection. +

    +
    + +
    +
    + +

    + Optional + nativeSelectMode + + + +

    +
    + nativeSelectMode?: + boolean +
    +
    +

    + 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 randomId + + + +

    +
    + randomId: + string +
    +

    Unique Id for elements.

    + +
    +
    + +

    + Optional searchMode + + + +

    +
    + searchMode?: + boolean +
    +
    +

    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 selectedItems + + + +

    +
    + selectedItems: + string | string[] +
    +
    +

    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 theme + + + +

    +
    + theme?: + string +
    +
    +

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

    +
    + +
    +
    + +

    + 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

    +
    + +

    + indexesOf + + + +

    +
      +
    • + 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

    +
    + +

    + addItem + + + +

    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    + +

    + addLanguage + + + +

    +
      + +
    • +
      +

      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 + addOptionsBehaviour + + + +

    +
      + +
    • + Private +
      +

      Description

      +

      A method that implements the selection of elements in different modes.

      + +

      Method

      +

      addOptionsBehaviour

      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + buttonControl + + + +

    +
      + +
    • +
      +

      Description

      +

      A method that allows you to open / close the select using buttons.

      + +

      Method

      +

      buttonControl

      +
      +
      +

      Parameters

      +
        +
      • +
        button: Element
        +

        HTML button.

        +
        • +
      • +
        method: string
        +

        open/close method.

        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private close + + + +

    +
      + +
    • + Private +
      +

      Description

      +

      Closes the list.

      + +

      Method

      +

      close

      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private + closeSelectClick + + + +

    +
      + +
    • + Private +
      +

      Description

      +

      Closes the list on click outside of an element.

      + +

      Method

      +

      closeSelectClick

      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + deleteItem + + + +

    +
      + +
    • +
      +

      Description

      +

      + removes the element by index from the list and redraws it. Cannot be used when + passing elements with categories. +

      + +

      Method

      +

      deleteItem

      +
      +
      +

      Parameters

      +
        +
      • +
        index: number
        +
        +

        the index of the element to be removed.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + deleteItemAll + + + +

    +
      + +
    • +
      +

      Description

      +

      removes all elements from the list and redraws it.

      + +

      Method

      +

      deleteItemAll

      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + disabled + + + +

    +
      + +
    • +
      +

      Description

      +

      A method that allows you to toggle the state of the disabled select.

      + +

      Method

      +

      disabled

      +
      +
      +

      Parameters

      +
        +
      • +
        value: boolean
        +
        +

        Passed parameter to add the disabled attribute.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private displayMode + + + +

    +
      + +
    • + 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 +

      + +
      • +
    +
    +
    + +

    + getElement + + + +

    +
      + +
    • +
      +

      Returns

      +

      returns a reference to the selected HTML element.

      + +

      Method

      +

      getElement

      +
      +
      +

      Parameters

      +
        +
      • +
        numberItem: number
        +

        returned element number.

        +
        • +
      +
      +

      + Returns any +

      + +
      • +
    +
    +
    + +

    + Private init + + + +

    +
      + +
    • + 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',
              ],
              multiselect: true,
              multiselectTag: true,
            }
+
      +
      +
      +

      Parameters

      +
        +
      • +
        + setting: + ICgSelect +
        +

        passed select settings.

        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private initEvent + + + +

    +
      + +
    • + Private +
      +

      Description

      +

      Opens and closes the list by the passed event.

      + +

      Method

      +

      initEvent

      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private initSelected + + + +

    +
      + +
    • + Private +
      +

      Method

      +

      initSelected

      + +

      Description

      +

      Renders and styles the select.

      +
      +
      +

      Parameters

      +
        +
      • +
        + Optional select: + string +
        +
        +

        optional element. Used in the selectedIndex method.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + on + + + +

    +
      + +
    • +
      +

      Description

      +

      Method for tracking the actions of the select, you can pass a callback

      + +

      Method

      +

      on

      +
      +
      +

      Parameters

      +
        +
      • +
        state: string
        +

        select state.

        +
        • +
      • +
        + callback: ((state: any) => any) +
        +
          +
        • +
            +
          • + (state: any): any +
            • +
          • +
            +

            Parameters

            +
              +
            • +
              state: any
              +
              • +
            +
            +

            + Returns any +

            +
            • +
          +
          • +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private open + + + +

    +
      + +
    • + Private +
      +

      Description

      +

      Opens a list to select an element.

      + +

      Method

      +

      open

      +
      +
      +

      Parameters

      +
        +
      • +
        + Optional oneClick: + boolean +
        +
        +

        optional parameter passed from the buttonControl function.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private render + + + +

    +
      + +
    • + Private +
      +

      Method

      +

      render

      + +

      Description

      +

      Render elements in select.

      +
      +
      +

      Parameters

      +
        +
      • +
        + Optional select: + string +
        +
        +

        optional element. Passed to the initSelected.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private renderUrl + + + +

    +
      + +
    • + Private +
      +

      Method

      +

      renderUrl

      + +

      Description

      +

      Rendering elements in the select passed from the URL and setting them up.

      +
      +

      + Returns Promise<void> +

      + +
      • +
    +
    +
    + +

    + Private + searchModeSelect + + + +

    +
      + +
    • + Private +
      +

      Description

      +

      The method that implements the search for elements in the select.

      + +

      Method

      +

      searchMode

      +
      +
      +

      Parameters

      +
        +
      • +
        random: string
        +
        +

        unique value for input element.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + selectIndex + + + +

    +
      + +
    • +
      +

      Description

      +

      selects the element that will be initially rendered in the select.

      + +

      Method

      +

      selectIndex

      +
      +
      +

      Parameters

      +
        +
      • +
        index: number
        +
        +

        the index of the selected element.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    + +

    + Private selectMode + + + +

    +
      + +
    • + Private +
      +

      Description

      +

      Changes the display of the select on mobile devices.

      + +

      Method

      +

      selectMode

      +
      +
      +

      Parameters

      +
        +
      • +
        nativeSelectMode: boolean
        +
        +

        parameter responsible for adding native select.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.checkItemStruct.html b/docs/functions/Utils.checkItemStruct.html new file mode 100644 index 0000000..756b5e5 --- /dev/null +++ b/docs/functions/Utils.checkItemStruct.html @@ -0,0 +1,357 @@ + + + + + + checkItemStruct | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function checkItemStruct

    +
    +
    +
      + +
    • +
      +

      Checking if item contains the specified properties.

      + +

      Returns

      +

      returns true/false if item contains the specified properties.

      +
      +
      +

      Parameters

      +
        +
      • +
        item: object
        +
        +

        element to be checked against a certain structure.

        +
        +
        • +
      +
      +

      + Returns boolean +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.clearSelect.html b/docs/functions/Utils.clearSelect.html new file mode 100644 index 0000000..f5a17f0 --- /dev/null +++ b/docs/functions/Utils.clearSelect.html @@ -0,0 +1,382 @@ + + + + + + clearSelect | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function clearSelect

    +
    +
    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.createSelected.html b/docs/functions/Utils.createSelected.html new file mode 100644 index 0000000..ec58d35 --- /dev/null +++ b/docs/functions/Utils.createSelected.html @@ -0,0 +1,388 @@ + + + + + + createSelected | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function createSelected

    +
    +
    +
      + +
    • +

      Creating an Item Selector Button.

      +
      +

      Parameters

      +
        +
      • +
        element: Element
        +
        +

        instantiated class CgSelect.

        +
        +
        • +
      • +
        + Optional content: + string +
        +
        +

        placeholer passed from select settings.

        +
        +
        • +
      • +
        + Optional styles: + IStyle +
        +
        +

        + optional parameter. The object in which the settings for customizing parts + of the select are located. +

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.customStyles.html b/docs/functions/Utils.customStyles.html new file mode 100644 index 0000000..7f5b738 --- /dev/null +++ b/docs/functions/Utils.customStyles.html @@ -0,0 +1,375 @@ + + + + + + customStyles | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function customStyles

    +
    +
    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.customStylesFormat.html b/docs/functions/Utils.customStylesFormat.html new file mode 100644 index 0000000..f0a3bca --- /dev/null +++ b/docs/functions/Utils.customStylesFormat.html @@ -0,0 +1,364 @@ + + + + + + customStylesFormat | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function customStylesFormat

    +
    +
    +
      + +
    • +
      +

      Generic Method for Styling a Select.

      +
      +
      +

      Parameters

      +
        +
      • +
        elemOption: object
        +
        +

        + an object obtained from the styles object from which we get the styles + key-value. +

        +
        +
        • +
      • +
        selector: any
        +
        +

        HTMLElement subject to customization.

        +
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.getFormatItem.html b/docs/functions/Utils.getFormatItem.html new file mode 100644 index 0000000..1de90db --- /dev/null +++ b/docs/functions/Utils.getFormatItem.html @@ -0,0 +1,373 @@ + + + + + + getFormatItem | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function getFormatItem

    +
    +
    +
      + +
    • +
      +

      Converting each item obtained from the Items field;

      + +

      Returns

      +

      returns the formed object

      +
      +
      +

      Parameters

      +
        +
      • +
        dataItem: any
        +
        +

        received element passed when creating the select.

        +
        +
        • +
      • +
        index: number
        +

        index of this element.

        +
        • +
      +
      +

      + Returns + IItems +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.getSelectText.html b/docs/functions/Utils.getSelectText.html new file mode 100644 index 0000000..c4b077f --- /dev/null +++ b/docs/functions/Utils.getSelectText.html @@ -0,0 +1,387 @@ + + + + + + getSelectText | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function getSelectText

    +
    +
    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.nativeOptionMultiple.html b/docs/functions/Utils.nativeOptionMultiple.html new file mode 100644 index 0000000..2c30dc4 --- /dev/null +++ b/docs/functions/Utils.nativeOptionMultiple.html @@ -0,0 +1,381 @@ + + + + + + nativeOptionMultiple | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function nativeOptionMultiple

    +
    +
    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/Utils.nativeOptionOrdinary.html b/docs/functions/Utils.nativeOptionOrdinary.html new file mode 100644 index 0000000..f137a6a --- /dev/null +++ b/docs/functions/Utils.nativeOptionOrdinary.html @@ -0,0 +1,372 @@ + + + + + + nativeOptionOrdinary | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function nativeOptionOrdinary

    +
    +
    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..909a72b --- /dev/null +++ b/docs/functions/components_create_element_create_element.createBreadCrumb.html @@ -0,0 +1,366 @@ + + + + + + createBreadCrumb | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function createBreadCrumb

    +
    +
    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..c8c2a64 --- /dev/null +++ b/docs/functions/components_create_element_create_element.createInputSearch.html @@ -0,0 +1,338 @@ + + + + + + createInputSearch | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function createInputSearch

    +
    +
    +
      + +
    • +
      +

      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 +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..340b746 --- /dev/null +++ b/docs/functions/components_create_element_create_element.createNativeSelect.html @@ -0,0 +1,315 @@ + + + + + + createNativeSelect | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function createNativeSelect

    +
    +
    +
      + +
    • +
      +

      The method that creates the native select.

      + +

      Returns

      +

      Returns the created native select.

      +
      +

      + Returns HTMLSelectElement +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..46124b9 --- /dev/null +++ b/docs/functions/components_create_element_create_element.createNativeSelectOption.html @@ -0,0 +1,316 @@ + + + + + + createNativeSelectOption | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function createNativeSelectOption

    +
    +
    +
      + +
    • +
      +

      The method that creates Options for the native select.

      + +

      Returns

      +

      Returns the generated Options of the native select.

      +
      +

      + Returns HTMLOptionElement +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/functions/components_theme_theme.changeTheme.html b/docs/functions/components_theme_theme.changeTheme.html new file mode 100644 index 0000000..b571cfc --- /dev/null +++ b/docs/functions/components_theme_theme.changeTheme.html @@ -0,0 +1,288 @@ + + + + + + changeTheme | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Function changeTheme

    +
    +
    +
      + +
    • +
      +

      Parameters

      +
        +
      • +
        element: Element
        +
        • +
      • +
        theme: string
        +
        • +
      +
      +

      + Returns void +

      + +
      • +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..949c04a --- /dev/null +++ b/docs/index.html @@ -0,0 +1,368 @@ + + + + + + cg-select + + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    +

    cg-select

    +
    +
    + +

    CG-SELECT

    +     + + +

    version ~ 0.2.5

    +     +

    + 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:

    +     +
      +
    1. Create a regular button element.
      2. +
    2. Give it the cg-dropdown class.
      3. +
    + 
    <button class="cg-dropdown"></button>
+
    +
      +
    1. Give it a unique class, e.g. (cg-dropdown_categories).
      2. +
    + 
    <button class="cg-dropdown cg-dropdown_categories"></button>
+
    +
      +
    1. Create a new instance of the class (new CGSelect)
      2. +
    2. Pass all desired settings as an object
      3. +
    + + +

    + 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/ +

    +

    + image + image + 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 + settings to select. You can also open it on the page with an example, or follow the link + below. +

    + + +

    Contributing

    +     +
      +
    1. Fork it!
      2. +
    2. Create your feature branch: git checkout -b my-new-feature
      3. +
    3. Commit your changes: git commit -am 'Add some feature'
      4. +
    4. Push to the branch: git push origin my-new-feature
      5. +
    5. Submit a pull request :D
      6. +
    + + +

    Compatibility

    +     + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Application CompatibilityJSReactAngularVue
    CG-SELECT + image + + image + image + + image + + image +
    CommentTested in Js applications and it worksуспешно. + Works only with a crutch in the form setTimeout() + not yet availablenot yet available
    + + +

    History

    +     +

    16.12.2022 - release version 0.1.0!

    +

    20.01.2023 - upgrade to version 0.2.1

    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..fe19669 --- /dev/null +++ b/docs/interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html @@ -0,0 +1,539 @@ + + + + + + ICreateBreadCrumb | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Interface ICreateBreadCrumb

    +
    +
    +
    +

    Description

    +

    cSettings for creating chips.

    +
    +
    +
    +

    Hierarchy

    +
      +
    • ICreateBreadCrumb
      • +
    +
    + +
    +
    +
    + + + +
    +
    +

    Properties

    +
    + + + element + + + indexes + + + option + + + selectedItems +
    +
    +
    +
    +
    +
    +
    +

    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.

    + +
    +
    + +

    + selectedItems + + + +

    +
    + selectedItems: + string[] +
    +

    Array with selected elements.

    + +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..ff37a83 --- /dev/null +++ b/docs/interfaces/components_utils_urils_interface.IDataItem.html @@ -0,0 +1,487 @@ + + + + + + IDataItem | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Interface IDataItem

    +
    +
    +
    +

    Description

    +

    Receive Item Settings.

    +
    +
    +
    +

    Hierarchy

    +
      +
    • IDataItem
      • +
    +
    + +
    +
    +
    + + + +
    +
    +

    Properties

    +
    + + + ItemValue + + + category? + + + categoryItems? +
    +
    +
    +
    +
    +
    +
    +

    Properties

    +
    + +

    + ItemValue + + + +

    +
    + ItemValue: + string | number | IItems +
    +

    The value of the passed element.

    + +
    +
    + +

    + Optional category + + + +

    +
    + category?: + string +
    +
    +

    Optional parameter. Item group category.

    +
    + +
    +
    + +

    + Optional categoryItems + + + +

    +
    + categoryItems?: + IItems[] | string[] +
    +
    +

    Optional parameter. Array with elements.

    +
    + +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..0cc76e0 --- /dev/null +++ b/docs/interfaces/components_utils_urils_interface.ISelectedItems.html @@ -0,0 +1,657 @@ + + + + + + ISelectedItems | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Interface ISelectedItems

    +
    +
    +
    +

    Description

    +

    Settings for select text, etc.

    +
    +
    +
    +

    Hierarchy

    +
      +
    • ISelectedItems
      • +
    +
    + +
    +
    +
    + + + +
    +
    +

    Properties

    +
    + + + indexes? + + + multiselectTag? + + + placeholder? + + + selected? + + + selectedItems? + + + theme? +
    +
    +
    +
    +
    +
    +
    +

    Properties

    +
    + +

    + Optional indexes + + + +

    +
    + indexes?: + number[] +
    +
    +

    Array of indexes of selected elements.

    +
    + +
    +
    + +

    + Optional + multiselectTag + + + +

    +
    + multiselectTag?: + boolean +
    +
    +

    + 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 selectedItems + + + +

    +
    + selectedItems?: + string[] +
    +
    +

    Array of selected items from the list.

    +
    + +
    +
    + +

    + Optional theme + + + +

    +
    + theme?: + string +
    +
    +

    + An optional parameter that is responsible for enabling a light/dark theme by + default, the dark theme is set. +

    +
    + +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..2d817ba --- /dev/null +++ b/docs/interfaces/interfaces_cg_select_interface.ICgSelect.html @@ -0,0 +1,1263 @@ + + + + + + ICgSelect | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Interface ICgSelect

    +
    +
    +
    +

    Description

    +

    Select settings.

    +
    +
    +
    +

    Hierarchy

    +
      +
    • ICgSelect
      • +
    +
    +
    +

    Implemented by

    + +
    + +
    +
    +
    + + + +
    +
    +

    Properties

    +
    + + + closeOnSelect? + + + event? + + + items? + + + lable? + + + language? + + + listDisplayMode? + + + multiselect? + + + multiselectTag? + + + nativeSelectMode? + + + placeholder? + + + searchMode? + + + selected? + + + selector? + + + styles? + + + theme? + + + url? +
    +
    +
    +
    +
    +
    +
    +

    Properties

    +
    + +

    + Optional + closeOnSelect + + + +

    +
    + closeOnSelect?: + boolean +
    +
    +

    + 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 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 + listDisplayMode + + + +

    +
    + listDisplayMode?: + boolean +
    +
    +

    + 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 + multiselectTag + + + +

    +
    + multiselectTag?: + boolean +
    +
    +

    + An optional parameter that is responsible for the behavior of the select, for him, + *** works only in a place with a multiselect connection. +

    +
    + +
    +
    + +

    + Optional + nativeSelectMode + + + +

    +
    + nativeSelectMode?: + boolean +
    +
    +

    + 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 searchMode + + + +

    +
    + searchMode?: + boolean +
    +
    +

    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 theme + + + +

    +
    + theme?: + string +
    +
    +

    + An optional parameter responsible for switching between different themes, the + classic theme is set by default. +

    +
    + +
    +
    + +

    + 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: + ""}. +

    +
    + +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..a840b3d --- /dev/null +++ b/docs/interfaces/interfaces_cg_select_interface.IStyle.html @@ -0,0 +1,674 @@ + + + + + + IStyle | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Interface IStyle

    +
    +
    +
    +

    Description

    +

    Style Settings.

    +
    +
    +
    +

    Hierarchy

    +
      +
    • IStyle
      • +
    +
    + +
    +
    +
    + + + +
    +
    +

    Properties

    +
    + + + caret? + + + chips? + + + head? + + + lable? + + + list? + + + placeholder? + + + search? +
    +
    +
    +
    +
    +
    +
    +

    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.

    + +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/interfaces/interfaces_items_interface.IItems.html b/docs/interfaces/interfaces_items_interface.IItems.html new file mode 100644 index 0000000..170f152 --- /dev/null +++ b/docs/interfaces/interfaces_items_interface.IItems.html @@ -0,0 +1,464 @@ + + + + + + IItems | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Interface IItems

    +
    +
    +
    +

    Description

    +

    Element structure.

    +
    +
    +
    +

    Hierarchy

    +
      +
    • IItems
      • +
    +
    + +
    +
    +
    + + + +
    +
    +

    Properties

    +
    + + + id + + + title + + + value +
    +
    +
    +
    +
    +
    +
    +

    Properties

    +
    + +

    + id + + + +

    +
    + id: + string +
    +

    Unique item ID.

    + +
    +
    + +

    + title + + + +

    +
    + title: + string +
    +

    Element text value.

    + +
    +
    + +

    + value + + + +

    +
    + value: + string | number +
    +
    +

    Sequence number, or other information.

    +
    + +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/interfaces/interfaces_language_interface.ILanguage.html b/docs/interfaces/interfaces_language_interface.ILanguage.html new file mode 100644 index 0000000..df415a2 --- /dev/null +++ b/docs/interfaces/interfaces_language_interface.ILanguage.html @@ -0,0 +1,468 @@ + + + + + + ILanguage | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Interface ILanguage

    +
    +
    +
    +

    Description

    +

    Settings for adding languages.

    +
    +
    +
    +

    Hierarchy

    +
      +
    • ILanguage
      • +
    +
    + +
    +
    +
    + + + +
    +
    +

    Properties

    +
    + + + placeholder + + + selectPlaceholder + + + textInListSearch +
    +
    +
    +
    +
    +
    +
    +

    Properties

    +
    + +

    + placeholder + + + +

    +
    + placeholder: + string +
    +

    Search text.

    + +
    +
    + +

    + selectPlaceholder + + + +

    +
    + selectPlaceholder: + string +
    +
    +

    Default Select Text if no placeholder or selected element is specified.

    +
    + +
    +
    + +

    + textInListSearch + + + +

    +
    + textInListSearch: + string +
    +

    Text if no match.

    + +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules.html b/docs/modules.html new file mode 100644 index 0000000..10a0f16 --- /dev/null +++ b/docs/modules.html @@ -0,0 +1,305 @@ + + + + + + cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    +

    Modules in CG-Select

    +
    +
    +
    +
    +

    Main

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

    Utils

    +
    + + + Utils + + + utils.interface +
    + +

    Create-element

    +
    + + + create-element + + + create-element.interface +
    + +

    Language

    +
    + + + language + + + language.interface +
    + +

    Change-Theme

    +
    + + + theme +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/Utils.html b/docs/modules/Utils.html new file mode 100644 index 0000000..c44c836 --- /dev/null +++ b/docs/modules/Utils.html @@ -0,0 +1,389 @@ + + + + + + Utils | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module Utils

    +
    +
    +

    Utils module

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Functions

    +
    + + + checkItemStruct + + + clearSelect + + + createSelected + + + customStyles + + + customStylesFormat + + + getFormatItem + + + getSelectText + + + nativeOptionMultiple + + + nativeOptionOrdinary +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/cg_select.html b/docs/modules/cg_select.html new file mode 100644 index 0000000..48de942 --- /dev/null +++ b/docs/modules/cg_select.html @@ -0,0 +1,255 @@ + + + + + + cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module cg-select

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Classes

    +
    + + + CGSelect +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..e8db816 --- /dev/null +++ b/docs/modules/components_create_element_create_element.html @@ -0,0 +1,314 @@ + + + + + + components/create-element/create-element | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module components/create-element

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Functions

    +
    + + + createBreadCrumb + + + createInputSearch + + + createNativeSelect + + + createNativeSelectOption +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + 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..5b3d58b --- /dev/null +++ b/docs/modules/components_create_element_create_element_interface.html @@ -0,0 +1,262 @@ + + + + + + components/create-element/create-element.interface | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module components/create-element.interface

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Interfaces

    +
    + + + ICreateBreadCrumb +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/components_theme_theme.html b/docs/modules/components_theme_theme.html new file mode 100644 index 0000000..a520415 --- /dev/null +++ b/docs/modules/components_theme_theme.html @@ -0,0 +1,256 @@ + + + + + + components/theme/theme | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module components/Theme

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Functions

    +
    + + + changeTheme +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/components_utils_urils_interface.html b/docs/modules/components_utils_urils_interface.html new file mode 100644 index 0000000..7203431 --- /dev/null +++ b/docs/modules/components_utils_urils_interface.html @@ -0,0 +1,280 @@ + + + + + + components/utils/urils.interface | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module components/urils.interface

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Interfaces

    +
    + + + IDataItem + + + ISelectedItems +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/interfaces_cg_select_interface.html b/docs/modules/interfaces_cg_select_interface.html new file mode 100644 index 0000000..6e0214e --- /dev/null +++ b/docs/modules/interfaces_cg_select_interface.html @@ -0,0 +1,280 @@ + + + + + + interfaces/cg-select.interface | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module interfaces/Cg-select.interface

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Interfaces

    +
    + + + ICgSelect + + + IStyle +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/interfaces_items_interface.html b/docs/modules/interfaces_items_interface.html new file mode 100644 index 0000000..7ba36f8 --- /dev/null +++ b/docs/modules/interfaces_items_interface.html @@ -0,0 +1,256 @@ + + + + + + interfaces/items.interface | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module interfaces/Items.interface

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Interfaces

    +
    + + + IItems +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/interfaces_language_interface.html b/docs/modules/interfaces_language_interface.html new file mode 100644 index 0000000..b07485b --- /dev/null +++ b/docs/modules/interfaces_language_interface.html @@ -0,0 +1,258 @@ + + + + + + interfaces/language.interface | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module interfaces/Language.interface

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Interfaces

    +
    + + + ILanguage +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/modules/language_language.html b/docs/modules/language_language.html new file mode 100644 index 0000000..4bf7906 --- /dev/null +++ b/docs/modules/language_language.html @@ -0,0 +1,271 @@ + + + + + + language/language | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Module language/Language

    +
    + +
    +
    +
    +
    +
    +

    Index

    +
    +

    Variables

    +
    + + + en + + + ru +
    +
    +
    +
    +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/variables/language_language.en.html b/docs/variables/language_language.en.html new file mode 100644 index 0000000..e9bce1c --- /dev/null +++ b/docs/variables/language_language.en.html @@ -0,0 +1,252 @@ + + + + + + en | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Variable enConst

    +
    +
    + en: + ILanguage = ... +
    + +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/docs/variables/language_language.ru.html b/docs/variables/language_language.ru.html new file mode 100644 index 0000000..3ff9da4 --- /dev/null +++ b/docs/variables/language_language.ru.html @@ -0,0 +1,252 @@ + + + + + + ru | cg-select + + + + + + + + +
    +
    + + +
    +
    +
    +
    +
    + +

    Variable ruConst

    +
    +
    + ru: + ILanguage = ... +
    + +
    +
    +
    +
    + +

    + + + + Settings +

    +     +
    +
    +

    Member Visibility

    +
    +
      +
    • + +
      • +
    +
    +
    +
    +

    Theme

    + +
    +
    +
    +
    + + +
    +
    +
    +

    Generated using TypeDoc

    +
    +
    + + + diff --git a/package-lock.json b/package-lock.json index 0807227..b301e96 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "cg-select", - "version": "0.2.4", + "version": "0.2.5", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "cg-select", - "version": "0.2.4", + "version": "0.2.5", "license": "ISC", "dependencies": { "@parcel/optimizer-css": "^2.8.0", From ac2422829aac2e9279ef90698626f73b6ac433b6 Mon Sep 17 00:00:00 2001 From: MaxOvs19 Date: Mon, 27 Feb 2023 17:34:19 +0300 Subject: [PATCH 16/16] Run to update --- CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index b7cb891..1c968bb 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -53,3 +53,9 @@ Tested in JS and React. Errors in work in React applications are revealed. - Added style builder on homepage. - Fixed documentation. - Added a block describing how to create your own themes. + +### 27.02.2023 - update 0.2.5 + +- Moving an example using a select to a separate repository. +- Fixed bugs. +- Changed structure.