diff --git a/CHANGELOG.md b/CHANGELOG.md index bee06e3..6675a8f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,7 +21,28 @@ Tested in JS and React. Errors in work in React applications are revealed. - Fixed display of the example page on mobile devices. - Updated documentation! -### 00.00.2023 - update 0.2.1 +### 20.01.2023 - update 0.2.1 - All select rewritten to ts. - Fixed bugs and shortcomings. + +##### 24.01.2023 - fix 0.2.2 - Fixed documentation etc. + +### 27.01.2023 - update 0.2.3 + +- Changed the theme selection function. +- Fixed documentation. + +##### 31.01.2023 - fix 0.2.31 + +- Adding a new method to track select actions. +- Fixed documentation. + +##### 08.02.2023 - fix 0.2.32 + +- Fixing Methods and Variables. +- Updating how themes work. +- Fixed documentation. +- Fixing bugs related to the cleanup of the select. +- Documentation navigation update. +- Added icon for example page and documentation. diff --git a/Old documentation/DropDown.html b/Old documentation/DropDown.html deleted file mode 100644 index 6302d9e..0000000 --- a/Old documentation/DropDown.html +++ /dev/null @@ -1,161 +0,0 @@ - - - - - JSDoc: Class: DropDown - - - - - - - - - -
-

Class: DropDown

- -
-
-

- DropDown(options) -

- -
Описание класса DropDown
-
- -
-
-

Constructor

- - - -
- Этот класс реализовывает функционал кастомного селекта, с возможностями кастомизации. -
- -
-
Author:
-
-
    -
  • Овсяников Максим
  • -
-
- -
Source:
-
- -
-
-
- -

Members

- -

- indexes -

- -
Геттер возвращающий индексы выбранных элемента(ов) селекта
- -
-
Source:
-
- -
-
- -

- value -

- -
Геттер возвращающий выбранные элемент(ы) селекта
- -
-
Source:
-
- -
-
-
-
-
- - -
- - - - - - - diff --git a/Old documentation/cg-dropdown.js.html b/Old documentation/cg-dropdown.js.html deleted file mode 100644 index 926a887..0000000 --- a/Old documentation/cg-dropdown.js.html +++ /dev/null @@ -1,1003 +0,0 @@ - - - - - JSDoc: Source: cg-select.js - - - - - - - - - -
-

Source: cg-select.js

- -
-
-
import {
-            createSelected,
-            customStyles,
-            getFormatItem,
-            getSelectText,
-            customStylesFormat,
-            nativeOptionMultiple,
-            nativeOptionOrdinary,
-            clearSelect,
-          } from './components/utils';
-          import {
-            createBreadcrumb,
-            createInputSearch,
-            createNativeSelectOption,
-            createNativeSelect,
-          } from './components/create-element';
-          import { ru, en } from './language/language';
-          
-          /**
-           * @class Описание класса DropDown
-           * @description Этот класс реализовывает функционал кастомного селекта, с возможностями кастомизации.
-           * @author Овсяников Максим
-           */
-          export class DropDown {
-            /**
-             * Созданный HTML елемент
-             * @type {HTMLElement}
-             */
-            #element;
-            /**
-             * Созданный список(ul), с классом list
-             * @type {HTMLElement}
-             */
-            #list;
-            /**
-             * Настройки селекта передаваемые при создании экземпляра класса
-             * @type {object}
-             */
-            #options;
-            /**
-             * Переменная для управления каретки
-             * @type {HTMLElement}
-             */
-            #caret;
-            /**
-             * Массив переданных элементов
-             * @type {object[]}
-             */
-            #items;
-            /**
-             * Переданные категории
-             * @type {string}
-             */
-            #category;
-            /**
-             * Выбранный или массив выбранных элементов из списка
-             * @type {object[] | object}
-             */
-            #selectedItems;
-            /**
-             * Массив индексов выбранных элементов
-             * @type {number[]}
-             */
-            #indexes = [];
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @returns {string[] | string | null} Возвращает выбранные элемент(ы) в виде массива/элемента/null
-             * @description Геттер возвращающий выбранные элемент(ы) селекта
-             */
-            get value() {
-              return this.#selectedItems ?? null;
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @returns {number | number[]}Возвращает индексы выбранных элемента(ов) в виде массива/пустой массив
-             * @description Геттер возвращающий индексы выбранных элемента(ов) селекта
-             */
-            get indexes() {
-              return this.#indexes ?? [];
-            }
-          
-            /**
-             *
-             * @param {object} options Объект принимающий настройки селекта
-             * @constructor Конструктор класса DropDown
-             * @description  Конструктор принимает объект и рендерит селект.
-             * @example
-             * options = {
-             *  selector: 'Уникальный селектор',
-                selected: 'Выбранный элемент',
-                placeholder: '...',
-                items: [string|number|object],
-                darkTheme: true/false,
-                searchMode: true/false,
-                closeOnSelect:  true/false,
-                nativeSelectMode: true/false,
-                listDisplayMode: true/false,
-                language: 'ru/en',
-                styles: {
-                  head: {
-                    background: '...',
-                  },
-                  list: {...},
-                  chips: {...},
-                  caret: {...},
-                  placeholder: {...},
-                  lable: {..},
-                },
-                event: '...',
-                url: 'http/...',
-                multiselect: true/false,
-                multiselectTag: true/false,
-             * }
-               
-             */
-            constructor(options = {}) {
-              this.#init(options);
-              this.#render();
-              this.#initEvent();
-              this.#closeSelectClick();
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @param {string | object} item добавляемый елемент
-             * @description добавляет переданный элемент в конец списка и перерисовывает список. Не может использоваться при передачи элементов с категорями
-             * @method addItem
-             */
-            addItem(item) {
-              if (this.#category) {
-                console.log('can`t add item to category');
-                return;
-              }
-          
-              if (!item) {
-                return false;
-              }
-          
-              const index = this.#items.length;
-          
-              this.#items.push(getFormatItem(item, index));
-              this.#render();
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @param {number} index индекс удаляемого элемента
-             * @description удаляет елемент по индексу из списка и перерисовывает его. Не может использоваться при передачи элементов с категорями.
-             * @method deleteItem
-             */
-            deleteItem(index) {
-              if (this.#category) {
-                console.log('can`t add item to category');
-                return;
-              }
-          
-              const item = this.#items[index];
-          
-              this.#items.splice(index, 1);
-              this.#render();
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @description удаляет все елементы из списка и перерисовывает его.
-             * @method deleteItemAll
-             */
-            deleteItemAll() {
-              this.#items.splice(0, this.#items.length);
-              this.#render();
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @param {number} index индекс выбранного элемента
-             * @description  выбирает элемент который будет изначально отрисовываться в селекте
-             * @method selectIndex
-             */
-            selectIndex(index) {
-              if (this.#category) {
-                console.log('can`t add item to category');
-                return;
-              }
-          
-              const options = this.#element.querySelectorAll('.list__item');
-          
-              if (index > options.length) {
-                return;
-              }
-          
-              const select = options[index].innerText;
-              this.#render(select);
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @param {number} numberItem номер возвращаемого элемента
-             * @returns {HTMLElement} возвращает ссылку на выбранный HTML элемент
-             * @method getElement
-             */
-            getElement(numberItem) {
-              if (numberItem > this.#items.length) {
-                return;
-              }
-              return this.#items[numberItem];
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @param {boolean} value - Передаваемый параметр для добавления атрибута disabled;
-             * @description Метод позволяющий переключать состояние селекта disabled,
-             * @method disabled
-             */
-            disabled(value) {
-              if (typeof value !== 'boolean') {
-                return;
-              }
-          
-              const select = this.#element.querySelector('.cg-select');
-              const nativeSelect = this.#element.querySelector('.nativeSelect');
-              if (value === true) {
-                this.#element.setAttribute('disabled', true);
-                nativeSelect.setAttribute('disabled', true);
-                select.classList.add('disabled');
-              } else {
-                this.#element.removeAttribute('disabled');
-                nativeSelect.removeAttribute('disabled');
-                select.classList.remove('disabled');
-              }
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @param {HTMLInputElement} button - HTML кнопка
-             * @param {string} method - метод открытия open/close
-             * @description Метод позволяющий открывать/закрывать селект с помощью кнопок
-             * @method buttonControl
-             */
-            buttonControl(button, method) {
-              const {listDisplayMode} = this.#options;
-          
-          
-              if(listDisplayMode === true){
-                return
-              }
-          
-              this.btn = button;
-              button.addEventListener('click', () => {
-                if (method.toLowerCase() === 'open') {
-                  this.#open(true);
-                } else if (method.toLowerCase() === 'close') {
-                  this.#close();
-                } else {
-                  return;
-                }
-              });
-            }
-          
-            /**
-             * Метод экземпляра класса DropDown
-             * @param {object} language объект в котором находятся поля для подключения языка имеет два обязательных поля placeholder, textInListSearch
-             * @description метод позволяющий заменить плейсхолдер в поиске и текст который выводится если нет результата
-             * @method addLanguage
-             */
-            addLanguage(language) {
-              const { placeholder, textInListSearch, selectPlaceholder } = language;
-              const { searchMode } = this.#options;
-          
-              const select = this.#element.querySelector('.selected');
-              const textNodeSelect = document.createTextNode(selectPlaceholder);
-              select.appendChild(textNodeSelect);
-          
-              if (searchMode && searchMode == true) {
-                const search = this.#element.querySelector('.inputSearch');
-                const textNoRezult = this.#element.querySelector('.noRezult');
-                const textNode = document.createTextNode(textInListSearch);
-          
-                search.setAttribute('placeholder', placeholder);
-                search.setAttribute('placeholder', placeholder);
-          
-                textNoRezult.innerText = '';
-                textNoRezult.appendChild(textNode);
-              }
-            }
-          
-            /**
-             * Приватный метод инициализации экземпляра класса DropDown
-             * @method #init
-             * @member
-             * @protected
-             * @param {object} options передаваемые настройки селекта
-             * @description Приватный метод. Общая инициализация селекта. Получение настоек и преобразвание элементов селекта.
-             * @example
-             *  {
-                  selector: '.cg-dropdown_one',
-                  placeholder: 'Выберите авто',
-                  items: [
-                    'BMW',
-                    {
-                      id: '213sade',
-                      title: 'Opel',
-                      value: 1,
-                    },
-                    'Mersedes',
-                    'MAN',
-                    'max',
-                  ],
-                  darkTheme: true,
-                  multiselect: true,
-                  multiselectTag: true,
-                }
-             */
-            #init(options) {
-              this.#options = options;
-              const { items, multiselect, url } = this.#options;
-          
-              const elem = document.querySelector(options.selector);
-          
-              //TODO: для теста в реакте нужно пересмотреть необходимость этой проверки!
-              // if (!elem) {
-              //   throw new Error(`Element with selector ${options.selector}`);
-              // }
-          
-              this.#element = elem;
-          
-              this.#element.addEventListener('click', (e) => {
-                e.preventDefault();
-                this.#open();
-              });
-          
-              this.#items = [];
-          
-              if (multiselect && multiselect == true) {
-                this.#selectedItems = [];
-              }
-          
-              if (!items && url) {
-                this.#renderUrl();
-                return;
-              }
-          
-              items.forEach((dataItem, index) => {
-                if (dataItem.category && dataItem.categoryItems) {
-                  this.#category = dataItem.category;
-          
-                  this.#items.push(this.#category);
-                  dataItem.categoryItems.forEach((categoryItem, indexCategory) => {
-                    this.#items.push(getFormatItem(categoryItem, indexCategory));
-                  });
-                } else {
-                  this.#items.push(getFormatItem(dataItem, index));
-                }
-              });
-            }
-          
-            /**
-             * Привaтный метод экземпляра класса DropDown
-             *
-             * @method #initSelected
-             * @param {string} select необязательный елемент. Используется в методе selectIndex
-             * @description Отрисовывает и стилизует селект
-             * @protected
-             */
-            #initSelected(select) {
-              const { styles, selected, placeholder, lable, language } = this.#options;
-          
-              if (selected) {
-                createSelected(this.#element, selected);
-              } else if (placeholder) {
-                createSelected(this.#element, placeholder);
-              } else {
-                if (language && language === 'ru') {
-                  createSelected(this.#element, ru.selectPlaceholder);
-                } else {
-                  createSelected(this.#element, en.selectPlaceholder);
-                }
-              }
-          
-              if (select) {
-                createSelected(this.#element, select, styles);
-              }
-          
-              if (lable) {
-                const lableItem = document.createElement('h1');
-                const textLable = document.createTextNode(lable);
-          
-                lableItem.appendChild(textLable);
-                lableItem.classList.add('label');
-          
-                this.#element.insertAdjacentElement('beforebegin', lableItem);
-              }
-          
-              if (styles) {
-                customStyles(this.#element, styles);
-              }
-            }
-          
-            /**
-             * Приватный метод рендера экземпляра класса DropDown
-             *@protected
-             * @method #render
-             * @param {string} select  необязательный елемент. Передаеться в метод initSelected
-             * @description Рендер елементов в селекте.
-             */
-            #render(select) {
-              const { 
-                styles, multiselect, 
-                searchMode, multiselectTag, 
-                darkTheme, language, 
-                nativeSelectMode, listDisplayMode 
-              } = this.#options;
-          
-              const random = Math.random().toString(36).substring(2, 10);
-          
-              if (select || (select && styles)) {
-                this.#initSelected(select);
-                customStyles(this.#element, styles);
-              } else {
-                this.#initSelected();
-              }
-          
-              const ulList = document.createElement('ul');
-              const nativeSelect = createNativeSelect();
-          
-              let inputSearch = '';
-              this.random = random;
-          
-              if (searchMode) {
-                if (language === 'ru') {
-                  inputSearch = createInputSearch(random, ru.placeholder);
-                } else {
-                  inputSearch = createInputSearch(random, en.placeholder);
-                }
-                const { search } = styles;
-                customStylesFormat(search, inputSearch);
-                ulList.appendChild(inputSearch);
-              }
-          
-              ulList.classList.add('list');
-          
-              if (styles) {
-                const { list } = styles;
-                customStylesFormat(list, ulList);
-              }
-          
-              this.#element.appendChild(ulList);
-          
-              this.#items.forEach((dataItem) => {
-                this.#element.appendChild(nativeSelect);
-          
-                const liItem = document.createElement('li');
-                const nativeOption = createNativeSelectOption();
-                const strongItem = document.createElement('strong');
-          
-                liItem.classList.add('list__item');
-                strongItem.classList.add('category');
-          
-                if (multiselect && multiselect == true) {
-                  const checkBox = document.createElement('input');
-                  checkBox.type = 'checkbox';
-                  checkBox.setAttribute('id', `chbox-${dataItem.id}`);
-                  liItem.appendChild(checkBox);
-          
-                  if (multiselectTag && multiselectTag == true) {
-                    checkBox.classList.add('displayHide');
-                  }
-          
-                  nativeSelect.setAttribute('multiple', 'multiple');
-                }
-          
-                let textNode = '';
-          
-                if (dataItem.title) {
-                  nativeOption.text = dataItem.title;
-                  nativeOption.value = dataItem.title;
-                  textNode = document.createTextNode(dataItem.title);
-          
-                  nativeSelect.appendChild(nativeOption);
-                  liItem.appendChild(textNode);
-                  ulList.appendChild(liItem);
-                } else {
-                  textNode = document.createTextNode(dataItem);
-                  strongItem.appendChild(textNode);
-                  ulList.appendChild(strongItem);
-                }
-              });
-          
-              this.#items.filter((item, index) => {
-                if (typeof item !== 'object') {
-                  this.#items.splice(index, 1);
-                }
-                return item;
-              });
-          
-              if (darkTheme == false) {
-                this.#checkTheme();
-              }
-          
-              if(nativeSelectMode === true){
-                this.#selectMode(nativeSelectMode);
-              }
-          
-          
-          
-              this.#list = this.#element.querySelector('.list');
-              this.#caret = this.#element.querySelector('.caret');
-          
-              if(listDisplayMode === true){
-                this.#displayMode(listDisplayMode)
-              }
-          
-              this.#addOptionsBehaviour();
-            }
-          
-            /**
-             * Приватный метод рендера экземпляра класса DropDown
-             * @protected
-             * @method #checkTheme
-             * @description Изменяет цветовую схему с темной на светлую.
-             */
-            #checkTheme() {
-              const { darkTheme, searchMode } = this.#options;
-          
-              const select = this.#element.querySelector('.cg-select');
-              const caret = this.#element.querySelector('.caret');
-              const list = this.#element.querySelector('ul.list');
-              const search = this.#element.querySelector('.inputSearch');
-          
-              if (darkTheme == false) {
-                select.classList.add('selectWhite');
-                caret.classList.add('caretWhite');
-                list.classList.add('listWhite');
-          
-                if (searchMode == true) {
-                  search.classList.add('inputWhite');
-                }
-              } else if (darkTheme == true || !darkTheme) {
-                return;
-              } else {
-                throw new Error('Styles error or invalid value entered!');
-              }
-            }
-          
-            /**
-             * Приватный метод рендера экземпляра класса DropDown
-             *@protected
-             * @method #renderUrl
-             * @description Рендер елементов в селекте переданных с URL и их настойка
-             */
-            async #renderUrl() {
-              const { url, items, multiselect, multiselectTag } = this.#options;
-          
-              if (items) {
-                return;
-              }
-          
-              if (!url) {
-                return;
-              }
-          
-              const response = await fetch(url);
-              const dataUrl = await response.json();
-          
-              const nativeSelect = createNativeSelect();
-          
-              dataUrl.forEach((dataItem, index) => {
-                const item = {
-                  id: dataItem.id,
-                  title: dataItem.name,
-                  value: index,
-                };
-                const ulUrl = this.#element.querySelector('.list');
-          
-                const nativeOption = createNativeSelectOption();
-                const liUrl = document.createElement('li');
-                const textUrl = document.createTextNode(item.title);
-          
-                if (multiselect && multiselect == true) {
-                  const checkBox = document.createElement('input');
-                  checkBox.type = 'checkbox';
-                  if (multiselectTag && multiselectTag == true) {
-                    checkBox.classList.add('displayHide');
-                  }
-          
-                  checkBox.setAttribute('id', `chbox-${item.id}`);
-                  nativeSelect.setAttribute('multiple', 'multiple');
-          
-                  liUrl.appendChild(checkBox);
-                }
-          
-                liUrl.classList.add('list__item');
-                nativeOption.value = item.title;
-                nativeOption.text = item.title;
-          
-                nativeSelect.appendChild(nativeOption);
-                liUrl.appendChild(textUrl);
-                ulUrl.appendChild(liUrl);
-          
-                this.#items.push(item);
-              });
-          
-              this.#element.appendChild(nativeSelect);
-          
-              this.#items.filter((item, index) => {
-                if (typeof item !== 'object') {
-                  this.#items.splice(index, 1);
-                }
-                return item;
-              });
-          
-              this.#addOptionsBehaviour();
-            }
-          
-            /**
-             * Приватный метод экземпляра класса DropDown
-             * @protected
-             * @param {boolean} oneClick необязательный параметр передаваемый из функции buttonControl
-             * @description Открывает список для выбора элемента
-             * @method #open
-             */
-            #open(oneClick) {
-              if (oneClick === true) {
-                this.#list.classList.add('open');
-                this.#caret.classList.add('caret_rotate');
-              } else {
-                this.#list.classList.toggle('open');
-                this.#caret.classList.toggle('caret_rotate');
-              }
-            }
-          
-            /**
-             * Приватный метод экземпляра класса DropDown
-             * @protected
-             * @description Закрывает список
-             * @method #close
-             */
-            #close() {
-              this.#list.classList.remove('open');
-              this.#caret.classList.remove('caret_rotate');
-            }
-          
-            /**
-             * Приватный метод экземпляра класса DropDown
-             * @protected
-             * @description Метод реализовывающий выбор элементов в разных режимах. Обычный/Мультиселект/Мультиселект + Мультиселект Таг.
-             * @method #addOptionsBehaviour
-             */
-            #addOptionsBehaviour() {
-              const {
-                multiselect,
-                placeholder,
-                selected,
-                multiselectTag,
-                searchMode,
-                closeOnSelect,
-                darkTheme,
-              } = this.#options;
-          
-              const options = this.#element.querySelectorAll('.list__item');
-              const select = this.#element.querySelector('.selected');
-              const nativeOption = this.#element.querySelectorAll('.nativeSelect__nativeOption');
-          
-              const ulMultipul = document.createElement('ul');
-          
-              if (multiselect && multiselect == true) {
-                ulMultipul.classList.add('multiselect-tag');
-                select.classList.add('overflow-hidden');
-              }
-          
-              if (searchMode && searchMode === true) {
-                this.#searchMode(this.random);
-              }
-          
-              options.forEach((option, index) => {
-                option.addEventListener('click', (event) => {
-                  const dataSelectText = {
-                    placeholder,
-                    selected,
-                    selectedItems: this.#selectedItems,
-                    indexes: this.#indexes,
-                    darkTheme,
-                    multiselectTag,
-                  };
-          
-                  const item = this.#items[index];
-          
-                  if (closeOnSelect == false || (multiselect && multiselect == true)) {
-                    event.stopPropagation();
-                    event.preventDefault();
-                  }
-          
-                  const checkIndex = this.#indexes.indexOf(index);
-          
-                  if (multiselect && multiselect == true) {
-                    option.classList.toggle('active');
-                    const checkBox = option.querySelector('input[type="checkbox"]');
-          
-                    if (checkBox) {
-                      if (!(event.target instanceof HTMLInputElement)) {
-                        checkBox.checked = !checkBox.checked;
-                      }
-          
-                      if (checkIndex === -1) {
-                        nativeOptionMultiple(nativeOption, item.title, true);
-                        this.#indexes.push(index);
-                        select.innerText = '';
-          
-                        if (multiselectTag && multiselectTag == true) {
-                          this.#selectedItems.push(item);
-                          select.appendChild(ulMultipul);
-          
-                          const data = {
-                            option: this.#options,
-                            element: this.#element,
-                            indexes: this.#indexes,
-                            selectedItems: this.#selectedItems,
-                          };
-          
-                          ulMultipul.appendChild(createBreadcrumb(data, item.title, index, item.id));
-                        } else {
-                          this.#selectedItems.push(item.title);
-                          select.innerText = this.#selectedItems;
-                        }
-                      } else {
-                        if (multiselectTag && multiselectTag == true) {
-                          const tagItem = document.getElementById(`tag-${index}-${item.id}`);
-                          ulMultipul.removeChild(tagItem);
-                        }
-          
-                        this.#indexes.splice(checkIndex, 1);
-                        this.#selectedItems.splice(checkIndex, 1);
-                        nativeOptionMultiple(nativeOption, item.title, false);
-                      }
-          
-                      if (!this.#selectedItems.length) {
-                        getSelectText(dataSelectText, select);
-                      } else {
-                        if (multiselectTag && multiselectTag == true) {
-                          select.appendChild(ulMultipul);
-                        } else {
-                          select.innerText = this.#selectedItems;
-                        }
-                      }
-                    }
-                  } else {
-                    select.innerText = item.title;
-                    this.#selectedItems = item;
-          
-                    nativeOptionOrdinary(nativeOption, item.title);
-          
-                    options.forEach((option) => {
-                      option.classList.remove('active');
-                    });
-                    option.classList.add('active');
-                  }
-          
-                  clearSelect(select, this.#element, dataSelectText);
-                });
-              });
-            }
-          
-            /**
-             * Метод который реализует поиск элементов в селекте
-             * @protected
-             * @param {string} random уникальное значение для input элемента.
-             * @method #searchMode
-             */
-            #searchMode(random) {
-              const { language } = this.#options;
-          
-              const input = this.#element.querySelector(`#searchSelect-${random}`);
-              const searchSelect = this.#element.querySelectorAll('.list__item');
-              const result = document.createElement('p');
-          
-              let textNode = '';
-              if (language && language === 'ru') {
-                textNode = document.createTextNode(`${ru.textInListSearch}`);
-              } else {
-                textNode = document.createTextNode(`${en.textInListSearch}`);
-              }
-          
-              result.appendChild(textNode);
-              result.classList.add('displayHide');
-              result.classList.add('noRezult');
-              input.parentElement.appendChild(result);
-          
-              input.addEventListener('click', (e) => {
-                e.stopPropagation();
-              });
-          
-              input.oninput = function () {
-                let valueSearch = this.value.trim().toLowerCase();
-                let anyMatch = false;
-          
-                if (valueSearch != '') {
-                  searchSelect.forEach((elem) => {
-                    let isMatching = new RegExp(valueSearch, 'gi').test(elem.textContent);
-                    anyMatch = anyMatch || isMatching;
-          
-                    if (elem.textContent.toLowerCase().search(valueSearch) == -1) {
-                      elem.classList.add('displayHide');
-                    } else {
-                      elem.classList.remove('displayHide');
-                    }
-                  });
-          
-                  result.classList.toggle('displayHide', anyMatch);
-                } else {
-                  searchSelect.forEach((elem) => {
-                    elem.classList.remove('displayHide');
-                    result.classList.add('displayHide');
-                  });
-                }
-              };
-            }
-          
-            /**
-             * Приватный метод экземпляра класса DropDown
-             * @protected
-             * @description Открывает и закрывает список по переданному эвенту
-             * @method #initEvent
-             */
-            #initEvent() {
-              const { event } = this.#options;
-              if (!event) {
-                return;
-              }
-          
-              if (event) {
-                if (event === 'mouseenter') {
-                  this.#element.addEventListener(event, () => {
-                    this.#open();
-                  });
-                  this.#element.addEventListener('mouseleave', () => {
-                    this.#close();
-                  });
-                }
-              }
-            }
-          
-            /**
-             * Приватный метод экземпляра класса DropDown
-             * @protected
-             * @description Закрывает список по клику вне элемента
-             * @method #closeSelectClick
-             */
-            #closeSelectClick() {
-              const dropdown = document.querySelector(`${this.#options.selector}`);
-          
-              document.addEventListener('click', (e) => {
-                const withinBoundaries = e.composedPath().includes(dropdown);
-                if (!withinBoundaries) {
-                  if (this.btn) {
-                    return;
-                  } else {
-                    this.#close();
-                  }
-                }
-              });
-            }
-          
-            /**
-             * Приватный метод экземпляра класса DropDown
-             * @protected
-             * @param {boolean} nativeSelectMode параметр отвечающий за добавления нативного селекта.
-             * @description Изменяет отображение селекта на мобильных устройствах
-             * @method #selectMode
-             */
-            #selectMode(nativeSelectMode){
-              let win = window.outerWidth;
-          
-              if(nativeSelectMode === true){
-                const select = this.#element.querySelector('.cg-select');
-                const list = this.#element.querySelector('.list');
-                const nativeSelect = this.#element.querySelector('.nativeSelect')
-          
-                if(win < 576){
-                  select.classList.add('displayHide');
-                  list.classList.add('displayHide');
-                  nativeSelect.classList.add('nativeSelectActive');       
-                } else if( win > 576){
-                  select.classList.remove('displayHide');
-                  list.classList.remove('displayHide');
-                  nativeSelect.classList.remove('nativeSelectActive');
-                  nativeSelect.classList.add('displayHide');
-                }
-              } else{
-                return
-              }
-          
-            }
-          
-            /**
-             * Приватный метод экземпляра класса DropDown
-             * @protected
-             * @param {boolean} listDisplayMode параметр отвечающий за отображение выбора в виде модального окна.
-             * @description Изменяет отображение листа с выбором в виде модального окна.
-             * @method #displayMode
-             */
-            #displayMode(listDisplayMode){
-              if(listDisplayMode === true){
-                const modal = document.createElement('div');
-                const body = document.querySelector('body')
-                const list = this.#list;
-            
-                modal.appendChild(list);
-                this.#element.appendChild(modal);
-          
-                this.#element.addEventListener('click', () => {
-                  modal.classList.toggle('modal');
-                  list.classList.toggle('listModal');
-                  body.classList.toggle('overflowHide')
-                });
-              } else{
-                return
-              }
-          
-            }
-          }
-
-
-
-
- - - -
- - - - - - - diff --git a/Old documentation/constructor.html b/Old documentation/constructor.html deleted file mode 100644 index b45b164..0000000 --- a/Old documentation/constructor.html +++ /dev/null @@ -1,266 +0,0 @@ - - - - - JSDoc: Class: Конструктор класса DropDown - - - - - - - - - - - -
-

Class: Конструктор класса DropDown

- -
-
-

- Конструктор класса - DropDown(options) -

-
- -
-
- - -
Конструктор принимает объект и рендерит селект.
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
options - object - Объект принимающий настройки селекта
- -
-
Source:
-
- -
-
- -
Example
- -
options = {
-              selector: 'Уникальный селектор',
-              selected: 'Выбранный элемент',
-              placeholder: '...',
-              items: [string|number|object],
-              darkTheme: true/false,
-              searchMode: true/false,
-              closeOnSelect:  true/false,
-              nativeSelectMode: true/false,
-              listDisplayMode: true/false,
-              language: 'ru/en',
-              styles: {
-                head: {
-                  background: '...',
-                },
-                list: {...},
-                chips: {...},
-                caret: {...},
-                placeholder: {...},
-                lable: {..},
-              },
-              event: '...',
-              url: 'http/...',
-              multiselect: true/false,
-              multiselectTag: true/false,
-        }
-
-
- -

Описание всех параметров селекта

-
-
    -
  • - selector - *обязательный параметр(индефикатор), - который задаеться при создании селекта. -
  • - -
  • - selected - необязательный параметр, в который передается элемент - который будет выбран изначально в селекте. -
  • - -
  • - placeholder - необязательный параметр, в который передается текст - плейсхолдера селекта. -
  • - -
  • - items - - *обязательный параметр(эсли не указан другой способ получения данных (url)), это массив елементов, которые будут отображаться в селекте при выборе. -
  • - -
  • - darkTheme - необязательный параметр, который отвечает за включение - светлой/темной темы по умолчанию, стоит темная тема(darkTheme == true). -
  • - -
  • - searchMode - необязательный параметр, который добавляет живой поиск - по элеметам селекта. -
  • - -
  • - closeOnSelect - необязательный параметр, который отвечает за - поведения селекта при открытии, если closeOnSelect: false, тогда при выборе елемента в - селекте закрытия не происходит, и можно выбрать другой элемент по умолчанию, - closeOnSelect:true. -
  • - -
  • - nativeSelectMode - необязательный параметр, который отвечает за - поведения селекта при открытии на мобильных усторйствах, если nativeSelectMode: false, - тогда на мобильном устройстве будет отображаться и работать дефолтное поведение как на - десктопной версии, а если nativeSelectMode: true, то на мобильном устройстве будет - отображаться нативный селект из HTML 5; -
  • - -
  • - listDisplayMode - необязательный параметр, который отвечает за - поведения селекта при открытии, если listDisplayMode: false, тогда лист с выбором - опции отображаться как обычный выпадающий список. Если listDisplayMode: true, то лист - с выбором опции будет отображаться как модальное окно. -
  • - -
  • - language - необязательный параметр, отвечающий за локализацию - некоторых текстовых элементов. по умолчанию стоит 'en'. Можно добавить свою - локализацию, с помощью функции addLanguage(), - передав туда объект с полями для текста. -
  • - -
  • - event - необязательный параметр, который отвечает за поведения - селекта, передавая в этот параметр, евент по типу 'mouseenter', селект будет - открываться при наведении. -
  • - -
  • - url - - *обязательный параметр(эсли не указан другой способ получения данных - (items)), - htylthbn данные которые приходят с бекэнда в формате {id:"", title: "", value: ""}. -
  • - -
  • - multiselect - необязательный параметр, который отвечает за поведения - селекта, добавляет возможность выбирать несколько элементов. Выбранные элементы - отрисовываются как обычный текст, через запятую. -
  • - -
  • - multiselectTag - необязательный параметр, который отвечает за - поведения селекта, для него, - ***работает только в месте с подключением multiselect. -
  • - -
  • - styles - необязательный параметр, который отвечает за кастомизацию - элементов селекта, в него передаются обьекты с CSS свойствами для кастомизируемых - элементов. -
  • -
-
-
-
- - - -
- - - - - - - diff --git a/Old documentation/create-element.js.html b/Old documentation/create-element.js.html deleted file mode 100644 index 7352981..0000000 --- a/Old documentation/create-element.js.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - JSDoc: Source: create-element.js - - - - - - - - - -
-

Source: create-element.js

- -
-
-
import { customStylesFormat, nativeOptionMultiple } from './utils';
-            /**
-             * @module createBreadcrumb
-             */
-            
-            /**
-             * Метод который создает и отвечает за поведение chips
-             * @param {object} data объект в котором содержатся настройки и элементы селекта
-             * @param {string} title имя выбранного элемента для отрисовки chips
-             * @param {number} index индекс выбранного элемента для отрисовки chips
-             * @param {string} id уникальное id выбранного элемента
-             * @returns {HTMLElement} возвращает сформированный HTMLElement chips item
-             */
-            export function createBreadcrumb(data, title, index, id) {
-              const { element, option, indexes, selectedItems } = data;
-              const { placeholder, styles } = option;
-            
-              const selected = element.querySelector('.selected');
-              const nativeOption = element.querySelectorAll('.nativeSelect__nativeOption');
-            
-              const liChip = document.createElement('li');
-              const textNode = document.createTextNode(title);
-              const svgIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-              const path1 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-              const path2 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-            
-              svgIcon.setAttribute('viewBox', '0 0 10 10');
-              path1.setAttribute('d', 'M3,7 L7,3');
-              path2.setAttribute('d', 'M3,3 L7,7');
-              liChip.setAttribute('id', `tag-${index}-${id}`);
-            
-              svgIcon.classList.add('svg-icon');
-            
-              svgIcon.appendChild(path1);
-              svgIcon.appendChild(path2);
-              liChip.appendChild(textNode);
-              liChip.appendChild(svgIcon);
-            
-              if (styles) {
-                const { chips } = styles;
-                customStylesFormat(chips, liChip);
-              }
-            
-              svgIcon.addEventListener('click', (event) => {
-                event.preventDefault();
-                event.stopPropagation();
-                nativeOptionMultiple(nativeOption, title, false);
-            
-                const deleteIcon = indexes.indexOf(index);
-                let checkBox = '';
-            
-                indexes.splice(deleteIcon, 1);
-                selectedItems.splice(deleteIcon, 1);
-            
-                if (id) {
-                  checkBox = document.getElementById(`chbox-${id}`);
-                } else {
-                  checkBox = document.getElementById(`chbox-${index}`);
-                }
-            
-                checkBox.checked = false;
-                checkBox.parentElement.classList.remove('active');
-            
-                if (!selectedItems.length) {
-                  selected.innerText = placeholder;
-                }
-            
-                liChip.parentElement.removeChild(liChip);
-              });
-            
-              return liChip;
-            }
-            
-            /**
-             * Метод который создает нативный селект
-             * @returns {HTMLSelectElement} Возвращает созданный нативный селект
-             */
-            export function createNativeSelect() {
-              const nativeSelect = document.createElement('select');
-            
-              nativeSelect.setAttribute('name', 'dataSelect');
-              nativeSelect.classList.add('nativeSelect');
-              return nativeSelect;
-            }
-            
-            /**
-             * Метод который создает Options для нативного селекта
-             * @returns {HTMLOptionElement} Возвращает созданные Options нативного селекта
-             */
-            export function createNativeSelectOption() {
-              const nativeOption = document.createElement('option');
-            
-              nativeOption.classList.add('nativeSelect__nativeOption');
-              return nativeOption;
-            }
-            
-            /**
-             * Метод который создает поиск элементов в селекте
-             * @param {string} random уникальное значение для input элемента.
-             * @param {string} lenguage текст на определенном языке переданный из файла language.js
-             * @returns {HTMLInputElement} Возвращает сформированный input елемент.
-             */
-            export function createInputSearch(random, lenguage) {
-              const inputSearch = document.createElement('input');
-            
-              inputSearch.type = 'text';
-              inputSearch.classList.add('inputSearch');
-              inputSearch.setAttribute('id', `searchSelect-${random}`);
-            
-              if (lenguage) {
-                inputSearch.setAttribute('placeholder', `${lenguage}`);
-              } else {
-                inputSearch.setAttribute('placeholder', 'Search...');
-              }
-            
-              inputSearch.addEventListener('click', (e) => {
-                e.preventDefault();
-              });
-            
-              return inputSearch;
-            }
-
-
-
-
- - - -
- - - - - - - diff --git a/Old documentation/fonts/OpenSans-Bold-webfont.eot b/Old documentation/fonts/OpenSans-Bold-webfont.eot deleted file mode 100644 index 5d20d91..0000000 Binary files a/Old documentation/fonts/OpenSans-Bold-webfont.eot and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-Bold-webfont.svg b/Old documentation/fonts/OpenSans-Bold-webfont.svg deleted file mode 100644 index 3ed7be4..0000000 --- a/Old documentation/fonts/OpenSans-Bold-webfont.svg +++ /dev/null @@ -1,1830 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Old documentation/fonts/OpenSans-Bold-webfont.woff b/Old documentation/fonts/OpenSans-Bold-webfont.woff deleted file mode 100644 index 1205787..0000000 Binary files a/Old documentation/fonts/OpenSans-Bold-webfont.woff and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-BoldItalic-webfont.eot b/Old documentation/fonts/OpenSans-BoldItalic-webfont.eot deleted file mode 100644 index 1f639a1..0000000 Binary files a/Old documentation/fonts/OpenSans-BoldItalic-webfont.eot and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-BoldItalic-webfont.svg b/Old documentation/fonts/OpenSans-BoldItalic-webfont.svg deleted file mode 100644 index 6a2607b..0000000 --- a/Old documentation/fonts/OpenSans-BoldItalic-webfont.svg +++ /dev/null @@ -1,1830 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Old documentation/fonts/OpenSans-BoldItalic-webfont.woff b/Old documentation/fonts/OpenSans-BoldItalic-webfont.woff deleted file mode 100644 index ed760c0..0000000 Binary files a/Old documentation/fonts/OpenSans-BoldItalic-webfont.woff and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-Italic-webfont.eot b/Old documentation/fonts/OpenSans-Italic-webfont.eot deleted file mode 100644 index 0c8a0ae..0000000 Binary files a/Old documentation/fonts/OpenSans-Italic-webfont.eot and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-Italic-webfont.svg b/Old documentation/fonts/OpenSans-Italic-webfont.svg deleted file mode 100644 index e1075dc..0000000 --- a/Old documentation/fonts/OpenSans-Italic-webfont.svg +++ /dev/null @@ -1,1830 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Old documentation/fonts/OpenSans-Italic-webfont.woff b/Old documentation/fonts/OpenSans-Italic-webfont.woff deleted file mode 100644 index ff652e6..0000000 Binary files a/Old documentation/fonts/OpenSans-Italic-webfont.woff and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-Light-webfont.eot b/Old documentation/fonts/OpenSans-Light-webfont.eot deleted file mode 100644 index 1486840..0000000 Binary files a/Old documentation/fonts/OpenSans-Light-webfont.eot and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-Light-webfont.svg b/Old documentation/fonts/OpenSans-Light-webfont.svg deleted file mode 100644 index 11a472c..0000000 --- a/Old documentation/fonts/OpenSans-Light-webfont.svg +++ /dev/null @@ -1,1831 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Old documentation/fonts/OpenSans-Light-webfont.woff b/Old documentation/fonts/OpenSans-Light-webfont.woff deleted file mode 100644 index e786074..0000000 Binary files a/Old documentation/fonts/OpenSans-Light-webfont.woff and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-LightItalic-webfont.eot b/Old documentation/fonts/OpenSans-LightItalic-webfont.eot deleted file mode 100644 index 8f44592..0000000 Binary files a/Old documentation/fonts/OpenSans-LightItalic-webfont.eot and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-LightItalic-webfont.svg b/Old documentation/fonts/OpenSans-LightItalic-webfont.svg deleted file mode 100644 index 431d7e3..0000000 --- a/Old documentation/fonts/OpenSans-LightItalic-webfont.svg +++ /dev/null @@ -1,1835 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Old documentation/fonts/OpenSans-LightItalic-webfont.woff b/Old documentation/fonts/OpenSans-LightItalic-webfont.woff deleted file mode 100644 index 43e8b9e..0000000 Binary files a/Old documentation/fonts/OpenSans-LightItalic-webfont.woff and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-Regular-webfont.eot b/Old documentation/fonts/OpenSans-Regular-webfont.eot deleted file mode 100644 index 6bbc3cf..0000000 Binary files a/Old documentation/fonts/OpenSans-Regular-webfont.eot and /dev/null differ diff --git a/Old documentation/fonts/OpenSans-Regular-webfont.svg b/Old documentation/fonts/OpenSans-Regular-webfont.svg deleted file mode 100644 index 25a3952..0000000 --- a/Old documentation/fonts/OpenSans-Regular-webfont.svg +++ /dev/null @@ -1,1831 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/Old documentation/fonts/OpenSans-Regular-webfont.woff b/Old documentation/fonts/OpenSans-Regular-webfont.woff deleted file mode 100644 index e231183..0000000 Binary files a/Old documentation/fonts/OpenSans-Regular-webfont.woff and /dev/null differ diff --git a/Old documentation/global.html b/Old documentation/global.html deleted file mode 100644 index c89fe8d..0000000 --- a/Old documentation/global.html +++ /dev/null @@ -1,924 +0,0 @@ - - - - - JSDoc: Global - - - - - - - - - -
-

Global

- -
-
-

-
- -
-
-
-
- -

Members

- -

- (protected) #init -

- -
- Приватный метод. Общая инициализация селекта. Получение настоек и преобразвание - элементов селекта. -
- -
-
Source:
-
- -
-
- -
Example
- -
{
-        selector: '.cg-dropdown_one',
-        placeholder: 'Выберите авто',
-        items: [
-          'BMW',
-          {
-            id: '213sade',
-            title: 'Opel',
-            value: 1,
-          },
-          'Mersedes',
-          'MAN',
-          'max',
-        ],
-        darkTheme: true,
-        multiselect: true,
-        multiselectTag: true,
-      }
- -

Methods

- -

- (protected) #addOptionsBehaviour() -

- -
- Метод реализовывающий выбор элементов в разных режимах. - Обычный/Мультиселект/Мультиселект + Мультиселект Таг. -
- -
-
Source:
-
- -
-
- -

- (protected) #checkTheme() -

- -
Изменяет цветовую схему с темной на светлую.
- -
-
Source:
-
- -
-
- -

- (protected) #close() -

- -
Закрывает список
- -
-
Source:
-
- -
-
- -

- (protected) #closeSelectClick() -

- -
Закрывает список по клику вне элемента
- -
-
Source:
-
- -
-
- -

- (protected) #displayMode(listDisplayMode) -

- -
- Изменяет отображение листа с выбором в виде модального окна. -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
listDisplayMode - boolean - - параметр отвечающий за отображение выбора в виде модального окна. -
- -
-
Source:
-
- -
-
- -

- (protected) #selectMode(nativeSelectMode) -

- -
Изменяет отображение селекта на мобильных устройствах
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
nativeSelectMode - boolean - - параметр отвечающий за добавления нативного селекта. -
- -
-
Source:
-
- -
-
- -

- (protected) #initEvent() -

- -
Открывает и закрывает список по переданному эвенту
- -
-
Source:
-
- -
-
- -

- (protected) #initSelected(select) -

- -
Отрисовывает и стилизует селект
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
select - string - - необязательный елемент. Используется в методе selectIndex -
- -
-
Source:
-
- -
-
- -

- (protected) #open(oneClick) -

- -
Открывает список для выбора элемента
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
oneClick - boolean - - необязательный параметр передаваемый из функции buttonControl -
- -
-
Source:
-
- -
-
- -

- (protected) #render(select) -

- -
Рендер елементов в селекте.
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
select - string - - необязательный елемент. Передаеться в метод initSelected -
- -
-
Source:
-
- -
-
- -

- (protected) #renderUrl() -

- -
Рендер елементов в селекте переданных с URL и их настойка
- -
-
Source:
-
- -
-
- -

- (protected) #searchMode(random) -

- -
Метод который реализует поиск элементов в селекте
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
random - string - уникальное значение для input элемента.
- -
-
Source:
-
- -
-
- -

- addItem(item) -

- -
- добавляет переданный элемент в конец списка и перерисовывает список. Не может - использоваться при передачи элементов с категорями -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
item - string - | - - object - добавляемый елемент
- -
-
Source:
-
- -
-
- -

- addLanguage(language) -

- -
- метод позволяющий заменить плейсхолдер в поиске и текст который выводится если нет - результата -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
language - object - - объект в котором находятся поля для подключения языка имеет два обязательных поля - placeholder, textInListSearch -
- -
-
Source:
-
- -
-
- -

- buttonControl(button, method) -

- -
- Метод позволяющий открывать/закрывать селект с помощью кнопок -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
button - HTMLInputElement - HTML кнопка
method - string - метод открытия open/close
- -
-
Source:
-
- -
-
- -

- deleteItem(index) -

- -
- удаляет елемент по индексу из списка и перерисовывает его. Не может использоваться при - передачи элементов с категорями. -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
index - number - индекс удаляемого элемента
- -
-
Source:
-
- -
-
- -

- deleteItemAll() -

- -
удаляет все елементы из списка и перерисовывает его.
- -
-
Source:
-
- -
-
- -

- disabled(value) -

- -
Метод позволяющий переключать состояние селекта disabled,
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
value - boolean - - Передаваемый параметр для добавления атрибута disabled; -
- -
-
Source:
-
- -
-
- -

- getElement(numberItem) → {HTMLElement} -

- -
Метод экземпляра класса DropDown
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
numberItem - number - номер возвращаемого элемента
- -
-
Source:
-
- -
-
- -
Returns:
- -
возвращает ссылку на выбранный HTML элемент
- -
-
Type
-
- HTMLElement -
-
- -

- selectIndex(index) -

- -
- выбирает элемент который будет изначально отрисовываться в селекте -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
index - number - индекс выбранного элемента
- -
-
Source:
-
- -
-
-
-
-
- - - -
- - - - - - - diff --git a/Old documentation/index.html b/Old documentation/index.html deleted file mode 100644 index d148f79..0000000 --- a/Old documentation/index.html +++ /dev/null @@ -1,108 +0,0 @@ - - - - - JSDoc: Home - - - - - - - - - -
-

Home

- -
-

CG-SELECT

- -- Вернуться к примеру -- -

- Этот компонент предлагает более гибкую настройку и использование селекта. Так же - реализованны методы взаимодействия с селектом. -

- -
Для создания компонета нужно:
- -

- *Все настройки можно посмореть в вкладке - Конструктор класса -

- -
Доступна возможность кастомизации основных элементов, таких как:
- -
-
- - - -
- - - - - - - diff --git a/Old documentation/module-Utils.html b/Old documentation/module-Utils.html deleted file mode 100644 index 2f816c2..0000000 --- a/Old documentation/module-Utils.html +++ /dev/null @@ -1,669 +0,0 @@ - - - - - JSDoc: Module: util; - - - - - - - - - -
-

Module: Utils

- -
-
- -
-
-
- В этом модуле представленны функции которые переиспользуются в классе селекта или в - других модулях. Он создан для лучшего понимания кода. -
- -
-
Source:
-
- -
-
-
- -

Methods

- -

- (static) checkItemStruct(item) → {boolean} -

- -
Проверка содержит ли item указанные свойства,
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
item - object - проверяемый на определенную структуру элемент
- -
-
Source:
-
- -
-
- -
Returns:
- -
возвращает true/false если item содержит указанные свойства
- -
-
Type
-
- boolean -
-
- -

- (static) clearSelect(select, element, dataSelectText) -

- -
Создание кнопки отчиски селекта, при единичном выборе.
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
select - HTMLElement - место в селекте которое будет переназначено на ''.
element - HTMLElement - экземпляр класса DropDown.
dataSelectText - object - текст который отрисовывается в селекте.
- -
-
Source:
-
- -
-
- -

- (static) createSelected(element, content, styles) -

- -
Создание кнопки выбора элементов
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
element - HTMLElement - созданный экземпляр класса DropDown
content - string - placeholer передаваемый из настроек селекта
styles - object - - не обязательный параметр. Объект в котором находяться настройки кастомизации - частей селекта -
- -
-
Source:
-
- -
-
- -

- (static) customStyles(element, styles) -

- -
- Поиск и стилизация елементов полученных из styles экземпляра DropDown -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
element - HTMLElement - созданный экземпляр класса DropDown
styles - object - - объект в котором находяться настройки кастомизации частей селекта -
- -
-
Source:
-
- -
-
- -

- (static) customStylesFormat(elemOption, selector) -

- -
Универсальный метод для стилизации селекта
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
elemOption - object - - объект полученное из объекта styles у которого мы получаем ключ-значение стилей -
selector - HTMLElement - HTMLElement подвергающиеся кастомизации
- -
-
Source:
-
- -
-
- -

- (static) getFormatItem(dataItem, index) → {object} -

- -
Преобразование каждого елемента полученного из поля Items;
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
dataItem - object - | - - string - - полученный елемент переданный при создании селекта может быть как object/string -
index - number - индекс этого элемента
- -
-
Source:
-
- -
-
- -
Returns:
- -
возвращает сформированный объект
- -
-
Type
-
- object -
-
- -

- (static) getSelectText(data, select) → {HTMLElement} -

- -
Вставка изначального текста селекта(до выбора)
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
data - object - объект в котором находяться title селекта
select - HTMLElement - елемент селекта, куда будет вставляться title
- -
-
Source:
-
- -
-
- -
Returns:
- -
возвращает сформированный елемент селекта
- -
-
Type
-
- HTMLElement -
-
- -

- (static) nativeOptionMultiple(element, item, condition) -

- -
- Поведение нативного(Multiple) селекта при выборе в кастомном -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
element - NodeList - NodeList нативного селекта
item - object - выбранный элемент в кастомном селекте
condition - boolean - - специальный флаг при котором добавляются/убераются атрибуты у нативного селекта -
- -
-
Source:
-
- -
-
- -

- (static) nativeOptionOrdinary(element, item) -

- -
- Поведение нативного(одинарного) селекта при выборе кастомного -
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
element - NodeList - NodeList нативного селекта
item - object - выбранный элемент в кастомном селекте
- -
-
Source:
-
- -
-
-
-
-
- - -
- - - - - - - diff --git a/Old documentation/module-createElementChips.html b/Old documentation/module-createElementChips.html deleted file mode 100644 index e12f9d7..0000000 --- a/Old documentation/module-createElementChips.html +++ /dev/null @@ -1,312 +0,0 @@ - - - - - JSDoc: Module: createElementChips - - - - - - - - - -
-

Module: createBreadcrumb

- -
-
- -
-
-
- В этом модуле представленны функции используемые в классе селекта. Модуль предназначен - для выноса важной логики селекта и удобства использования. -
-
- -

Methods

- -

- (static) createBreadcrumb(data, title, index, id) → {HTMLElement} -

- -
Метод который создает и отвечает за поведение chips
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
data - object - - объект в котором содержатся настройки и элементы селекта -
title - string - имя выбранного элемента для отрисовки chips
index - number - индекс выбранного элемента для отрисовки chips
id - string - уникальное id выбранного элемента
- -
-
Source:
-
- -
-
- -
Returns:
- -
возвращает сформированный HTMLElement chips item
- -
-
Type
-
- HTMLElement -
-
- -

- (static) createInputSearch(random, lenguage) → {HTMLInputElement} -

- -
Метод который создает поиск элементов в селекте
- -
Parameters:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NameTypeDescription
random - string - уникальное значение для input элемента.
lenguage - string - - текст на определенном языке переданный из файла language.js -
- -
-
Source:
-
- -
-
- -
Returns:
- -
Возвращает сформированный input елемент.
- -
-
Type
-
- HTMLInputElement -
-
- -

- (static) createNativeSelect() → {HTMLSelectElement} -

- -
Метод который создает нативный селект
- -
-
Source:
-
- -
-
- -
Returns:
- -
Возвращает созданный нативный селект
- -
-
Type
-
- HTMLSelectElement -
-
- -

- (static) createNativeSelectOption() → {HTMLOptionElement} -

- -
Метод который создает Options для нативного селекта
- -
-
Source:
-
- -
-
- -
Returns:
- -
Возвращает созданные Options нативного селекта
- -
-
Type
-
- HTMLOptionElement -
-
-
-
-
- - - -
- - - - - - - diff --git a/Old documentation/scripts/linenumber.js b/Old documentation/scripts/linenumber.js deleted file mode 100644 index 4354785..0000000 --- a/Old documentation/scripts/linenumber.js +++ /dev/null @@ -1,25 +0,0 @@ -/*global document */ -(() => { - const source = document.getElementsByClassName('prettyprint source linenums'); - let i = 0; - let lineNumber = 0; - let lineId; - let lines; - let totalLines; - let anchorHash; - - if (source && source[0]) { - anchorHash = document.location.hash.substring(1); - lines = source[0].getElementsByTagName('li'); - totalLines = lines.length; - - for (; i < totalLines; i++) { - lineNumber++; - lineId = `line${lineNumber}`; - lines[i].id = lineId; - if (lineId === anchorHash) { - lines[i].className += ' selected'; - } - } - } -})(); diff --git a/Old documentation/scripts/prettify/Apache-License-2.0.txt b/Old documentation/scripts/prettify/Apache-License-2.0.txt deleted file mode 100644 index d645695..0000000 --- a/Old documentation/scripts/prettify/Apache-License-2.0.txt +++ /dev/null @@ -1,202 +0,0 @@ - - Apache License - Version 2.0, January 2004 - http://www.apache.org/licenses/ - - TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION - - 1. Definitions. - - "License" shall mean the terms and conditions for use, reproduction, - and distribution as defined by Sections 1 through 9 of this document. - - "Licensor" shall mean the copyright owner or entity authorized by - the copyright owner that is granting the License. - - "Legal Entity" shall mean the union of the acting entity and all - other entities that control, are controlled by, or are under common - control with that entity. For the purposes of this definition, - "control" means (i) the power, direct or indirect, to cause the - direction or management of such entity, whether by contract or - otherwise, or (ii) ownership of fifty percent (50%) or more of the - outstanding shares, or (iii) beneficial ownership of such entity. - - "You" (or "Your") shall mean an individual or Legal Entity - exercising permissions granted by this License. - - "Source" form shall mean the preferred form for making modifications, - including but not limited to software source code, documentation - source, and configuration files. - - "Object" form shall mean any form resulting from mechanical - transformation or translation of a Source form, including but - not limited to compiled object code, generated documentation, - and conversions to other media types. - - "Work" shall mean the work of authorship, whether in Source or - Object form, made available under the License, as indicated by a - copyright notice that is included in or attached to the work - (an example is provided in the Appendix below). - - "Derivative Works" shall mean any work, whether in Source or Object - form, that is based on (or derived from) the Work and for which the - editorial revisions, annotations, elaborations, or other modifications - represent, as a whole, an original work of authorship. For the purposes - of this License, Derivative Works shall not include works that remain - separable from, or merely link (or bind by name) to the interfaces of, - the Work and Derivative Works thereof. - - "Contribution" shall mean any work of authorship, including - the original version of the Work and any modifications or additions - to that Work or Derivative Works thereof, that is intentionally - submitted to Licensor for inclusion in the Work by the copyright owner - or by an individual or Legal Entity authorized to submit on behalf of - the copyright owner. For the purposes of this definition, "submitted" - means any form of electronic, verbal, or written communication sent - to the Licensor or its representatives, including but not limited to - communication on electronic mailing lists, source code control systems, - and issue tracking systems that are managed by, or on behalf of, the - Licensor for the purpose of discussing and improving the Work, but - excluding communication that is conspicuously marked or otherwise - designated in writing by the copyright owner as "Not a Contribution." - - "Contributor" shall mean Licensor and any individual or Legal Entity - on behalf of whom a Contribution has been received by Licensor and - subsequently incorporated within the Work. - - 2. Grant of Copyright License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - copyright license to reproduce, prepare Derivative Works of, - publicly display, publicly perform, sublicense, and distribute the - Work and such Derivative Works in Source or Object form. - - 3. Grant of Patent License. Subject to the terms and conditions of - this License, each Contributor hereby grants to You a perpetual, - worldwide, non-exclusive, no-charge, royalty-free, irrevocable - (except as stated in this section) patent license to make, have made, - use, offer to sell, sell, import, and otherwise transfer the Work, - where such license applies only to those patent claims licensable - by such Contributor that are necessarily infringed by their - Contribution(s) alone or by combination of their Contribution(s) - with the Work to which such Contribution(s) was submitted. If You - institute patent litigation against any entity (including a - cross-claim or counterclaim in a lawsuit) alleging that the Work - or a Contribution incorporated within the Work constitutes direct - or contributory patent infringement, then any patent licenses - granted to You under this License for that Work shall terminate - as of the date such litigation is filed. - - 4. Redistribution. You may reproduce and distribute copies of the - Work or Derivative Works thereof in any medium, with or without - modifications, and in Source or Object form, provided that You - meet the following conditions: - - (a) You must give any other recipients of the Work or - Derivative Works a copy of this License; and - - (b) You must cause any modified files to carry prominent notices - stating that You changed the files; and - - (c) You must retain, in the Source form of any Derivative Works - that You distribute, all copyright, patent, trademark, and - attribution notices from the Source form of the Work, - excluding those notices that do not pertain to any part of - the Derivative Works; and - - (d) If the Work includes a "NOTICE" text file as part of its - distribution, then any Derivative Works that You distribute must - include a readable copy of the attribution notices contained - within such NOTICE file, excluding those notices that do not - pertain to any part of the Derivative Works, in at least one - of the following places: within a NOTICE text file distributed - as part of the Derivative Works; within the Source form or - documentation, if provided along with the Derivative Works; or, - within a display generated by the Derivative Works, if and - wherever such third-party notices normally appear. The contents - of the NOTICE file are for informational purposes only and - do not modify the License. You may add Your own attribution - notices within Derivative Works that You distribute, alongside - or as an addendum to the NOTICE text from the Work, provided - that such additional attribution notices cannot be construed - as modifying the License. - - You may add Your own copyright statement to Your modifications and - may provide additional or different license terms and conditions - for use, reproduction, or distribution of Your modifications, or - for any such Derivative Works as a whole, provided Your use, - reproduction, and distribution of the Work otherwise complies with - the conditions stated in this License. - - 5. Submission of Contributions. Unless You explicitly state otherwise, - any Contribution intentionally submitted for inclusion in the Work - by You to the Licensor shall be under the terms and conditions of - this License, without any additional terms or conditions. - Notwithstanding the above, nothing herein shall supersede or modify - the terms of any separate license agreement you may have executed - with Licensor regarding such Contributions. - - 6. Trademarks. This License does not grant permission to use the trade - names, trademarks, service marks, or product names of the Licensor, - except as required for reasonable and customary use in describing the - origin of the Work and reproducing the content of the NOTICE file. - - 7. Disclaimer of Warranty. Unless required by applicable law or - agreed to in writing, Licensor provides the Work (and each - Contributor provides its Contributions) on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or - implied, including, without limitation, any warranties or conditions - of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A - PARTICULAR PURPOSE. You are solely responsible for determining the - appropriateness of using or redistributing the Work and assume any - risks associated with Your exercise of permissions under this License. - - 8. Limitation of Liability. In no event and under no legal theory, - whether in tort (including negligence), contract, or otherwise, - unless required by applicable law (such as deliberate and grossly - negligent acts) or agreed to in writing, shall any Contributor be - liable to You for damages, including any direct, indirect, special, - incidental, or consequential damages of any character arising as a - result of this License or out of the use or inability to use the - Work (including but not limited to damages for loss of goodwill, - work stoppage, computer failure or malfunction, or any and all - other commercial damages or losses), even if such Contributor - has been advised of the possibility of such damages. - - 9. Accepting Warranty or Additional Liability. While redistributing - the Work or Derivative Works thereof, You may choose to offer, - and charge a fee for, acceptance of support, warranty, indemnity, - or other liability obligations and/or rights consistent with this - License. However, in accepting such obligations, You may act only - on Your own behalf and on Your sole responsibility, not on behalf - of any other Contributor, and only if You agree to indemnify, - defend, and hold each Contributor harmless for any liability - incurred by, or claims asserted against, such Contributor by reason - of your accepting any such warranty or additional liability. - - END OF TERMS AND CONDITIONS - - APPENDIX: How to apply the Apache License to your work. - - To apply the Apache License to your work, attach the following - boilerplate notice, with the fields enclosed by brackets "[]" - replaced with your own identifying information. (Don't include - the brackets!) The text should be enclosed in the appropriate - comment syntax for the file format. We also recommend that a - file or class name and description of purpose be included on the - same "printed page" as the copyright notice for easier - identification within third-party archives. - - Copyright [yyyy] [name of copyright owner] - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. diff --git a/Old documentation/scripts/prettify/lang-css.js b/Old documentation/scripts/prettify/lang-css.js deleted file mode 100644 index 041e1f5..0000000 --- a/Old documentation/scripts/prettify/lang-css.js +++ /dev/null @@ -1,2 +0,0 @@ -PR.registerLangHandler(PR.createSimpleLexer([["pln",/^[\t\n\f\r ]+/,null," \t\r\n "]],[["str",/^"(?:[^\n\f\r"\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*"/,null],["str",/^'(?:[^\n\f\r'\\]|\\(?:\r\n?|\n|\f)|\\[\S\s])*'/,null],["lang-css-str",/^url\(([^"')]*)\)/i],["kwd",/^(?:url|rgb|!important|@import|@page|@media|@charset|inherit)(?=[^\w-]|$)/i,null],["lang-css-kw",/^(-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*)\s*:/i],["com",/^\/\*[^*]*\*+(?:[^*/][^*]*\*+)*\//],["com", -/^(?:<\!--|--\>)/],["lit",/^(?:\d+|\d*\.\d+)(?:%|[a-z]+)?/i],["lit",/^#[\da-f]{3,6}/i],["pln",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i],["pun",/^[^\s\w"']+/]]),["css"]);PR.registerLangHandler(PR.createSimpleLexer([],[["kwd",/^-?(?:[_a-z]|\\[\da-f]+ ?)(?:[\w-]|\\\\[\da-f]+ ?)*/i]]),["css-kw"]);PR.registerLangHandler(PR.createSimpleLexer([],[["str",/^[^"')]+/]]),["css-str"]); diff --git a/Old documentation/scripts/prettify/prettify.js b/Old documentation/scripts/prettify/prettify.js deleted file mode 100644 index eef5ad7..0000000 --- a/Old documentation/scripts/prettify/prettify.js +++ /dev/null @@ -1,28 +0,0 @@ -var q=null;window.PR_SHOULD_USE_CONTINUATION=!0; -(function(){function L(a){function m(a){var f=a.charCodeAt(0);if(f!==92)return f;var b=a.charAt(1);return(f=r[b])?f:"0"<=b&&b<="7"?parseInt(a.substring(1),8):b==="u"||b==="x"?parseInt(a.substring(2),16):a.charCodeAt(1)}function e(a){if(a<32)return(a<16?"\\x0":"\\x")+a.toString(16);a=String.fromCharCode(a);if(a==="\\"||a==="-"||a==="["||a==="]")a="\\"+a;return a}function h(a){for(var f=a.substring(1,a.length-1).match(/\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\[0-3][0-7]{0,2}|\\[0-7]{1,2}|\\[\S\s]|[^\\]/g),a= -[],b=[],o=f[0]==="^",c=o?1:0,i=f.length;c122||(d<65||j>90||b.push([Math.max(65,j)|32,Math.min(d,90)|32]),d<97||j>122||b.push([Math.max(97,j)&-33,Math.min(d,122)&-33]))}}b.sort(function(a,f){return a[0]-f[0]||f[1]-a[1]});f=[];j=[NaN,NaN];for(c=0;ci[0]&&(i[1]+1>i[0]&&b.push("-"),b.push(e(i[1])));b.push("]");return b.join("")}function y(a){for(var f=a.source.match(/\[(?:[^\\\]]|\\[\S\s])*]|\\u[\dA-Fa-f]{4}|\\x[\dA-Fa-f]{2}|\\\d+|\\[^\dux]|\(\?[!:=]|[()^]|[^()[\\^]+/g),b=f.length,d=[],c=0,i=0;c=2&&a==="["?f[c]=h(j):a!=="\\"&&(f[c]=j.replace(/[A-Za-z]/g,function(a){a=a.charCodeAt(0);return"["+String.fromCharCode(a&-33,a|32)+"]"}));return f.join("")}for(var t=0,s=!1,l=!1,p=0,d=a.length;p=5&&"lang-"===b.substring(0,5))&&!(o&&typeof o[1]==="string"))c=!1,b="src";c||(r[f]=b)}i=d;d+=f.length;if(c){c=o[1];var j=f.indexOf(c),k=j+c.length;o[2]&&(k=f.length-o[2].length,j=k-c.length);b=b.substring(5);B(l+i,f.substring(0,j),e,p);B(l+i+j,c,C(b,c),p);B(l+i+k,f.substring(k),e,p)}else p.push(l+i,b)}a.e=p}var h={},y;(function(){for(var e=a.concat(m), -l=[],p={},d=0,g=e.length;d=0;)h[n.charAt(k)]=r;r=r[1];n=""+r;p.hasOwnProperty(n)||(l.push(r),p[n]=q)}l.push(/[\S\s]/);y=L(l)})();var t=m.length;return e}function u(a){var m=[],e=[];a.tripleQuotedStrings?m.push(["str",/^(?:'''(?:[^'\\]|\\[\S\s]|''?(?=[^']))*(?:'''|$)|"""(?:[^"\\]|\\[\S\s]|""?(?=[^"]))*(?:"""|$)|'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$))/,q,"'\""]):a.multiLineStrings?m.push(["str",/^(?:'(?:[^'\\]|\\[\S\s])*(?:'|$)|"(?:[^"\\]|\\[\S\s])*(?:"|$)|`(?:[^\\`]|\\[\S\s])*(?:`|$))/, -q,"'\"`"]):m.push(["str",/^(?:'(?:[^\n\r'\\]|\\.)*(?:'|$)|"(?:[^\n\r"\\]|\\.)*(?:"|$))/,q,"\"'"]);a.verbatimStrings&&e.push(["str",/^@"(?:[^"]|"")*(?:"|$)/,q]);var h=a.hashComments;h&&(a.cStyleComments?(h>1?m.push(["com",/^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/,q,"#"]):m.push(["com",/^#(?:(?:define|elif|else|endif|error|ifdef|include|ifndef|line|pragma|undef|warning)\b|[^\n\r]*)/,q,"#"]),e.push(["str",/^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h|[a-z]\w*)>/,q])):m.push(["com",/^#[^\n\r]*/, -q,"#"]));a.cStyleComments&&(e.push(["com",/^\/\/[^\n\r]*/,q]),e.push(["com",/^\/\*[\S\s]*?(?:\*\/|$)/,q]));a.regexLiterals&&e.push(["lang-regex",/^(?:^^\.?|[!+-]|!=|!==|#|%|%=|&|&&|&&=|&=|\(|\*|\*=|\+=|,|-=|->|\/|\/=|:|::|;|<|<<|<<=|<=|=|==|===|>|>=|>>|>>=|>>>|>>>=|[?@[^]|\^=|\^\^|\^\^=|{|\||\|=|\|\||\|\|=|~|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\s*(\/(?=[^*/])(?:[^/[\\]|\\[\S\s]|\[(?:[^\\\]]|\\[\S\s])*(?:]|$))+\/)/]);(h=a.types)&&e.push(["typ",h]);a=(""+a.keywords).replace(/^ | $/g, -"");a.length&&e.push(["kwd",RegExp("^(?:"+a.replace(/[\s,]+/g,"|")+")\\b"),q]);m.push(["pln",/^\s+/,q," \r\n\t\xa0"]);e.push(["lit",/^@[$_a-z][\w$@]*/i,q],["typ",/^(?:[@_]?[A-Z]+[a-z][\w$@]*|\w+_t\b)/,q],["pln",/^[$_a-z][\w$@]*/i,q],["lit",/^(?:0x[\da-f]+|(?:\d(?:_\d+)*\d*(?:\.\d*)?|\.\d\+)(?:e[+-]?\d+)?)[a-z]*/i,q,"0123456789"],["pln",/^\\[\S\s]?/,q],["pun",/^.[^\s\w"-$'./@\\`]*/,q]);return x(m,e)}function D(a,m){function e(a){switch(a.nodeType){case 1:if(k.test(a.className))break;if("BR"===a.nodeName)h(a), -a.parentNode&&a.parentNode.removeChild(a);else for(a=a.firstChild;a;a=a.nextSibling)e(a);break;case 3:case 4:if(p){var b=a.nodeValue,d=b.match(t);if(d){var c=b.substring(0,d.index);a.nodeValue=c;(b=b.substring(d.index+d[0].length))&&a.parentNode.insertBefore(s.createTextNode(b),a.nextSibling);h(a);c||a.parentNode.removeChild(a)}}}}function h(a){function b(a,d){var e=d?a.cloneNode(!1):a,f=a.parentNode;if(f){var f=b(f,1),g=a.nextSibling;f.appendChild(e);for(var h=g;h;h=g)g=h.nextSibling,f.appendChild(h)}return e} -for(;!a.nextSibling;)if(a=a.parentNode,!a)return;for(var a=b(a.nextSibling,0),e;(e=a.parentNode)&&e.nodeType===1;)a=e;d.push(a)}var k=/(?:^|\s)nocode(?:\s|$)/,t=/\r\n?|\n/,s=a.ownerDocument,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=s.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);for(l=s.createElement("LI");a.firstChild;)l.appendChild(a.firstChild);for(var d=[l],g=0;g=0;){var h=m[e];A.hasOwnProperty(h)?window.console&&console.warn("cannot override language handler %s",h):A[h]=a}}function C(a,m){if(!a||!A.hasOwnProperty(a))a=/^\s*=o&&(h+=2);e>=c&&(a+=2)}}catch(w){"console"in window&&console.log(w&&w.stack?w.stack:w)}}var v=["break,continue,do,else,for,if,return,while"],w=[[v,"auto,case,char,const,default,double,enum,extern,float,goto,int,long,register,short,signed,sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"], -"catch,class,delete,false,import,new,operator,private,protected,public,this,throw,true,try,typeof"],F=[w,"alignof,align_union,asm,axiom,bool,concept,concept_map,const_cast,constexpr,decltype,dynamic_cast,explicit,export,friend,inline,late_check,mutable,namespace,nullptr,reinterpret_cast,static_assert,static_cast,template,typeid,typename,using,virtual,where"],G=[w,"abstract,boolean,byte,extends,final,finally,implements,import,instanceof,null,native,package,strictfp,super,synchronized,throws,transient"], -H=[G,"as,base,by,checked,decimal,delegate,descending,dynamic,event,fixed,foreach,from,group,implicit,in,interface,internal,into,is,lock,object,out,override,orderby,params,partial,readonly,ref,sbyte,sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort,var"],w=[w,"debugger,eval,export,function,get,null,set,undefined,var,with,Infinity,NaN"],I=[v,"and,as,assert,class,def,del,elif,except,exec,finally,from,global,import,in,is,lambda,nonlocal,not,or,pass,print,raise,try,with,yield,False,True,None"], -J=[v,"alias,and,begin,case,class,def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo,rescue,retry,self,super,then,true,undef,unless,until,when,yield,BEGIN,END"],v=[v,"case,done,elif,esac,eval,fi,function,in,local,set,then,until"],K=/^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)/,N=/\S/,O=u({keywords:[F,H,w,"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END"+ -I,J,v],hashComments:!0,cStyleComments:!0,multiLineStrings:!0,regexLiterals:!0}),A={};k(O,["default-code"]);k(x([],[["pln",/^[^]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^]*>([\S\s]*?)(<\/style\b[^>]*>)/i],["lang-in.tag",/^(<\/?[a-z][^<>]*>)/i]]), -["default-markup","htm","html","mxml","xhtml","xml","xsl"]);k(x([["pln",/^\s+/,q," \t\r\n"],["atv",/^(?:"[^"]*"?|'[^']*'?)/,q,"\"'"]],[["tag",/^^<\/?[a-z](?:[\w-.:]*\w)?|\/?>$/i],["atn",/^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],["lang-uq.val",/^=\s*([^\s"'>]*(?:[^\s"'/>]|\/(?=\s)))/],["pun",/^[/<->]+/],["lang-js",/^on\w+\s*=\s*"([^"]+)"/i],["lang-js",/^on\w+\s*=\s*'([^']+)'/i],["lang-js",/^on\w+\s*=\s*([^\s"'>]+)/i],["lang-css",/^style\s*=\s*"([^"]+)"/i],["lang-css",/^style\s*=\s*'([^']+)'/i],["lang-css", -/^style\s*=\s*([^\s"'>]+)/i]]),["in.tag"]);k(x([],[["atv",/^[\S\s]+/]]),["uq.val"]);k(u({keywords:F,hashComments:!0,cStyleComments:!0,types:K}),["c","cc","cpp","cxx","cyc","m"]);k(u({keywords:"null,true,false"}),["json"]);k(u({keywords:H,hashComments:!0,cStyleComments:!0,verbatimStrings:!0,types:K}),["cs"]);k(u({keywords:G,cStyleComments:!0}),["java"]);k(u({keywords:v,hashComments:!0,multiLineStrings:!0}),["bsh","csh","sh"]);k(u({keywords:I,hashComments:!0,multiLineStrings:!0,tripleQuotedStrings:!0}), -["cv","py"]);k(u({keywords:"caller,delete,die,do,dump,elsif,eval,exit,foreach,for,goto,if,import,last,local,my,next,no,our,print,package,redo,require,sub,undef,unless,until,use,wantarray,while,BEGIN,END",hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["perl","pl","pm"]);k(u({keywords:J,hashComments:!0,multiLineStrings:!0,regexLiterals:!0}),["rb"]);k(u({keywords:w,cStyleComments:!0,regexLiterals:!0}),["js"]);k(u({keywords:"all,and,by,catch,class,else,extends,false,finally,for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then,true,try,unless,until,when,while,yes", -hashComments:3,cStyleComments:!0,multilineStrings:!0,tripleQuotedStrings:!0,regexLiterals:!0}),["coffee"]);k(x([],[["str",/^[\S\s]+/]]),["regex"]);window.prettyPrintOne=function(a,m,e){var h=document.createElement("PRE");h.innerHTML=a;e&&D(h,e);E({g:m,i:e,h:h});return h.innerHTML};window.prettyPrint=function(a){function m(){for(var e=window.PR_SHOULD_USE_CONTINUATION?l.now()+250:Infinity;p=0){var k=k.match(g),f,b;if(b= -!k){b=n;for(var o=void 0,c=b.firstChild;c;c=c.nextSibling)var i=c.nodeType,o=i===1?o?b:c:i===3?N.test(c.nodeValue)?b:o:o;b=(f=o===b?void 0:o)&&"CODE"===f.tagName}b&&(k=f.className.match(g));k&&(k=k[1]);b=!1;for(o=n.parentNode;o;o=o.parentNode)if((o.tagName==="pre"||o.tagName==="code"||o.tagName==="xmp")&&o.className&&o.className.indexOf("prettyprint")>=0){b=!0;break}b||((b=(b=n.className.match(/\blinenums\b(?::(\d+))?/))?b[1]&&b[1].length?+b[1]:!0:!1)&&D(n,b),d={g:k,h:n,i:b},E(d))}}p th:last-child { border-right: 1px solid #ddd; } - -.ancestors, .attribs { color: #999; } -.ancestors a, .attribs a -{ - color: #999 !important; - text-decoration: none; -} - -.clear -{ - clear: both; -} - -.important -{ - font-weight: bold; - color: #950B02; -} - -.yes-def { - text-indent: -1000px; -} - -.type-signature { - color: #aaa; -} - -.name, .signature { - font-family: Consolas, Monaco, 'Andale Mono', monospace; -} - -.details { margin-top: 14px; border-left: 2px solid #DDD; } -.details dt { width: 120px; float: left; padding-left: 10px; padding-top: 6px; } -.details dd { margin-left: 70px; } -.details ul { margin: 0; } -.details ul { list-style-type: none; } -.details li { margin-left: 30px; padding-top: 6px; } -.details pre.prettyprint { margin: 0 } -.details .object-value { padding-top: 0; } - -.description { - margin-bottom: 1em; - margin-top: 1em; -} - -.code-caption -{ - font-style: italic; - font-size: 107%; - margin: 0; -} - -.source -{ - border: 1px solid #ddd; - width: 80%; - overflow: auto; -} - -.prettyprint.source { - width: inherit; -} - -.source code -{ - font-size: 100%; - line-height: 18px; - display: block; - padding: 4px 12px; - margin: 0; - background-color: #fff; - color: #4D4E53; -} - -.prettyprint code span.line -{ - display: inline-block; -} - -.prettyprint.linenums -{ - padding-left: 70px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.prettyprint.linenums ol -{ - padding-left: 0; -} - -.prettyprint.linenums li -{ - border-left: 3px #ddd solid; -} - -.prettyprint.linenums li.selected, -.prettyprint.linenums li.selected * -{ - background-color: lightyellow; -} - -.prettyprint.linenums li * -{ - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; -} - -.params .name, .props .name, .name code { - color: #4D4E53; - font-family: Consolas, Monaco, 'Andale Mono', monospace; - font-size: 100%; -} - -.params td.description > p:first-child, -.props td.description > p:first-child -{ - margin-top: 0; - padding-top: 0; -} - -.params td.description > p:last-child, -.props td.description > p:last-child -{ - margin-bottom: 0; - padding-bottom: 0; -} - -.disabled { - color: #454545; -} diff --git a/Old documentation/styles/prettify-jsdoc.css b/Old documentation/styles/prettify-jsdoc.css deleted file mode 100644 index 5a2526e..0000000 --- a/Old documentation/styles/prettify-jsdoc.css +++ /dev/null @@ -1,111 +0,0 @@ -/* JSDoc prettify.js theme */ - -/* plain text */ -.pln { - color: #000000; - font-weight: normal; - font-style: normal; -} - -/* string content */ -.str { - color: #006400; - font-weight: normal; - font-style: normal; -} - -/* a keyword */ -.kwd { - color: #000000; - font-weight: bold; - font-style: normal; -} - -/* a comment */ -.com { - font-weight: normal; - font-style: italic; -} - -/* a type name */ -.typ { - color: #000000; - font-weight: normal; - font-style: normal; -} - -/* a literal value */ -.lit { - color: #006400; - font-weight: normal; - font-style: normal; -} - -/* punctuation */ -.pun { - color: #000000; - font-weight: bold; - font-style: normal; -} - -/* lisp open bracket */ -.opn { - color: #000000; - font-weight: bold; - font-style: normal; -} - -/* lisp close bracket */ -.clo { - color: #000000; - font-weight: bold; - font-style: normal; -} - -/* a markup tag name */ -.tag { - color: #006400; - font-weight: normal; - font-style: normal; -} - -/* a markup attribute name */ -.atn { - color: #006400; - font-weight: normal; - font-style: normal; -} - -/* a markup attribute value */ -.atv { - color: #006400; - font-weight: normal; - font-style: normal; -} - -/* a declaration */ -.dec { - color: #000000; - font-weight: bold; - font-style: normal; -} - -/* a variable name */ -.var { - color: #000000; - font-weight: normal; - font-style: normal; -} - -/* a function name */ -.fun { - color: #000000; - font-weight: bold; - font-style: normal; -} - -/* Specify class=linenums on a pre to get line numbering */ -ol.linenums { - margin-top: 0; - margin-bottom: 0; -} diff --git a/Old documentation/styles/prettify-tomorrow.css b/Old documentation/styles/prettify-tomorrow.css deleted file mode 100644 index b6f92a7..0000000 --- a/Old documentation/styles/prettify-tomorrow.css +++ /dev/null @@ -1,132 +0,0 @@ -/* Tomorrow Theme */ -/* Original theme - https://github.com/chriskempson/tomorrow-theme */ -/* Pretty printing styles. Used with prettify.js. */ -/* SPAN elements with the classes below are added by prettyprint. */ -/* plain text */ -.pln { - color: #4d4d4c; } - -@media screen { - /* string content */ - .str { - color: #718c00; } - - /* a keyword */ - .kwd { - color: #8959a8; } - - /* a comment */ - .com { - color: #8e908c; } - - /* a type name */ - .typ { - color: #4271ae; } - - /* a literal value */ - .lit { - color: #f5871f; } - - /* punctuation */ - .pun { - color: #4d4d4c; } - - /* lisp open bracket */ - .opn { - color: #4d4d4c; } - - /* lisp close bracket */ - .clo { - color: #4d4d4c; } - - /* a markup tag name */ - .tag { - color: #c82829; } - - /* a markup attribute name */ - .atn { - color: #f5871f; } - - /* a markup attribute value */ - .atv { - color: #3e999f; } - - /* a declaration */ - .dec { - color: #f5871f; } - - /* a variable name */ - .var { - color: #c82829; } - - /* a function name */ - .fun { - color: #4271ae; } } -/* Use higher contrast and text-weight for printable form. */ -@media print, projection { - .str { - color: #060; } - - .kwd { - color: #006; - font-weight: bold; } - - .com { - color: #600; - font-style: italic; } - - .typ { - color: #404; - font-weight: bold; } - - .lit { - color: #044; } - - .pun, .opn, .clo { - color: #440; } - - .tag { - color: #006; - font-weight: bold; } - - .atn { - color: #404; } - - .atv { - color: #060; } } -/* Style */ -/* -pre.prettyprint { - background: white; - font-family: Consolas, Monaco, 'Andale Mono', monospace; - font-size: 12px; - line-height: 1.5; - border: 1px solid #ccc; - padding: 10px; } -*/ - -/* Specify class=linenums on a pre to get line numbering */ -ol.linenums { - margin-top: 0; - margin-bottom: 0; } - -/* IE indents via margin-left */ -li.L0, -li.L1, -li.L2, -li.L3, -li.L4, -li.L5, -li.L6, -li.L7, -li.L8, -li.L9 { - /* */ } - -/* Alternate shading for lines */ -li.L1, -li.L3, -li.L5, -li.L7, -li.L9 { - /* */ } diff --git a/Old documentation/utils.js.html b/Old documentation/utils.js.html deleted file mode 100644 index 5870c80..0000000 --- a/Old documentation/utils.js.html +++ /dev/null @@ -1,309 +0,0 @@ - - - - - JSDoc: Source: utils.js - - - - - - - - - -
-

Source: utils.js

- -
-
-
/**
-            * Utils module
-            * @module Utils
-            */
-           
-           /**
-            * Создание кнопки выбора элементов
-            * @param {HTMLElement} element созданный экземпляр класса DropDown
-            * @param {string} content placeholer передаваемый из настроек селекта
-            * @param {object} styles не обязательный параметр. Объект в котором находяться настройки кастомизации частей селекта
-            */
-           export function createSelected(element, content, styles) {
-             if (content) {
-               element.innerHTML = `
-                 <div class="cg-select">
-                    <p class="selected">${content}</p>
-                     <div class="caret"></div>
-                  </div>
-                 `;
-             }
-           
-             if (styles) {
-               customStyles(element, styles);
-           
-               element.innerHTML = `
-                 <div class="cg-select" style = "${styles}">
-                     <p class="selected" style = "${styles}">${content}</p>
-                     <div class="caret" style = "${styles}"></div>
-                 </div>
-               `;
-             }
-           }
-           
-           /**
-            * Поиск и стилизация елементов полученных из styles экземпляра DropDown
-            * @param {HTMLElement} element созданный экземпляр класса DropDown
-            * @param {object} styles объект в котором находяться настройки кастомизации частей селекта
-            */
-           export function customStyles(element, styles) {
-             if (!styles) {
-               return;
-             }
-           
-             const { head, caret, placeholder, lable } = styles;
-           
-             const cgSelect = element.querySelector('.cg-select');
-             const caretSelect = element.querySelector('.caret');
-             const placeholderSelect = element.querySelector('.selected');
-             const lableItem = element.parentElement.querySelector('h1.label');
-           
-             customStylesFormat(head, cgSelect);
-             customStylesFormat(caret, caretSelect);
-             customStylesFormat(lable, lableItem);
-           
-             if (placeholderSelect) {
-               customStylesFormat(placeholder, placeholderSelect);
-             }
-           }
-           
-           /**
-            * Универсальный метод для стилизации селекта
-            * @param {object} elemOption объект полученное из объекта styles у которого мы получаем ключ-значение стилей
-            * @param {HTMLElement} selector  HTMLElement подвергающиеся кастомизации
-            */
-           export function customStylesFormat(elemOption, selector) {
-             if (elemOption) {
-               Object.entries(elemOption).forEach(([key, value]) => {
-                 selector.style[key] = value;
-               });
-             }
-           }
-           
-           /**
-            * Проверка содержит ли item  указанные свойства,
-            * @param {object} item проверяемый на определенную структуру элемент
-            * @returns {boolean} возвращает true/false если item содержит указанные свойства
-            */
-           export function checkItemStruct(item) {
-             if (item && typeof item !== 'object') {
-               return false;
-             }
-           
-             return item.hasOwnProperty('id') && item.hasOwnProperty('title') && item.hasOwnProperty('value');
-           }
-           
-           /**
-            * Вставка изначального текста селекта(до выбора)
-            * @param {object} data объект в котором находяться title селекта
-            * @param {HTMLElement} select елемент селекта, куда будет вставляться title
-            * @returns {HTMLElement} возвращает сформированный елемент селекта
-            */
-           export function getSelectText(data, select) {
-             const { placeholder, selected } = data;
-           
-             if (placeholder) {
-               select.innerText = placeholder;
-             } else if (selected) {
-               select.innerText = selected;
-             } else {
-               select.innerText = 'Select...';
-             }
-             return select;
-           }
-           
-           /**
-            * Преобразование каждого елемента полученного из поля Items;
-            * @param {object | string} dataItem полученный елемент переданный при создании селекта может быть как object/string
-            * @param {number} index индекс этого элемента
-            * @returns {object} возвращает сформированный объект
-            */
-           export function getFormatItem(dataItem, index) {
-             const random = Math.random().toString(36).substring(2, 10);
-             let item = {};
-           
-             if (checkItemStruct(dataItem)) {
-               item = {
-                 id: dataItem.id,
-                 title: dataItem.title,
-                 value: index,
-               };
-             } else {
-               item = {
-                 id: random,
-                 title: dataItem,
-                 value: index,
-               };
-             }
-           
-             return item;
-           }
-           
-           /**
-            * Поведение нативного(одинарного) селекта при выборе кастомного
-            * @param {NodeList} element NodeList нативного селекта
-            * @param {object} item выбранный элемент в кастомном селекте
-            */
-           export function nativeOptionOrdinary(element, item) {
-             element.forEach((option) => {
-               option.removeAttribute('selected');
-               if (option.textContent === item) {
-                 option.setAttribute('selected', 'selected');
-               }
-             });
-           }
-           
-           /**
-            * Поведение нативного(Multiple) селекта при выборе в кастомном
-            * @param {NodeList} element NodeList нативного селекта
-            * @param {object} item выбранный элемент в кастомном селекте
-            * @param {boolean} condition специальный флаг при котором добавляются/убераются атрибуты у нативного селекта
-            */
-           export function nativeOptionMultiple(element, item, condition) {
-             element.forEach((option) => {
-               if (condition == true) {
-                 if (option.textContent === item) {
-                   option.setAttribute('selected', 'selected');
-                 }
-               } else if (condition == false) {
-                 if (option.textContent === item) {
-                   option.removeAttribute('selected');
-                 }
-               } else {
-                 return;
-               }
-             });
-           }
-           
-           /**
-            * Создание кнопки отчиски селекта, при единичном выборе.
-            * @param {HTMLElement} select место в селекте которое будет переназначено на ''.
-            * @param {HTMLElement} element экземпляр класса DropDown.
-            * @param {object} dataSelectText текст который отрисовывается в селекте.
-            */
-           export function clearSelect(select, element, dataSelectText) {
-             const { selectedItems, indexes, darkTheme, multiselectTag } = dataSelectText;
-           
-             const options = element.querySelectorAll('.list__item');
-             const ulMultiSelect = element.querySelector('.multiselect-tag');
-             const svgIcon = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-             const path1 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-             const path2 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
-             const checkBox = element.querySelectorAll('li input');
-           
-             svgIcon.setAttribute('viewBox', '0 0 10 10');
-             path1.setAttribute('d', 'M2,8 L8,2');
-             path2.setAttribute('d', 'M2,2 L8,8');
-             svgIcon.appendChild(path1);
-             svgIcon.appendChild(path2);
-           
-             if (multiselectTag && multiselectTag == true) {
-               return;
-             }
-           
-             if (darkTheme === true || !darkTheme) {
-               path1.classList.add('pathWhite');
-               path2.classList.add('pathWhite');
-             }
-           
-             if (darkTheme === false) {
-               path1.classList.add('pathBlack');
-               path2.classList.add('pathBlack');
-             }
-           
-             svgIcon.classList.add('svg-icon');
-             svgIcon.classList.add('svg-clear');
-           
-             select.appendChild(svgIcon);
-           
-             svgIcon.addEventListener('click', () => {
-               select.innerText = '';
-           
-               if (Array.isArray(selectedItems)) {
-                 selectedItems.splice(0);
-                 indexes.splice(0);
-               }
-           
-               checkBox.forEach((item) => {
-                 item.checked = false;
-               });
-           
-               getSelectText(dataSelectText, select);
-           
-               options.forEach((option) => {
-                 option.classList.remove('active');
-               });
-             });
-           }
-
-
-
-
- - - -
- -
- Documentation generated by JSDoc 3.6.11 on Wed - Oct 19 2022 18:07:14 GMT+0300 (Moscow Standard Time) -
- - - - - diff --git a/README.md b/README.md index ee02711..c59cfdf 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.2.1 +## version ~ 0.2.32 This component allows you to create a custom select. It offers more flexible customization and use of select. Customization, multi-selection and live search by elements are available. @@ -45,7 +45,7 @@ npm i cg-select ### An example of creating a regular select. ```javascript -import { CGSelect } from 'cg-select'; +import CGSelect from 'cg-select'; const dropdown = new CGSelect({ selector: '.cg-dropdown_selector', @@ -73,6 +73,8 @@ Same working example -- https://cg-select.itguild.info/ ![image](https://github.com/apuc/cg-select/blob/main/src/images/WhiteTheme.png) ![image](https://github.com/apuc/cg-select/blob/main/src/images/Categories.png) +Built-in themes are also available: dark, white. To apply them, specify the theme attribute in the select settings and pass one of the values ​​into it dark or white. + All documentation on CG-SELECT is located in the folder of the same name. The documentation describes all methods and variables, there are also examples of passing settings to select. You can also open it on the page with an example, or follow the link below. **To view it, follow the link -** https://cg-select.itguild.info/up_/documentation/index.html @@ -95,4 +97,5 @@ All documentation on CG-SELECT is located in the folder of the same name. The do ## History 16.12.2022 - release version 0.1.0! -00.00.2023 - upgrade to version 0.2.1 + +20.01.2023 - upgrade to version 0.2.1 diff --git a/docs/assets/search.js b/docs/assets/search.js index 1c1c450..cb0d42c 100644 --- a/docs/assets/search.js +++ b/docs/assets/search.js @@ -1 +1 @@ -window.searchData = JSON.parse("{\"kinds\":{\"2\":\"Module\",\"32\":\"Variable\",\"64\":\"Function\",\"128\":\"Class\",\"256\":\"Interface\",\"512\":\"Constructor\",\"1024\":\"Property\",\"2048\":\"Method\",\"262144\":\"Accessor\"},\"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\":\"darkTheme\",\"url\":\"classes/cg_select.CGSelect.html#darkTheme\",\"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\":\"checkTheme\",\"url\":\"classes/cg_select.CGSelect.html#checkTheme\",\"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\":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\":\"darkTheme\",\"url\":\"interfaces/components_utils_urils_interface.ISelectedItems.html#darkTheme\",\"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\"},{\"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\":\"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\":\"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\":\"darkTheme\",\"url\":\"interfaces/interfaces_cg_select_interface.ICgSelect.html#darkTheme\",\"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\"}],\"index\":{\"version\":\"2.3.9\",\"fields\":[\"name\",\"comment\"],\"fieldVectors\":[[\"name/0\",[0,32.201,1,32.201]],[\"comment/0\",[]],[\"name/1\",[2,45.004]],[\"comment/1\",[]],[\"name/2\",[3,45.004]],[\"comment/2\",[]],[\"name/3\",[4,39.797]],[\"comment/3\",[]],[\"name/4\",[5,36.367]],[\"comment/4\",[]],[\"name/5\",[6,31.76]],[\"comment/5\",[]],[\"name/6\",[7,39.797]],[\"comment/6\",[]],[\"name/7\",[8,36.367]],[\"comment/7\",[]],[\"name/8\",[9,39.797]],[\"comment/8\",[]],[\"name/9\",[10,39.797]],[\"comment/9\",[]],[\"name/10\",[11,39.797]],[\"comment/10\",[]],[\"name/11\",[12,39.797]],[\"comment/11\",[]],[\"name/12\",[13,39.797]],[\"comment/12\",[]],[\"name/13\",[14,36.367]],[\"comment/13\",[]],[\"name/14\",[15,39.797]],[\"comment/14\",[]],[\"name/15\",[16,39.797]],[\"comment/15\",[]],[\"name/16\",[17,39.797]],[\"comment/16\",[]],[\"name/17\",[18,39.797]],[\"comment/17\",[]],[\"name/18\",[19,36.367]],[\"comment/18\",[]],[\"name/19\",[20,36.367]],[\"comment/19\",[]],[\"name/20\",[21,39.797]],[\"comment/20\",[]],[\"name/21\",[22,45.004]],[\"comment/21\",[]],[\"name/22\",[23,45.004]],[\"comment/22\",[]],[\"name/23\",[24,39.797]],[\"comment/23\",[]],[\"name/24\",[25,39.797]],[\"comment/24\",[]],[\"name/25\",[26,36.367]],[\"comment/25\",[]],[\"name/26\",[27,36.367]],[\"comment/26\",[]],[\"name/27\",[28,45.004]],[\"comment/27\",[]],[\"name/28\",[29,39.797]],[\"comment/28\",[]],[\"name/29\",[30,45.004]],[\"comment/29\",[]],[\"name/30\",[31,45.004]],[\"comment/30\",[]],[\"name/31\",[32,45.004]],[\"comment/31\",[]],[\"name/32\",[33,45.004]],[\"comment/32\",[]],[\"name/33\",[34,45.004]],[\"comment/33\",[]],[\"name/34\",[35,45.004]],[\"comment/34\",[]],[\"name/35\",[36,45.004]],[\"comment/35\",[]],[\"name/36\",[37,45.004]],[\"comment/36\",[]],[\"name/37\",[38,45.004]],[\"comment/37\",[]],[\"name/38\",[39,45.004]],[\"comment/38\",[]],[\"name/39\",[40,45.004]],[\"comment/39\",[]],[\"name/40\",[41,45.004]],[\"comment/40\",[]],[\"name/41\",[42,45.004]],[\"comment/41\",[]],[\"name/42\",[43,45.004]],[\"comment/42\",[]],[\"name/43\",[44,45.004]],[\"comment/43\",[]],[\"name/44\",[45,45.004]],[\"comment/44\",[]],[\"name/45\",[46,45.004]],[\"comment/45\",[]],[\"name/46\",[47,45.004]],[\"comment/46\",[]],[\"name/47\",[48,45.004]],[\"comment/47\",[]],[\"name/48\",[49,45.004]],[\"comment/48\",[]],[\"name/49\",[50,45.004]],[\"comment/49\",[]],[\"name/50\",[51,45.004]],[\"comment/50\",[]],[\"name/51\",[52,45.004]],[\"comment/51\",[]],[\"name/52\",[53,45.004]],[\"comment/52\",[]],[\"name/53\",[25,39.797]],[\"comment/53\",[]],[\"name/54\",[54,45.004]],[\"comment/54\",[]],[\"name/55\",[55,45.004]],[\"comment/55\",[]],[\"name/56\",[56,45.004]],[\"comment/56\",[]],[\"name/57\",[6,31.76]],[\"comment/57\",[]],[\"name/58\",[5,36.367]],[\"comment/58\",[]],[\"name/59\",[26,36.367]],[\"comment/59\",[]],[\"name/60\",[27,36.367]],[\"comment/60\",[]],[\"name/61\",[19,36.367]],[\"comment/61\",[]],[\"name/62\",[8,36.367]],[\"comment/62\",[]],[\"name/63\",[57,45.004]],[\"comment/63\",[]],[\"name/64\",[58,45.004]],[\"comment/64\",[]],[\"name/65\",[59,45.004]],[\"comment/65\",[]],[\"name/66\",[60,45.004]],[\"comment/66\",[]],[\"name/67\",[61,45.004]],[\"comment/67\",[]],[\"name/68\",[62,45.004]],[\"comment/68\",[]],[\"name/69\",[63,45.004]],[\"comment/69\",[]],[\"name/70\",[64,45.004]],[\"comment/70\",[]],[\"name/71\",[65,45.004]],[\"comment/71\",[]],[\"name/72\",[66,45.004]],[\"comment/72\",[]],[\"name/73\",[67,22.168,68,22.168,69,25.069]],[\"comment/73\",[]],[\"name/74\",[70,45.004]],[\"comment/74\",[]],[\"name/75\",[20,36.367]],[\"comment/75\",[]],[\"name/76\",[71,45.004]],[\"comment/76\",[]],[\"name/77\",[27,36.367]],[\"comment/77\",[]],[\"name/78\",[26,36.367]],[\"comment/78\",[]],[\"name/79\",[20,20.257,67,22.168,68,22.168]],[\"comment/79\",[]],[\"name/80\",[72,45.004]],[\"comment/80\",[]],[\"name/81\",[73,45.004]],[\"comment/81\",[]],[\"name/82\",[74,45.004]],[\"comment/82\",[]],[\"name/83\",[75,45.004]],[\"comment/83\",[]],[\"name/84\",[76,45.004]],[\"comment/84\",[]],[\"name/85\",[77,45.004]],[\"comment/85\",[]],[\"name/86\",[78,45.004]],[\"comment/86\",[]],[\"name/87\",[79,32.201,80,32.201]],[\"comment/87\",[]],[\"name/88\",[81,45.004]],[\"comment/88\",[]],[\"name/89\",[4,39.797]],[\"comment/89\",[]],[\"name/90\",[5,36.367]],[\"comment/90\",[]],[\"name/91\",[6,31.76]],[\"comment/91\",[]],[\"name/92\",[7,39.797]],[\"comment/92\",[]],[\"name/93\",[8,36.367]],[\"comment/93\",[]],[\"name/94\",[9,39.797]],[\"comment/94\",[]],[\"name/95\",[10,39.797]],[\"comment/95\",[]],[\"name/96\",[11,39.797]],[\"comment/96\",[]],[\"name/97\",[12,39.797]],[\"comment/97\",[]],[\"name/98\",[13,39.797]],[\"comment/98\",[]],[\"name/99\",[14,36.367]],[\"comment/99\",[]],[\"name/100\",[15,39.797]],[\"comment/100\",[]],[\"name/101\",[16,39.797]],[\"comment/101\",[]],[\"name/102\",[17,39.797]],[\"comment/102\",[]],[\"name/103\",[18,39.797]],[\"comment/103\",[]],[\"name/104\",[19,36.367]],[\"comment/104\",[]],[\"name/105\",[82,45.004]],[\"comment/105\",[]],[\"name/106\",[83,45.004]],[\"comment/106\",[]],[\"name/107\",[24,39.797]],[\"comment/107\",[]],[\"name/108\",[6,31.76]],[\"comment/108\",[]],[\"name/109\",[14,36.367]],[\"comment/109\",[]],[\"name/110\",[21,39.797]],[\"comment/110\",[]],[\"name/111\",[84,45.004]],[\"comment/111\",[]],[\"name/112\",[85,45.004]],[\"comment/112\",[]],[\"name/113\",[86,45.004]],[\"comment/113\",[]],[\"name/114\",[87,45.004]],[\"comment/114\",[]],[\"name/115\",[88,45.004]],[\"comment/115\",[]],[\"name/116\",[89,45.004]],[\"comment/116\",[]],[\"name/117\",[29,39.797]],[\"comment/117\",[]],[\"name/118\",[90,45.004]],[\"comment/118\",[]],[\"name/119\",[91,45.004]],[\"comment/119\",[]],[\"name/120\",[6,31.76]],[\"comment/120\",[]],[\"name/121\",[92,45.004]],[\"comment/121\",[]],[\"name/122\",[93,45.004]],[\"comment/122\",[]]],\"invertedIndex\":[[\"additem\",{\"_index\":48,\"name\":{\"47\":{}},\"comment\":{}}],[\"addlanguage\",{\"_index\":45,\"name\":{\"44\":{}},\"comment\":{}}],[\"addoptionsbehaviour\",{\"_index\":39,\"name\":{\"38\":{}},\"comment\":{}}],[\"btncntr\",{\"_index\":28,\"name\":{\"27\":{}},\"comment\":{}}],[\"buttoncontrol\",{\"_index\":46,\"name\":{\"45\":{}},\"comment\":{}}],[\"caret\",{\"_index\":24,\"name\":{\"23\":{},\"107\":{}},\"comment\":{}}],[\"category\",{\"_index\":25,\"name\":{\"24\":{},\"53\":{}},\"comment\":{}}],[\"categoryitems\",{\"_index\":54,\"name\":{\"54\":{}},\"comment\":{}}],[\"cg\",{\"_index\":0,\"name\":{\"0\":{}},\"comment\":{}}],[\"cgselect\",{\"_index\":2,\"name\":{\"1\":{}},\"comment\":{}}],[\"checkitemstruct\",{\"_index\":60,\"name\":{\"66\":{}},\"comment\":{}}],[\"checktheme\",{\"_index\":40,\"name\":{\"39\":{}},\"comment\":{}}],[\"chips\",{\"_index\":85,\"name\":{\"112\":{}},\"comment\":{}}],[\"clearselect\",{\"_index\":62,\"name\":{\"68\":{}},\"comment\":{}}],[\"close\",{\"_index\":37,\"name\":{\"36\":{}},\"comment\":{}}],[\"closeonselect\",{\"_index\":10,\"name\":{\"9\":{},\"95\":{}},\"comment\":{}}],[\"closeselectclick\",{\"_index\":38,\"name\":{\"37\":{}},\"comment\":{}}],[\"components/create\",{\"_index\":67,\"name\":{\"73\":{},\"79\":{}},\"comment\":{}}],[\"components/utils/urils.interface\",{\"_index\":52,\"name\":{\"51\":{}},\"comment\":{}}],[\"constructor\",{\"_index\":3,\"name\":{\"2\":{}},\"comment\":{}}],[\"createbreadcrumb\",{\"_index\":74,\"name\":{\"82\":{}},\"comment\":{}}],[\"createinputsearch\",{\"_index\":75,\"name\":{\"83\":{}},\"comment\":{}}],[\"createnativeselect\",{\"_index\":72,\"name\":{\"80\":{}},\"comment\":{}}],[\"createnativeselectoption\",{\"_index\":73,\"name\":{\"81\":{}},\"comment\":{}}],[\"createselected\",{\"_index\":61,\"name\":{\"67\":{}},\"comment\":{}}],[\"customstyles\",{\"_index\":65,\"name\":{\"71\":{}},\"comment\":{}}],[\"customstylesformat\",{\"_index\":66,\"name\":{\"72\":{}},\"comment\":{}}],[\"darktheme\",{\"_index\":8,\"name\":{\"7\":{},\"62\":{},\"93\":{}},\"comment\":{}}],[\"deleteitem\",{\"_index\":49,\"name\":{\"48\":{}},\"comment\":{}}],[\"deleteitemall\",{\"_index\":50,\"name\":{\"49\":{}},\"comment\":{}}],[\"disabled\",{\"_index\":47,\"name\":{\"46\":{}},\"comment\":{}}],[\"displaymode\",{\"_index\":43,\"name\":{\"42\":{}},\"comment\":{}}],[\"element\",{\"_index\":20,\"name\":{\"19\":{},\"75\":{},\"79\":{}},\"comment\":{}}],[\"element.interface\",{\"_index\":69,\"name\":{\"73\":{}},\"comment\":{}}],[\"element/create\",{\"_index\":68,\"name\":{\"73\":{},\"79\":{}},\"comment\":{}}],[\"en\",{\"_index\":78,\"name\":{\"86\":{}},\"comment\":{}}],[\"event\",{\"_index\":16,\"name\":{\"15\":{},\"101\":{}},\"comment\":{}}],[\"getelement\",{\"_index\":44,\"name\":{\"43\":{}},\"comment\":{}}],[\"getformatitem\",{\"_index\":58,\"name\":{\"64\":{}},\"comment\":{}}],[\"getselecttext\",{\"_index\":59,\"name\":{\"65\":{}},\"comment\":{}}],[\"head\",{\"_index\":83,\"name\":{\"106\":{}},\"comment\":{}}],[\"icgselect\",{\"_index\":81,\"name\":{\"88\":{}},\"comment\":{}}],[\"icreatebreadcrumb\",{\"_index\":70,\"name\":{\"74\":{}},\"comment\":{}}],[\"id\",{\"_index\":88,\"name\":{\"115\":{}},\"comment\":{}}],[\"idataitem\",{\"_index\":53,\"name\":{\"52\":{}},\"comment\":{}}],[\"iitems\",{\"_index\":87,\"name\":{\"114\":{}},\"comment\":{}}],[\"ilanguage\",{\"_index\":91,\"name\":{\"119\":{}},\"comment\":{}}],[\"indexes\",{\"_index\":27,\"name\":{\"26\":{},\"60\":{},\"77\":{}},\"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\":79,\"name\":{\"87\":{}},\"comment\":{}}],[\"interfaces/items.interface\",{\"_index\":86,\"name\":{\"113\":{}},\"comment\":{}}],[\"interfaces/language.interface\",{\"_index\":90,\"name\":{\"118\":{}},\"comment\":{}}],[\"iselecteditems\",{\"_index\":56,\"name\":{\"56\":{}},\"comment\":{}}],[\"istyle\",{\"_index\":82,\"name\":{\"105\":{}},\"comment\":{}}],[\"items\",{\"_index\":7,\"name\":{\"6\":{},\"92\":{}},\"comment\":{}}],[\"itemvalue\",{\"_index\":55,\"name\":{\"55\":{}},\"comment\":{}}],[\"lable\",{\"_index\":14,\"name\":{\"13\":{},\"99\":{},\"109\":{}},\"comment\":{}}],[\"language\",{\"_index\":13,\"name\":{\"12\":{},\"98\":{}},\"comment\":{}}],[\"language/language\",{\"_index\":76,\"name\":{\"84\":{}},\"comment\":{}}],[\"list\",{\"_index\":21,\"name\":{\"20\":{},\"110\":{}},\"comment\":{}}],[\"listdisplaymode\",{\"_index\":12,\"name\":{\"11\":{},\"97\":{}},\"comment\":{}}],[\"multiselect\",{\"_index\":18,\"name\":{\"17\":{},\"103\":{}},\"comment\":{}}],[\"multiselecttag\",{\"_index\":19,\"name\":{\"18\":{},\"61\":{},\"104\":{}},\"comment\":{}}],[\"nativeoptionmultiple\",{\"_index\":64,\"name\":{\"70\":{}},\"comment\":{}}],[\"nativeoptionordinary\",{\"_index\":63,\"name\":{\"69\":{}},\"comment\":{}}],[\"nativeselectmode\",{\"_index\":11,\"name\":{\"10\":{},\"96\":{}},\"comment\":{}}],[\"open\",{\"_index\":36,\"name\":{\"35\":{}},\"comment\":{}}],[\"option\",{\"_index\":71,\"name\":{\"76\":{}},\"comment\":{}}],[\"options\",{\"_index\":22,\"name\":{\"21\":{}},\"comment\":{}}],[\"placeholder\",{\"_index\":6,\"name\":{\"5\":{},\"57\":{},\"91\":{},\"108\":{},\"120\":{}},\"comment\":{}}],[\"randomid\",{\"_index\":23,\"name\":{\"22\":{}},\"comment\":{}}],[\"render\",{\"_index\":32,\"name\":{\"31\":{}},\"comment\":{}}],[\"renderurl\",{\"_index\":33,\"name\":{\"32\":{}},\"comment\":{}}],[\"ru\",{\"_index\":77,\"name\":{\"85\":{}},\"comment\":{}}],[\"search\",{\"_index\":84,\"name\":{\"111\":{}},\"comment\":{}}],[\"searchmode\",{\"_index\":9,\"name\":{\"8\":{},\"94\":{}},\"comment\":{}}],[\"searchmodeselect\",{\"_index\":42,\"name\":{\"41\":{}},\"comment\":{}}],[\"select\",{\"_index\":1,\"name\":{\"0\":{}},\"comment\":{}}],[\"select.interface\",{\"_index\":80,\"name\":{\"87\":{}},\"comment\":{}}],[\"selected\",{\"_index\":5,\"name\":{\"4\":{},\"58\":{},\"90\":{}},\"comment\":{}}],[\"selecteditems\",{\"_index\":26,\"name\":{\"25\":{},\"59\":{},\"78\":{}},\"comment\":{}}],[\"selectindex\",{\"_index\":51,\"name\":{\"50\":{}},\"comment\":{}}],[\"selectmode\",{\"_index\":41,\"name\":{\"40\":{}},\"comment\":{}}],[\"selector\",{\"_index\":4,\"name\":{\"3\":{},\"89\":{}},\"comment\":{}}],[\"selectplaceholder\",{\"_index\":92,\"name\":{\"121\":{}},\"comment\":{}}],[\"styles\",{\"_index\":15,\"name\":{\"14\":{},\"100\":{}},\"comment\":{}}],[\"textinlistsearch\",{\"_index\":93,\"name\":{\"122\":{}},\"comment\":{}}],[\"title\",{\"_index\":89,\"name\":{\"116\":{}},\"comment\":{}}],[\"url\",{\"_index\":17,\"name\":{\"16\":{},\"102\":{}},\"comment\":{}}],[\"utils\",{\"_index\":57,\"name\":{\"63\":{}},\"comment\":{}}],[\"value\",{\"_index\":29,\"name\":{\"28\":{},\"117\":{}},\"comment\":{}}]],\"pipeline\":[]}}"); \ No newline at end of file +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/classes/cg_select.CGSelect.html b/docs/classes/cg_select.CGSelect.html index c90a720..bb487e6 100644 --- a/docs/classes/cg_select.CGSelect.html +++ b/docs/classes/cg_select.CGSelect.html @@ -1,820 +1,4248 @@ -CGSelect | cg-select
-
- -
-
-
-
- -

Class CGSelect

-
-
-

Description

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

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

-
- -
    - -
  • -
    -

    Description

    The constructor takes an object and renders the select.

    +

    Author

    +

    Ovsyanikov Maxim

    +
    +
+
+

Hierarchy

+
    +
  • CGSelect
  • +
+
+
+

Implements

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

Constructors

+
+ + +
    + +
  • +
    +

    Description

    +

    The constructor takes an object and renders the select.

    -

    Example

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

    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

-
- -
btnCntr?: null | Element
-

Button, to control the select.

-
-
- -
caret: undefined | null | Element
-

Variable for carriage control.

-
-
- -
category?: string
-

Transferred categories.

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

-
-
- -
darkTheme?: boolean
-

An optional parameter that is responsible for enabling a light / dark theme by default, the dark theme is set (darkTheme == true).

-
-
- -
element: null | Element
-

Created HTML element.

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

-
-
- -
indexes: number[] = []
-

Array of indexes of selected elements.

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

-
-
- -
lable?: string
-

An optional parameter that adds a lable before the select.

-
-
- -
language?: string
-

Optional parameter responsible for the localization of some text elements.

-
-
- -
list: null | Element
-

Created list(ul), with class list.

-
-
- -
listDisplayMode?: boolean
-

An optional parameter that is responsible for the behavior of the select when opening.

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

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

-
-
- -
nativeSelectMode?: boolean
-

An optional parameter that is responsible for the behavior of the select when opened on mobile devices.

-
-
- -
options: ICgSelect
-

Select settings passed when creating an instance of the class.

-
-
- -
placeholder?: string
-

Placeholder optional parameter to which the text of the select placeholder is passed.

-
-
- -
randomId: string
-

Unique Id for elements.

-
-
- -
searchMode?: boolean
-

An optional parameter that adds a live search on the select elements.

-
-
- -
selected?: string
-

An optional parameter, which is passed the element that will be selected initially in the select.

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

Selected or an array of selected items from a list.

-
-
- -
selector?: string
-

Unique selector - *mandatory parameter (indicator) that is set when creating a select.

-
-
- -
styles?: IStyle
-

An optional parameter that is responsible for customizing the select elements, -objects with CSS properties for customizable elements are passed to it.

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

-
- -
    -
  • get indexesOf(): number | number[]
  • -
  • -
    -

    Returns

    Returns the indices of the selected element(s) as an array / empty array.

    +
    +
    +

    Parameters

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

      Object accepting select settings.

      +
      +
    • +
    +
    +

    + Returns + CGSelect +

    + +
  • +
+
+
+
+

Properties

+
+ + +
+ buttonAction?: + null | Element +
+

Button, to control the select.

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

Variable for carriage control.

+ +
+
+ + +
+ category?: + string +
+

Transferred categories.

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

+
+ +
+
+ + +
+ element: + null | Element +
+

Created HTML element.

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

+
+ +
+
+ + +
+ indexes: + number[] = [] +
+
+

Array of indexes of selected elements.

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

+
+ +
+
+ + +
+ lable?: + string +
+
+

An optional parameter that adds a lable before the select.

+
+ +
+
+ + +
+ language?: + string +
+
+

Optional parameter responsible for the localization of some text elements.

+
+ +
+
+ + +
+ list: + null | Element +
+

Created list(ul), with class list.

+ +
+
+ + +
+ listDisplayMode?: + boolean +
+
+

+ An optional parameter that is responsible for the behavior of the select when + opening. +

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

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

+
+ +
+
+ + +
+ nativeSelectMode?: + boolean +
+
+

+ An optional parameter that is responsible for the behavior of the select when opened + on mobile devices. +

+
+ +
+
+ + +
+ options: + ICgSelect +
+
+

Select settings passed when creating an instance of the class.

+
+ +
+
+ + +
+ placeholder?: + string +
+
+

+ Placeholder optional parameter to which the text of the select placeholder is + passed. +

+
+ +
+
+ + +
+ randomId: + string +
+

Unique Id for elements.

+ +
+
+ + +
+ searchMode?: + boolean +
+
+

An optional parameter that adds a live search on the select elements.

+
+ +
+
+ + +
+ selected?: + string +
+
+

+ An optional parameter, which is passed the element that will be selected initially + in the select. +

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

Selected or an array of selected items from a list.

+
+ +
+
+ + +
+ selector?: + string +
+
+

+ Unique selector - *mandatory parameter (indicator) that is set when creating a + select. +

+
+ +
+
+ + +
+ styles?: + IStyle +
+
+

+ An optional parameter that is responsible for customizing the select elements, + objects with CSS properties for customizable elements are passed to it. +

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

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

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

-
- -
    -
  • get value(): string | string[]
  • -
  • -
    -

    Returns

    Returns the selected element(s) as an array / element / null.

    +

    Description

    +

    A getter that returns the indexes of the selected element(s) of the select.

    +
    +

    + Returns number | number[] +

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

-
- -
    - -
  • -
    -

    Description

    adds the given element to the end of the list and redraws the list. Cannot be used when passing elements with categories.

    +

    Description

    +

    Getter returning the selected element(s) of the select.

    +
    +

    + Returns string | string[] +

    + +
  • +
+
+
+
+

Methods

+
+ + +
    + +
  • +
    +

    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

-
- -
    - -
  • -
    -

    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

    +

    addItem

    +
    +
    +

    Parameters

    +
      +
    • +
      + item: string | number | IItems +
      +

      added element.

      +
    • +
    +
    +

    + Returns undefined | false +

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

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

    Description

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

    +

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

    Description

    +

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

    -

    Method

    addOptionsBehaviour

    -
    -

    Returns void

-
- -
    - -
  • -
    -

    Description

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

    +

    Method

    +

    addOptionsBehaviour

    +
    +

    + Returns void +

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

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

    Method

    checkTheme

    +

    Method

    +

    buttonControl

    +
    +
    +

    Parameters

    +
      +
    • +
      button: Element
      +

      HTML button.

      +
    • +
    • +
      method: string
      +

      open/close method.

      +
    • +
    +
    +

    + Returns void +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Description

    +

    Closes the list.

    -

    Description

    Changes the color scheme from dark to light.

    -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Description

    Closes the list.

    +

    Method

    +

    close

    +
    +

    + Returns void +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Description

    +

    Closes the list on click outside of an element.

    -

    Method

    close

    -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Description

    Closes the list on click outside of an element.

    +

    Method

    +

    closeSelectClick

    +
    +

    + Returns void +

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

    Description

    +

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

    -

    Method

    closeSelectClick

    -
    -

    Returns void

-
- -
    - -
  • -
    -

    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 +

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

    Description

    +

    removes all elements from the list and redraws it.

    -

    Method

    deleteItem

    -
    -
    -

    Parameters

    -
      -
    • -
      index: number
      -

      the index of the element to be removed.

      -
    -

    Returns void

-
- -
    - -
  • -
    -

    Description

    removes all elements from the list and redraws it.

    +

    Method

    +

    deleteItemAll

    +
    +

    + Returns void +

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

    Description

    +

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

    -

    Method

    deleteItemAll

    -
    -

    Returns void

-
- -
    - -
  • -
    -

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

    Description

    +

    Changes the display of a sheet with a selection as a modal window.

    -

    Method

    disabled

    -
    -
    -

    Parameters

    -
      -
    • -
      value: boolean
      -

      Passed parameter to add the disabled attribute.

      -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Description

    Changes the display of a sheet with a selection as a modal window.

    +

    Method

    +

    displayMode

    +
    +
    +

    Parameters

    +
      +
    • +
      listDisplayMode: boolean
      +
      +

      + parameter responsible for displaying the selection in the form of a modal + window. +

      +
      +
    • +
    +
    +

    + Returns void +

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

    Returns

    +

    returns a reference to the selected HTML element.

    -

    Method

    displayMode

    -
    -
    -

    Parameters

    -
      -
    • -
      listDisplayMode: boolean
      -

      parameter responsible for displaying the selection in the form of a modal window.

      -
    -

    Returns void

-
- -
    - -
  • -
    -

    Returns

    returns a reference to the selected HTML element.

    +

    Method

    +

    getElement

    +
    +
    +

    Parameters

    +
      +
    • +
      numberItem: number
      +

      returned element number.

      +
    • +
    +
    +

    + Returns any +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Private method for initializing an instance of the ICgSelect class.

    -

    Method

    getElement

    -
    -
    -

    Parameters

    -
      -
    • -
      numberItem: number
      -

      returned element number.

      -
    -

    Returns any

-
- -
    - -
  • Private -

    Private method for initializing an instance of the ICgSelect class.

    +

    Method

    +

    init

    -

    Method

    init

    +

    Member

    +

    Description

    +

    + Private method. General initialization of the select. Obtaining tinctures and + converting select elements. +

    -

    Member

    -

    Description

    Private method. General initialization of the select. Obtaining tinctures and converting select elements.

    - -

    Example

    {
    selector: '.cg-dropdown_one',
    placeholder: 'Choose a car',
    items: [
    'BMW',
    {
    id: '213sade',
    title: 'Opel',
    value: 1,
    },
    'Mersedes',
    'MAN',
    'max',
    ],
    darkTheme: true,
    multiselect: true,
    multiselectTag: true,
    } +

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

    Description

    Opens and closes the list by the passed event.

    +
    +
    +

    Parameters

    +
      +
    • +
      + setting: + ICgSelect +
      +

      passed select settings.

      +
    • +
    +
    +

    + Returns void +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Description

    +

    Opens and closes the list by the passed event.

    -

    Method

    initEvent

    -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Method

    initSelected

    +

    Method

    +

    initEvent

    +
    +

    + Returns void +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Method

    +

    initSelected

    -

    Description

    Renders and styles the select.

    -
    -
    -

    Parameters

    -
      -
    • -
      Optional select: string
      -

      optional element. Used in the selectedIndex method.

      -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Description

    Opens a list to select an element.

    +

    Description

    +

    Renders and styles the select.

    +
    +
    +

    Parameters

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

      optional element. Used in the selectedIndex method.

      +
      +
    • +
    +
    +

    + Returns void +

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

    Description

    +

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

    -

    Method

    open

    -
    -
    -

    Parameters

    -
      -
    • -
      Optional oneClick: boolean
      -

      optional parameter passed from the buttonControl function.

      -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Method

    render

    +

    Method

    +

    on

    +
    +
    +

    Parameters

    +
      +
    • +
      state: string
      +

      select state.

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

          Parameters

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

          + Returns any +

          +
        • +
        +
      • +
      +
    • +
    +
    +

    + Returns void +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Description

    +

    Opens a list to select an element.

    -

    Description

    Render elements in select.

    -
    -
    -

    Parameters

    -
      -
    • -
      Optional select: string
      -

      optional element. Passed to the initSelected.

      -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Method

    renderUrl

    +

    Method

    +

    open

    +
    +
    +

    Parameters

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

      optional parameter passed from the buttonControl function.

      +
      +
    • +
    +
    +

    + Returns void +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Method

    +

    render

    -

    Description

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

    -
    -

    Returns Promise<void>

-
- -
    - -
  • Private -
    -

    Description

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

    +

    Description

    +

    Render elements in select.

    +
    +
    +

    Parameters

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

      optional element. Passed to the initSelected.

      +
      +
    • +
    +
    +

    + Returns void +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Method

    +

    renderUrl

    -

    Method

    searchMode

    -
    -
    -

    Parameters

    -
      -
    • -
      random: string
      -

      unique value for input element.

      -
    -

    Returns void

-
- -
    - -
  • -
    -

    Description

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

    +

    Description

    +

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

    +
    +

    + Returns Promise<void> +

    + +
  • +
+
+
+ + +
    + +
  • + Private +
    +

    Description

    +

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

    -

    Method

    selectIndex

    -
    -
    -

    Parameters

    -
      -
    • -
      index: number
      -

      the index of the selected element.

      -
    -

    Returns void

-
- -
    - -
  • Private -
    -

    Description

    Changes the display of the select on mobile devices.

    +

    Method

    +

    searchMode

    +
    +
    +

    Parameters

    +
      +
    • +
      random: string
      +
      +

      unique value for input element.

      +
      +
    • +
    +
    +

    + Returns void +

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

    Description

    +

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

    -

    Method

    selectMode

    -
    -
    -

    Parameters

    -
      -
    • -
      nativeSelectMode: boolean
      -

      parameter responsible for adding native select.

      -
    -

    Returns void

-
-
-

Generated using TypeDoc

-
\ No newline at end of file +

Method

+

selectIndex

+
+
+

Parameters

+
    +
  • +
    index: number
    +
    +

    the index of the selected element.

    +
    +
  • +
+
+

+ Returns void +

+ + + +
+
+ + +
    + +
  • + Private +
    +

    Description

    +

    Changes the display of the select on mobile devices.

    + +

    Method

    +

    selectMode

    +
    +
    +

    Parameters

    +
      +
    • +
      nativeSelectMode: boolean
      +
      +

      parameter responsible for adding native select.

      +
      +
    • +
    +
    +

    + Returns void +

    + +
  • +
+
+ +
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.checkItemStruct.html b/docs/functions/Utils.checkItemStruct.html index a261231..756b5e5 100644 --- a/docs/functions/Utils.checkItemStruct.html +++ b/docs/functions/Utils.checkItemStruct.html @@ -1,80 +1,357 @@ -checkItemStruct | cg-select
-
- -
-
-
-
- -

Function checkItemStruct

-
- +
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.clearSelect.html b/docs/functions/Utils.clearSelect.html index aae72e8..f5a17f0 100644 --- a/docs/functions/Utils.clearSelect.html +++ b/docs/functions/Utils.clearSelect.html @@ -1,86 +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

-
-
-

Generated using TypeDoc

-
\ No newline at end of file + + + + + + 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 +

    + +
  • +
+
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.createSelected.html b/docs/functions/Utils.createSelected.html index 6b1743a..ec58d35 100644 --- a/docs/functions/Utils.createSelected.html +++ b/docs/functions/Utils.createSelected.html @@ -1,86 +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

-
-
-

Generated using TypeDoc

-
\ No newline at end of file + + + + + + 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 +

    + +
  • +
+
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.customStyles.html b/docs/functions/Utils.customStyles.html index 81e5ed7..7f5b738 100644 --- a/docs/functions/Utils.customStyles.html +++ b/docs/functions/Utils.customStyles.html @@ -1,82 +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

-
-
-

Generated using TypeDoc

-
\ No newline at end of file + + + + + + 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 +

    + +
  • +
+
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.customStylesFormat.html b/docs/functions/Utils.customStylesFormat.html index 8ba79fe..f0a3bca 100644 --- a/docs/functions/Utils.customStylesFormat.html +++ b/docs/functions/Utils.customStylesFormat.html @@ -1,82 +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

-
-
-

Generated using TypeDoc

-
\ No newline at end of file + + + + + + 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 +

    + +
  • +
+
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.getFormatItem.html b/docs/functions/Utils.getFormatItem.html index 854fbdd..1de90db 100644 --- a/docs/functions/Utils.getFormatItem.html +++ b/docs/functions/Utils.getFormatItem.html @@ -1,84 +1,373 @@ -getFormatItem | cg-select
-
- -
-
-
-
- -

Function getFormatItem

-
- +
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.getSelectText.html b/docs/functions/Utils.getSelectText.html index 9fc1ca3..c4b077f 100644 --- a/docs/functions/Utils.getSelectText.html +++ b/docs/functions/Utils.getSelectText.html @@ -1,84 +1,387 @@ -getSelectText | cg-select
-
- -
-
-
-
- -

Function getSelectText

-
- +
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.nativeOptionMultiple.html b/docs/functions/Utils.nativeOptionMultiple.html index f9d1ab8..2c30dc4 100644 --- a/docs/functions/Utils.nativeOptionMultiple.html +++ b/docs/functions/Utils.nativeOptionMultiple.html @@ -1,86 +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

-
-
-

Generated using TypeDoc

-
\ No newline at end of file + + + + + + 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 +

    + +
  • +
+
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/functions/Utils.nativeOptionOrdinary.html b/docs/functions/Utils.nativeOptionOrdinary.html index 7f0fa36..f137a6a 100644 --- a/docs/functions/Utils.nativeOptionOrdinary.html +++ b/docs/functions/Utils.nativeOptionOrdinary.html @@ -1,82 +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

-
-
-

Generated using TypeDoc

-
\ No newline at end of file + + + + + + 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 +

    + +
  • +
+
+
+ +
+
+

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 index 3a54eb1..909a72b 100644 --- a/docs/functions/components_create_element_create_element.createBreadCrumb.html +++ b/docs/functions/components_create_element_create_element.createBreadCrumb.html @@ -1,87 +1,366 @@ -createBreadCrumb | cg-select
-
- -
-
-
- -
- +
+
+ +
+
+

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 index 64dfbc6..c8c2a64 100644 --- a/docs/functions/components_create_element_create_element.createInputSearch.html +++ b/docs/functions/components_create_element_create_element.createInputSearch.html @@ -1,79 +1,338 @@ -createInputSearch | cg-select
-
- -
-
-
- -
- +
+
+ +
+
+

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 index 45b1e0f..340b746 100644 --- a/docs/functions/components_create_element_create_element.createNativeSelect.html +++ b/docs/functions/components_create_element_create_element.createNativeSelect.html @@ -1,68 +1,315 @@ -createNativeSelect | cg-select
-
- -
-
-
- -
- +
+
+ +
+
+

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 index 579db2f..46124b9 100644 --- a/docs/functions/components_create_element_create_element.createNativeSelectOption.html +++ b/docs/functions/components_create_element_create_element.createNativeSelectOption.html @@ -1,68 +1,316 @@ -createNativeSelectOption | cg-select
-
- -
-
-
- -
- +
+
+ +
+
+

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 +

    + +
  • +
+
+
+ +
+
+

Generated using TypeDoc

+
+
+ + + diff --git a/docs/index.html b/docs/index.html index d6891b8..510c223 100644 --- a/docs/index.html +++ b/docs/index.html @@ -8,6 +8,7 @@ + @@ -34,6 +35,7 @@
  • The search index is not available
  • Home + Go to CGSelect
    CG-SELECT - -

    version ~ 0.2.1

    +
    +

    version ~ 0.2.32

    This component allows you to create a custom select. It offers more flexible @@ -137,7 +139,7 @@ >

    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',
    ],
    }); +
    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',
    ],
    });
    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 @@ -220,10 +226,8 @@

    History

    -

    - 16.12.2022 - release version 0.1.0!
    - 00.00.2023 - upgrade to version 0.2.1 -

    +

    16.12.2022 - release version 0.1.0!

    +

    20.01.2023 - upgrade to version 0.2.1

    @@ -387,44 +307,49 @@