Update 0.2.32
This commit is contained in:
MaxOvs19
commit
11473e288a
23
CHANGELOG.md
23
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.
|
- Fixed display of the example page on mobile devices.
|
||||||
- Updated documentation!
|
- Updated documentation!
|
||||||
|
|
||||||
### 00.00.2023 - update 0.2.1
|
### 20.01.2023 - update 0.2.1
|
||||||
|
|
||||||
- All select rewritten to ts.
|
- All select rewritten to ts.
|
||||||
- Fixed bugs and shortcomings.
|
- 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.
|
||||||
|
|||||||
@ -1,161 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Class: DropDown</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Class: DropDown</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<header>
|
|
||||||
<h2>
|
|
||||||
<span class="attribs"><span class="type-signature"></span></span>DropDown<span
|
|
||||||
class="signature"
|
|
||||||
>(options)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div class="class-description">Описание класса DropDown</div>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<div class="container-overview">
|
|
||||||
<h2>Constructor</h2>
|
|
||||||
|
|
||||||
<h4 class="name" id="DropDown">
|
|
||||||
<span class="type-signature"></span>new DropDown<span class="signature"
|
|
||||||
>(options)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Этот класс реализовывает функционал кастомного селекта, с возможностями кастомизации.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-author">Author:</dt>
|
|
||||||
<dd class="tag-author">
|
|
||||||
<ul>
|
|
||||||
<li>Овсяников Максим</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line14">line 14</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="subsection-title">Members</h3>
|
|
||||||
|
|
||||||
<h4 class="name" id="indexes">
|
|
||||||
<span class="type-signature"></span>indexes<span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Геттер возвращающий индексы выбранных элемента(ов) селекта</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line70">line 70</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="value">
|
|
||||||
<span class="type-signature"></span>value<span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Геттер возвращающий выбранные элемент(ы) селекта</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line61">line 61</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 20:30:19 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,266 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Class: Конструктор класса DropDown</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/descriptionOptions.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Class: Конструктор класса DropDown</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<header>
|
|
||||||
<h2>
|
|
||||||
<span class="attribs"><span class="type-signature"></span></span>Конструктор класса
|
|
||||||
DropDown<span class="signature">(options)</span><span class="type-signature"></span>
|
|
||||||
</h2>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<div class="container-overview">
|
|
||||||
<h4 class="name" id="Конструктор класса DropDown">
|
|
||||||
<span class="type-signature"></span>new Конструктор класса DropDown<span
|
|
||||||
class="signature"
|
|
||||||
>(options)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Конструктор принимает объект и рендерит селект.</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>options</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">Объект принимающий настройки селекта</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line74">line 74</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Example</h5>
|
|
||||||
|
|
||||||
<pre class="prettyprint"><code>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,
|
|
||||||
}</code></pre>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
|
|
||||||
<h4>Описание всех параметров селекта</h4>
|
|
||||||
<section>
|
|
||||||
<ul class="descriptionOptions">
|
|
||||||
<li>
|
|
||||||
<strong>selector</strong> - <strong>*обязательный параметр(индефикатор)</strong>,
|
|
||||||
который задаеться при создании селекта.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>selected</strong> - необязательный параметр, в который передается элемент
|
|
||||||
который будет выбран изначально в селекте.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>placeholder</strong> - необязательный параметр, в который передается текст
|
|
||||||
плейсхолдера селекта.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>items</strong> -
|
|
||||||
<strong
|
|
||||||
>*обязательный параметр(эсли не указан другой способ получения данных (url))</strong
|
|
||||||
>, это массив елементов, которые будут отображаться в селекте при выборе.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>darkTheme</strong> - необязательный параметр, который отвечает за включение
|
|
||||||
светлой/темной темы по умолчанию, стоит темная тема(darkTheme == true).
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>searchMode</strong> - необязательный параметр, который добавляет живой поиск
|
|
||||||
по элеметам селекта.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>closeOnSelect</strong> - необязательный параметр, который отвечает за
|
|
||||||
поведения селекта при открытии, если closeOnSelect: false, тогда при выборе елемента в
|
|
||||||
селекте закрытия не происходит, и можно выбрать другой элемент по умолчанию,
|
|
||||||
closeOnSelect:true.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>nativeSelectMode</strong> - необязательный параметр, который отвечает за
|
|
||||||
поведения селекта при открытии на мобильных усторйствах, если nativeSelectMode: false,
|
|
||||||
тогда на мобильном устройстве будет отображаться и работать дефолтное поведение как на
|
|
||||||
десктопной версии, а если nativeSelectMode: true, то на мобильном устройстве будет
|
|
||||||
отображаться нативный селект из HTML 5;
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>listDisplayMode</strong> - необязательный параметр, который отвечает за
|
|
||||||
поведения селекта при открытии, если listDisplayMode: false, тогда лист с выбором
|
|
||||||
опции отображаться как обычный выпадающий список. Если listDisplayMode: true, то лист
|
|
||||||
с выбором опции будет отображаться как модальное окно.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>language</strong> - необязательный параметр, отвечающий за локализацию
|
|
||||||
некоторых текстовых элементов. по умолчанию стоит 'en'. Можно добавить свою
|
|
||||||
локализацию, с помощью функции <a href="global.html#addLanguage">addLanguage()</a>,
|
|
||||||
передав туда объект с полями для текста.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>event</strong> - необязательный параметр, который отвечает за поведения
|
|
||||||
селекта, передавая в этот параметр, евент по типу 'mouseenter', селект будет
|
|
||||||
открываться при наведении.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>url</strong> -
|
|
||||||
<strong
|
|
||||||
>*обязательный параметр(эсли не указан другой способ получения данных
|
|
||||||
(items)),</strong
|
|
||||||
>
|
|
||||||
htylthbn данные которые приходят с бекэнда в формате {id:"", title: "", value: ""}.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>multiselect</strong> - необязательный параметр, который отвечает за поведения
|
|
||||||
селекта, добавляет возможность выбирать несколько элементов. Выбранные элементы
|
|
||||||
отрисовываются как обычный текст, через запятую.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>multiselectTag</strong> - необязательный параметр, который отвечает за
|
|
||||||
поведения селекта, для него,
|
|
||||||
<strong>***работает только в месте с подключением multiselect.</strong>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<strong>styles</strong> - необязательный параметр, который отвечает за кастомизацию
|
|
||||||
элементов селекта, в него передаются обьекты с CSS свойствами для кастомизируемых
|
|
||||||
элементов.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 20:30:19 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,205 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Source: create-element.js</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Source: create-element.js</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<article>
|
|
||||||
<pre
|
|
||||||
class="prettyprint source linenums"
|
|
||||||
><code>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;
|
|
||||||
}
|
|
||||||
</code></pre>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 20:13:59 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 116 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 114 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 120 KiB |
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
Before Width: | Height: | Size: 117 KiB |
Binary file not shown.
@ -1,924 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Global</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Global</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<header>
|
|
||||||
<h2></h2>
|
|
||||||
</header>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<div class="container-overview">
|
|
||||||
<dl class="details"></dl>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="subsection-title">Members</h3>
|
|
||||||
|
|
||||||
<h4 class="name" id="init">
|
|
||||||
<span class="type-signature">(protected) </span>#init<span
|
|
||||||
class="type-signature"
|
|
||||||
></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Приватный метод. Общая инициализация селекта. Получение настоек и преобразвание
|
|
||||||
элементов селекта.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line272">line 272</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Example</h5>
|
|
||||||
|
|
||||||
<pre class="prettyprint"><code>{
|
|
||||||
selector: '.cg-dropdown_one',
|
|
||||||
placeholder: 'Выберите авто',
|
|
||||||
items: [
|
|
||||||
'BMW',
|
|
||||||
{
|
|
||||||
id: '213sade',
|
|
||||||
title: 'Opel',
|
|
||||||
value: 1,
|
|
||||||
},
|
|
||||||
'Mersedes',
|
|
||||||
'MAN',
|
|
||||||
'max',
|
|
||||||
],
|
|
||||||
darkTheme: true,
|
|
||||||
multiselect: true,
|
|
||||||
multiselectTag: true,
|
|
||||||
}</code></pre>
|
|
||||||
|
|
||||||
<h3 class="subsection-title">Methods</h3>
|
|
||||||
|
|
||||||
<h4 class="name" id="addOptionsBehaviour">
|
|
||||||
<span class="type-signature">(protected) </span>#addOptionsBehaviour<span
|
|
||||||
class="signature"
|
|
||||||
>()</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Метод реализовывающий выбор элементов в разных режимах.
|
|
||||||
Обычный/Мультиселект/Мультиселект + Мультиселект Таг.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line606">line 606</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="checkTheme">
|
|
||||||
<span class="type-signature">(protected) </span>#checkTheme<span class="signature"
|
|
||||||
>()</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Изменяет цветовую схему с темной на светлую.</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line479">line 479</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="close">
|
|
||||||
<span class="type-signature">(protected) </span>#close<span class="signature">()</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Закрывает список</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line595">line 595</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="closeSelectClick">
|
|
||||||
<span class="type-signature">(protected) </span>#closeSelectClick<span class="signature"
|
|
||||||
>()</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Закрывает список по клику вне элемента</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line800">line 800</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="displayMode">
|
|
||||||
<span class="type-signature">(protected) </span>#displayMode<span class="signature"
|
|
||||||
>(listDisplayMode)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Изменяет отображение листа с выбором в виде модального окна.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>listDisplayMode</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">boolean</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
параметр отвечающий за отображение выбора в виде модального окна.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-select.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line895">line 895</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="selectMode">
|
|
||||||
<span class="type-signature">(protected) </span>#selectMode<span class="signature"
|
|
||||||
>(nativeSelectMode)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Изменяет отображение селекта на мобильных устройствах</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>nativeSelectMode</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">boolean</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
параметр отвечающий за добавления нативного селекта.
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-select.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line864">line 864</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="initEvent">
|
|
||||||
<span class="type-signature">(protected) </span>#initEvent<span class="signature"
|
|
||||||
>()</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Открывает и закрывает список по переданному эвенту</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line776">line 776</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="initSelected">
|
|
||||||
<span class="type-signature">(protected) </span>#initSelected<span class="signature"
|
|
||||||
>(select)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Отрисовывает и стилизует селект</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>select</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
необязательный елемент. Используется в методе selectIndex
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line341">line 341</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="open">
|
|
||||||
<span class="type-signature">(protected) </span>#open<span class="signature"
|
|
||||||
>(oneClick)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Открывает список для выбора элемента</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>oneClick</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">boolean</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
необязательный параметр передаваемый из функции buttonControl
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line578">line 578</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="render">
|
|
||||||
<span class="type-signature">(protected) </span>#render<span class="signature"
|
|
||||||
>(select)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Рендер елементов в селекте.</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>select</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
необязательный елемент. Передаеться в метод initSelected
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line379">line 379</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="renderUrl">
|
|
||||||
<span class="type-signature">(protected) </span>#renderUrl<span class="signature"
|
|
||||||
>()</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Рендер елементов в селекте переданных с URL и их настойка</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line508">line 508</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="searchMode">
|
|
||||||
<span class="type-signature">(protected) </span>#searchMode<span class="signature"
|
|
||||||
>(random)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Метод который реализует поиск элементов в селекте</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>random</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">уникальное значение для input элемента.</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line726">line 726</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="addItem">
|
|
||||||
<span class="type-signature"></span>addItem<span class="signature">(item)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
добавляет переданный элемент в конец списка и перерисовывает список. Не может
|
|
||||||
использоваться при передачи элементов с категорями
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>item</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
|
|
|
||||||
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">добавляемый елемент</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line123">line 123</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="addLenguage">
|
|
||||||
<span class="type-signature"></span>addLanguage<span class="signature">(language)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
метод позволяющий заменить плейсхолдер в поиске и текст который выводится если нет
|
|
||||||
результата
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>language</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
объект в котором находятся поля для подключения языка имеет два обязательных поля
|
|
||||||
placeholder, textInListSearch
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line249">line 249</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="buttonControl">
|
|
||||||
<span class="type-signature"></span>buttonControl<span class="signature"
|
|
||||||
>(button, method)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Метод позволяющий открывать/закрывать селект с помощью кнопок
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>button</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">HTMLInputElement</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">HTML кнопка</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>method</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">метод открытия open/close</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line229">line 229</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="deleteItem">
|
|
||||||
<span class="type-signature"></span>deleteItem<span class="signature">(index)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
удаляет елемент по индексу из списка и перерисовывает его. Не может использоваться при
|
|
||||||
передачи элементов с категорями.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>index</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">number</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">индекс удаляемого элемента</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line145">line 145</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="deleteItemAll">
|
|
||||||
<span class="type-signature"></span>deleteItemAll<span class="signature">()</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">удаляет все елементы из списка и перерисовывает его.</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line163">line 163</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="disabled">
|
|
||||||
<span class="type-signature"></span>disabled<span class="signature">(value)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Метод позволяющий переключать состояние селекта disabled,</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>value</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">boolean</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
Передаваемый параметр для добавления атрибута disabled;
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line208">line 208</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="getElement">
|
|
||||||
<span class="type-signature"></span>getElement<span class="signature">(numberItem)</span
|
|
||||||
><span class="type-signature"> → {HTMLElement}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Метод экземпляра класса DropDown</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>numberItem</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">number</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">номер возвращаемого элемента</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-dropdown.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line195">line 195</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">возвращает ссылку на выбранный HTML элемент</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id="selectIndex">
|
|
||||||
<span class="type-signature"></span>selectIndex<span class="signature">(index)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
выбирает элемент который будет изначально отрисовываться в селекте
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>index</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">number</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">индекс выбранного элемента</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="cg-dropdown.js.html">cg-select.js</a>,
|
|
||||||
<a href="cg-dropdown.js.html#line173">line 173</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 20:30:19 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,108 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Home</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Home</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<h2>CG-SELECT</h2>
|
|
||||||
<a href="/example/index.html">-- Вернуться к примеру --</a>
|
|
||||||
<p>
|
|
||||||
Этот компонент предлагает более гибкую настройку и использование селекта. Так же
|
|
||||||
реализованны методы взаимодействия с селектом.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h5>Для создания компонета нужно:</h5>
|
|
||||||
<ul>
|
|
||||||
<li>Создать button елемент</li>
|
|
||||||
<li>Присвоить ему класс cg-dropdown</li>
|
|
||||||
<li>Присвоить ему уникальный класс, например(cg-dropdown_categories)</li>
|
|
||||||
<li>Создать новый экземпляр класса(new DropDown)</li>
|
|
||||||
<li>Передать все желаемые настройки как объект</li>
|
|
||||||
</ul>
|
|
||||||
<p>
|
|
||||||
<strong>*Все настройки можно посмореть в вкладке</strong>
|
|
||||||
<a href="constructor.html">Конструктор класса</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<h5>Доступна возможность кастомизации основных элементов, таких как:</h5>
|
|
||||||
<ul>
|
|
||||||
<li>Кнопка селекта</li>
|
|
||||||
<li>Список c элементами селекта</li>
|
|
||||||
<li>Placeholder</li>
|
|
||||||
<li>При режиме мультиселект доступна кастомизация chips(выбранных эл-ов)</li>
|
|
||||||
<li>Label элемента(если он был указан)</li>
|
|
||||||
<li>Переключение тем с темной на светлую</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 20:30:19 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,669 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Module: util;</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Module: Utils</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<header></header>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<div class="container-overview">
|
|
||||||
<div class="description">
|
|
||||||
В этом модуле представленны функции которые переиспользуются в классе селекта или в
|
|
||||||
других модулях. Он создан для лучшего понимания кода.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line1">line 1</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="subsection-title">Methods</h3>
|
|
||||||
|
|
||||||
<h4 class="name" id=".checkItemStruct">
|
|
||||||
<span class="type-signature">(static) </span>checkItemStruct<span class="signature"
|
|
||||||
>(item)</span
|
|
||||||
><span class="type-signature"> → {boolean}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Проверка содержит ли item указанные свойства,</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>item</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">проверяемый на определенную структуру элемент</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line78">line 78</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">возвращает true/false если item содержит указанные свойства</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">boolean</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".clearSelect">
|
|
||||||
<span class="type-signature">(static) </span>clearSelect<span class="signature"
|
|
||||||
>(select, element, dataSelectText)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Создание кнопки отчиски селекта, при единичном выборе.</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>select</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">место в селекте которое будет переназначено на ''.</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>element</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">экземпляр класса DropDown.</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>dataSelectText</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">текст который отрисовывается в селекте.</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line174">line 174</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".createSelected">
|
|
||||||
<span class="type-signature">(static) </span>createSelected<span class="signature"
|
|
||||||
>(element, content, styles)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Создание кнопки выбора элементов</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>element</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">созданный экземпляр класса DropDown</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>content</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">placeholer передаваемый из настроек селекта</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>styles</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
не обязательный параметр. Объект в котором находяться настройки кастомизации
|
|
||||||
частей селекта
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line12">line 12</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".customStyles">
|
|
||||||
<span class="type-signature">(static) </span>customStyles<span class="signature"
|
|
||||||
>(element, styles)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Поиск и стилизация елементов полученных из styles экземпляра DropDown
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>element</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">созданный экземпляр класса DropDown</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>styles</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
объект в котором находяться настройки кастомизации частей селекта
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line39">line 39</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".customStylesFormat">
|
|
||||||
<span class="type-signature">(static) </span>customStylesFormat<span class="signature"
|
|
||||||
>(elemOption, selector)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Универсальный метод для стилизации селекта</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>elemOption</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
объект полученное из объекта styles у которого мы получаем ключ-значение стилей
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>selector</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">HTMLElement подвергающиеся кастомизации</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line65">line 65</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".getFormatItem">
|
|
||||||
<span class="type-signature">(static) </span>getFormatItem<span class="signature"
|
|
||||||
>(dataItem, index)</span
|
|
||||||
><span class="type-signature"> → {object}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Преобразование каждого елемента полученного из поля Items;</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>dataItem</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
|
|
|
||||||
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
полученный елемент переданный при создании селекта может быть как object/string
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>index</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">number</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">индекс этого элемента</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line111">line 111</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">возвращает сформированный объект</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".getSelectText">
|
|
||||||
<span class="type-signature">(static) </span>getSelectText<span class="signature"
|
|
||||||
>(data, select)</span
|
|
||||||
><span class="type-signature"> → {HTMLElement}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Вставка изначального текста селекта(до выбора)</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>data</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">объект в котором находяться title селекта</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>select</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">елемент селекта, куда будет вставляться title</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line92">line 92</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">возвращает сформированный елемент селекта</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".nativeOptionMultiple">
|
|
||||||
<span class="type-signature">(static) </span>nativeOptionMultiple<span class="signature"
|
|
||||||
>(element, item, condition)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Поведение нативного(Multiple) селекта при выборе в кастомном
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>element</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">NodeList</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">NodeList нативного селекта</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>item</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">выбранный элемент в кастомном селекте</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>condition</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">boolean</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
специальный флаг при котором добавляются/убераются атрибуты у нативного селекта
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line152">line 152</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".nativeOptionOrdinary">
|
|
||||||
<span class="type-signature">(static) </span>nativeOptionOrdinary<span class="signature"
|
|
||||||
>(element, item)</span
|
|
||||||
><span class="type-signature"></span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">
|
|
||||||
Поведение нативного(одинарного) селекта при выборе кастомного
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>element</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">NodeList</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">NodeList нативного селекта</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>item</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">выбранный элемент в кастомном селекте</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="utils.js.html">utils.js</a>, <a href="utils.js.html#line137">line 137</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 18:07:14 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,312 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Module: createElementChips</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Module: createBreadcrumb</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<header></header>
|
|
||||||
|
|
||||||
<article>
|
|
||||||
<div class="container-overview">
|
|
||||||
<div class="description">
|
|
||||||
В этом модуле представленны функции используемые в классе селекта. Модуль предназначен
|
|
||||||
для выноса важной логики селекта и удобства использования.
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="subsection-title">Methods</h3>
|
|
||||||
|
|
||||||
<h4 class="name" id=".createBreadcrumb">
|
|
||||||
<span class="type-signature">(static) </span>createBreadcrumb<span class="signature"
|
|
||||||
>(data, title, index, id)</span
|
|
||||||
><span class="type-signature"> → {HTMLElement}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Метод который создает и отвечает за поведение chips</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>data</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">object</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
объект в котором содержатся настройки и элементы селекта
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>title</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">имя выбранного элемента для отрисовки chips</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>index</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">number</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">индекс выбранного элемента для отрисовки chips</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>id</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">уникальное id выбранного элемента</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="create-element.js.html">create-element.js</a>,
|
|
||||||
<a href="create-element.js.html#line14">line 14</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">возвращает сформированный HTMLElement chips item</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">HTMLElement</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".createInputSearch">
|
|
||||||
<span class="type-signature">(static) </span>createInputSearch<span class="signature"
|
|
||||||
>(random, lenguage)</span
|
|
||||||
><span class="type-signature"> → {HTMLInputElement}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Метод который создает поиск элементов в селекте</div>
|
|
||||||
|
|
||||||
<h5>Parameters:</h5>
|
|
||||||
|
|
||||||
<table class="params">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Name</th>
|
|
||||||
|
|
||||||
<th>Type</th>
|
|
||||||
|
|
||||||
<th class="last">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>random</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">уникальное значение для input элемента.</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="name"><code>lenguage</code></td>
|
|
||||||
|
|
||||||
<td class="type">
|
|
||||||
<span class="param-type">string</span>
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td class="description last">
|
|
||||||
текст на определенном языке переданный из файла language.js
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="create-element.js.html">create-element.js</a>,
|
|
||||||
<a href="create-element.js.html#line103">line 103</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">Возвращает сформированный input елемент.</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">HTMLInputElement</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".createNativeSelect">
|
|
||||||
<span class="type-signature">(static) </span>createNativeSelect<span class="signature"
|
|
||||||
>()</span
|
|
||||||
><span class="type-signature"> → {HTMLSelectElement}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Метод который создает нативный селект</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="create-element.js.html">create-element.js</a>,
|
|
||||||
<a href="create-element.js.html#line78">line 78</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">Возвращает созданный нативный селект</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">HTMLSelectElement</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h4 class="name" id=".createNativeSelectOption">
|
|
||||||
<span class="type-signature">(static) </span>createNativeSelectOption<span
|
|
||||||
class="signature"
|
|
||||||
>()</span
|
|
||||||
><span class="type-signature"> → {HTMLOptionElement}</span>
|
|
||||||
</h4>
|
|
||||||
|
|
||||||
<div class="description">Метод который создает Options для нативного селекта</div>
|
|
||||||
|
|
||||||
<dl class="details">
|
|
||||||
<dt class="tag-source">Source:</dt>
|
|
||||||
<dd class="tag-source">
|
|
||||||
<ul class="dummy">
|
|
||||||
<li>
|
|
||||||
<a href="create-element.js.html">create-element.js</a>,
|
|
||||||
<a href="create-element.js.html#line90">line 90</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
<h5>Returns:</h5>
|
|
||||||
|
|
||||||
<div class="param-desc">Возвращает созданные Options нативного селекта</div>
|
|
||||||
|
|
||||||
<dl>
|
|
||||||
<dt>Type</dt>
|
|
||||||
<dd>
|
|
||||||
<span class="param-type">HTMLOptionElement</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 20:13:59 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -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';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})();
|
|
||||||
@ -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.
|
|
||||||
@ -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"]);
|
|
||||||
@ -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;c<i;++c){var j=f[c];if(/\\[bdsw]/i.test(j))a.push(j);else{var j=m(j),d;c+2<i&&"-"===f[c+1]?(d=m(f[c+2]),c+=2):d=j;b.push([j,d]);d<65||j>122||(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;c<b.length;++c)i=b[c],i[0]<=j[1]+1?j[1]=Math.max(j[1],i[1]):f.push(j=i);b=["["];o&&b.push("^");b.push.apply(b,a);for(c=0;c<
|
|
||||||
f.length;++c)i=f[c],b.push(e(i[0])),i[1]>i[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<b;++c){var j=f[c];j==="("?++i:"\\"===j.charAt(0)&&(j=+j.substring(1))&&j<=i&&(d[j]=-1)}for(c=1;c<d.length;++c)-1===d[c]&&(d[c]=++t);for(i=c=0;c<b;++c)j=f[c],j==="("?(++i,d[i]===void 0&&(f[c]="(?:")):"\\"===j.charAt(0)&&
|
|
||||||
(j=+j.substring(1))&&j<=i&&(f[c]="\\"+d[i]);for(i=c=0;c<b;++c)"^"===f[c]&&"^"!==f[c+1]&&(f[c]="");if(a.ignoreCase&&s)for(c=0;c<b;++c)j=f[c],a=j.charAt(0),j.length>=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<d;++p){var g=a[p];if(g.ignoreCase)l=!0;else if(/[a-z]/i.test(g.source.replace(/\\u[\da-f]{4}|\\x[\da-f]{2}|\\[^UXux]/gi,""))){s=!0;l=!1;break}}for(var r=
|
|
||||||
{b:8,t:9,n:10,v:11,f:12,r:13},n=[],p=0,d=a.length;p<d;++p){g=a[p];if(g.global||g.multiline)throw Error(""+g);n.push("(?:"+y(g)+")")}return RegExp(n.join("|"),l?"gi":"g")}function M(a){function m(a){switch(a.nodeType){case 1:if(e.test(a.className))break;for(var g=a.firstChild;g;g=g.nextSibling)m(g);g=a.nodeName;if("BR"===g||"LI"===g)h[s]="\n",t[s<<1]=y++,t[s++<<1|1]=a;break;case 3:case 4:g=a.nodeValue,g.length&&(g=p?g.replace(/\r\n?/g,"\n"):g.replace(/[\t\n\r ]+/g," "),h[s]=g,t[s<<1]=y,y+=g.length,
|
|
||||||
t[s++<<1|1]=a)}}var e=/(?:^|\s)nocode(?:\s|$)/,h=[],y=0,t=[],s=0,l;a.currentStyle?l=a.currentStyle.whiteSpace:window.getComputedStyle&&(l=document.defaultView.getComputedStyle(a,q).getPropertyValue("white-space"));var p=l&&"pre"===l.substring(0,3);m(a);return{a:h.join("").replace(/\n$/,""),c:t}}function B(a,m,e,h){m&&(a={a:m,d:a},e(a),h.push.apply(h,a.e))}function x(a,m){function e(a){for(var l=a.d,p=[l,"pln"],d=0,g=a.a.match(y)||[],r={},n=0,z=g.length;n<z;++n){var f=g[n],b=r[f],o=void 0,c;if(typeof b===
|
|
||||||
"string")c=!1;else{var i=h[f.charAt(0)];if(i)o=f.match(i[1]),b=i[0];else{for(c=0;c<t;++c)if(i=m[c],o=f.match(i[1])){b=i[0];break}o||(b="pln")}if((c=b.length>=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<g;++d){var r=e[d],n=r[3];if(n)for(var k=n.length;--k>=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<d.length;++g)e(d[g]);m===(m|0)&&d[0].setAttribute("value",
|
|
||||||
m);var r=s.createElement("OL");r.className="linenums";for(var n=Math.max(0,m-1|0)||0,g=0,z=d.length;g<z;++g)l=d[g],l.className="L"+(g+n)%10,l.firstChild||l.appendChild(s.createTextNode("\xa0")),r.appendChild(l);a.appendChild(r)}function k(a,m){for(var e=m.length;--e>=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*</.test(m)?"default-markup":"default-code";return A[a]}function E(a){var m=
|
|
||||||
a.g;try{var e=M(a.h),h=e.a;a.a=h;a.c=e.c;a.d=0;C(m,h)(a);var k=/\bMSIE\b/.test(navigator.userAgent),m=/\n/g,t=a.a,s=t.length,e=0,l=a.c,p=l.length,h=0,d=a.e,g=d.length,a=0;d[g]=s;var r,n;for(n=r=0;n<g;)d[n]!==d[n+2]?(d[r++]=d[n++],d[r++]=d[n++]):n+=2;g=r;for(n=r=0;n<g;){for(var z=d[n],f=d[n+1],b=n+2;b+2<=g&&d[b+1]===f;)b+=2;d[r++]=z;d[r++]=f;n=b}for(d.length=r;h<p;){var o=l[h+2]||s,c=d[a+2]||s,b=Math.min(o,c),i=l[h+1],j;if(i.nodeType!==1&&(j=t.substring(e,b))){k&&(j=j.replace(m,"\r"));i.nodeValue=
|
|
||||||
j;var u=i.ownerDocument,v=u.createElement("SPAN");v.className=d[a+1];var x=i.parentNode;x.replaceChild(v,i);v.appendChild(i);e<o&&(l[h+1]=i=u.createTextNode(t.substring(b,o)),x.insertBefore(i,v.nextSibling))}e=b;e>=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",/^[^<?]+/],["dec",/^<!\w[^>]*(?:>|$)/],["com",/^<\!--[\S\s]*?(?:--\>|$)/],["lang-",/^<\?([\S\s]+?)(?:\?>|$)/],["lang-",/^<%([\S\s]+?)(?:%>|$)/],["pun",/^(?:<[%?]|[%?]>)/],["lang-",/^<xmp\b[^>]*>([\S\s]+?)<\/xmp\b[^>]*>/i],["lang-js",/^<script\b[^>]*>([\S\s]*?)(<\/script\b[^>]*>)/i],["lang-css",/^<style\b[^>]*>([\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<h.length&&l.now()<e;p++){var n=h[p],k=n.className;if(k.indexOf("prettyprint")>=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<h.length?setTimeout(m,
|
|
||||||
250):a&&a()}for(var e=[document.getElementsByTagName("pre"),document.getElementsByTagName("code"),document.getElementsByTagName("xmp")],h=[],k=0;k<e.length;++k)for(var t=0,s=e[k].length;t<s;++t)h.push(e[k][t]);var e=q,l=Date;l.now||(l={now:function(){return+new Date}});var p=0,d,g=/\blang(?:uage)?-([\w.]+)(?!\S)/;m()};window.PR={createSimpleLexer:x,registerLangHandler:k,sourceDecorator:u,PR_ATTRIB_NAME:"atn",PR_ATTRIB_VALUE:"atv",PR_COMMENT:"com",PR_DECLARATION:"dec",PR_KEYWORD:"kwd",PR_LITERAL:"lit",
|
|
||||||
PR_NOCODE:"nocode",PR_PLAIN:"pln",PR_PUNCTUATION:"pun",PR_SOURCE:"src",PR_STRING:"str",PR_TAG:"tag",PR_TYPE:"typ"}})();
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
.descriptionOptions li {
|
|
||||||
margin-top: 15px;
|
|
||||||
}
|
|
||||||
@ -1,358 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: 'Open Sans';
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
src: url('../fonts/OpenSans-Regular-webfont.eot');
|
|
||||||
src:
|
|
||||||
local('Open Sans'),
|
|
||||||
local('OpenSans'),
|
|
||||||
url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
|
|
||||||
url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Open Sans Light';
|
|
||||||
font-weight: normal;
|
|
||||||
font-style: normal;
|
|
||||||
src: url('../fonts/OpenSans-Light-webfont.eot');
|
|
||||||
src:
|
|
||||||
local('Open Sans Light'),
|
|
||||||
local('OpenSans Light'),
|
|
||||||
url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
|
|
||||||
url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
|
|
||||||
}
|
|
||||||
|
|
||||||
html
|
|
||||||
{
|
|
||||||
overflow: auto;
|
|
||||||
background-color: #fff;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body
|
|
||||||
{
|
|
||||||
font-family: 'Open Sans', sans-serif;
|
|
||||||
line-height: 1.5;
|
|
||||||
color: #4d4e53;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
a, a:visited, a:active {
|
|
||||||
color: #0095dd;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
header
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
padding: 0px 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
tt, code, kbd, samp {
|
|
||||||
font-family: Consolas, Monaco, 'Andale Mono', monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
.class-description {
|
|
||||||
font-size: 130%;
|
|
||||||
line-height: 140%;
|
|
||||||
margin-bottom: 1em;
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.class-description:empty {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#main {
|
|
||||||
float: left;
|
|
||||||
width: 70%;
|
|
||||||
}
|
|
||||||
|
|
||||||
article dl {
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
article img {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
section
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
background-color: #fff;
|
|
||||||
padding: 12px 24px;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
margin-right: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.variation {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.signature-attributes {
|
|
||||||
font-size: 60%;
|
|
||||||
color: #aaa;
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: lighter;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
float: right;
|
|
||||||
margin-top: 28px;
|
|
||||||
width: 30%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border-left: 1px solid #ccc;
|
|
||||||
padding-left: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav ul {
|
|
||||||
font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
|
|
||||||
font-size: 100%;
|
|
||||||
line-height: 17px;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
list-style-type: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav ul a, nav ul a:visited, nav ul a:active {
|
|
||||||
font-family: Consolas, Monaco, 'Andale Mono', monospace;
|
|
||||||
line-height: 18px;
|
|
||||||
color: #4D4E53;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav h3 {
|
|
||||||
margin-top: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav li {
|
|
||||||
margin-top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
display: block;
|
|
||||||
padding: 6px;
|
|
||||||
margin-top: 12px;
|
|
||||||
font-style: italic;
|
|
||||||
font-size: 90%;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4 {
|
|
||||||
font-weight: 200;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1
|
|
||||||
{
|
|
||||||
font-family: 'Open Sans Light', sans-serif;
|
|
||||||
font-size: 48px;
|
|
||||||
letter-spacing: -2px;
|
|
||||||
margin: 12px 24px 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2, h3.subsection-title
|
|
||||||
{
|
|
||||||
font-size: 30px;
|
|
||||||
font-weight: 700;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3
|
|
||||||
{
|
|
||||||
font-size: 24px;
|
|
||||||
letter-spacing: -0.5px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4
|
|
||||||
{
|
|
||||||
font-size: 18px;
|
|
||||||
letter-spacing: -0.33px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
color: #4d4e53;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5, .container-overview .subsection-title
|
|
||||||
{
|
|
||||||
font-size: 120%;
|
|
||||||
font-weight: bold;
|
|
||||||
letter-spacing: -0.01em;
|
|
||||||
margin: 8px 0 3px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6
|
|
||||||
{
|
|
||||||
font-size: 100%;
|
|
||||||
letter-spacing: -0.01em;
|
|
||||||
margin: 6px 0 3px 0;
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
table
|
|
||||||
{
|
|
||||||
border-spacing: 0;
|
|
||||||
border: 0;
|
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
|
|
||||||
td, th
|
|
||||||
{
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
margin: 0px;
|
|
||||||
text-align: left;
|
|
||||||
vertical-align: top;
|
|
||||||
padding: 4px 6px;
|
|
||||||
display: table-cell;
|
|
||||||
}
|
|
||||||
|
|
||||||
thead tr
|
|
||||||
{
|
|
||||||
background-color: #ddd;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
th { border-right: 1px solid #aaa; }
|
|
||||||
tr > 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;
|
|
||||||
}
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
@ -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 {
|
|
||||||
/* */ }
|
|
||||||
@ -1,309 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<title>JSDoc: Source: utils.js</title>
|
|
||||||
|
|
||||||
<script src="scripts/prettify/prettify.js"></script>
|
|
||||||
<script src="scripts/prettify/lang-css.js"></script>
|
|
||||||
<!--[if lt IE 9]>
|
|
||||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
||||||
<![endif]-->
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css" />
|
|
||||||
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="main">
|
|
||||||
<h1 class="page-title">Source: utils.js</h1>
|
|
||||||
|
|
||||||
<section>
|
|
||||||
<article>
|
|
||||||
<pre class="prettyprint source linenums"><code>/**
|
|
||||||
* 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');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</code></pre>
|
|
||||||
</article>
|
|
||||||
</section>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<h2><a href="index.html">Home</a></h2>
|
|
||||||
<h3>Classes</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="DropDown.html">DropDown</a></li>
|
|
||||||
<li>
|
|
||||||
<a href="constructor.html">Конструктор класса DropDown</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<h3>Modules</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="module-Utils.html">Utils</a></li>
|
|
||||||
<li><a href="module-createElementChips.html">createElementChips</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Private methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addOptionsBehaviour">#addOptionsBehaviour</a></li>
|
|
||||||
<li><a href="global.html#close">#close</a></li>
|
|
||||||
<li><a href="global.html#checkTheme">#checkTheme</a></li>
|
|
||||||
<li><a href="global.html#closeSelectClick">#closeSelectClick</a></li>
|
|
||||||
<li><a href="global.html#init">#init</a></li>
|
|
||||||
<li><a href="global.html#initEvent">#initEvent</a></li>
|
|
||||||
<li><a href="global.html#initSelected">#initSelected</a></li>
|
|
||||||
<li><a href="global.html#open">#open</a></li>
|
|
||||||
<li><a href="global.html#render">#render</a></li>
|
|
||||||
<li><a href="global.html#renderUrl">#renderUrl</a></li>
|
|
||||||
<li><a href="global.html#searchMode">#searchMode</a></li>
|
|
||||||
<li><a href="global.html#displayMode">#displayMode</a></li>
|
|
||||||
<li><a href="global.html#selectMode">#selectMode</a></li>
|
|
||||||
</ul>
|
|
||||||
<h3>Public methods</h3>
|
|
||||||
<ul>
|
|
||||||
<li><a href="global.html#addLanguage">addLanguage</a></li>
|
|
||||||
<li><a href="global.html#addItem">addItem</a></li>
|
|
||||||
<li><a href="global.html#buttonControl">buttonControl</a></li>
|
|
||||||
<li><a href="global.html#deleteItem">deleteItem</a></li>
|
|
||||||
<li><a href="global.html#deleteItemAll">deleteItemAll</a></li>
|
|
||||||
<li><a href="global.html#disabled">disabled</a></li>
|
|
||||||
<li><a href="global.html#getElement">getElement</a></li>
|
|
||||||
<li><a href="global.html#selectIndex">selectIndex</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<br class="clear" />
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.11</a> on Wed
|
|
||||||
Oct 19 2022 18:07:14 GMT+0300 (Moscow Standard Time)
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
prettyPrint();
|
|
||||||
</script>
|
|
||||||
<script src="scripts/linenumber.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,6 +1,6 @@
|
|||||||
# CG-SELECT
|
# 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.
|
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.
|
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.
|
### An example of creating a regular select.
|
||||||
|
|
||||||
```javascript
|
```javascript
|
||||||
import { CGSelect } from 'cg-select';
|
import CGSelect from 'cg-select';
|
||||||
|
|
||||||
const dropdown = new CGSelect({
|
const dropdown = new CGSelect({
|
||||||
selector: '.cg-dropdown_selector',
|
selector: '.cg-dropdown_selector',
|
||||||
@ -73,6 +73,8 @@ Same working example -- https://cg-select.itguild.info/
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
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.
|
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
|
**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
|
## History
|
||||||
|
|
||||||
16.12.2022 - release version 0.1.0!
|
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
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@ -1,80 +1,357 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>checkItemStruct | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>checkItemStruct | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.checkItemStruct.html">checkItemStruct</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function checkItemStruct</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="checkItemStruct">check<wbr/>Item<wbr/>Struct<span class="tsd-signature-symbol">(</span>item<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><a href="#checkItemStruct" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Checking if item contains the specified properties.</p>
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li><a href="Utils.checkItemStruct.html">checkItemStruct</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function checkItemStruct</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="checkItemStruct">
|
||||||
|
check<wbr />Item<wbr />Struct<span class="tsd-signature-symbol">(</span>item<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">object</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">boolean</span
|
||||||
|
><a href="#checkItemStruct" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Checking if item contains the specified properties.</p>
|
||||||
|
|
||||||
<h3>Returns</h3><p>returns true/false if item contains the specified properties.</p>
|
<h3>Returns</h3>
|
||||||
</div>
|
<p>returns true/false if item contains the specified properties.</p>
|
||||||
<div class="tsd-parameters">
|
</div>
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
<div class="tsd-parameters">
|
||||||
<ul class="tsd-parameter-list">
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
<li>
|
<ul class="tsd-parameter-list">
|
||||||
<h5>item: <span class="tsd-signature-type">object</span></h5>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>element to be checked against a certain structure.</p>
|
<h5>item: <span class="tsd-signature-type">object</span></h5>
|
||||||
</div></li></ul></div>
|
<div class="tsd-comment tsd-typography">
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
|
<p>element to be checked against a certain structure.</p>
|
||||||
<ul>
|
</div>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L60">components/utils/utils.ts:60</a></li></ul></aside></li></ul></section></div>
|
</li>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
</ul>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<h4 class="tsd-returns-title">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
Returns <span class="tsd-signature-type">boolean</span>
|
||||||
<div class="tsd-accordion-details">
|
</h4>
|
||||||
<div class="tsd-filter-visibility">
|
<aside class="tsd-sources">
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<ul>
|
||||||
<ul id="tsd-filter-options">
|
<li>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
Defined in
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L60"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
>components/utils/utils.ts:60</a
|
||||||
<div class="tsd-theme-toggle">
|
>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</li>
|
||||||
<nav class="tsd-navigation primary">
|
</ul>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
</aside>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
</li>
|
||||||
<div class="tsd-accordion-details">
|
</ul>
|
||||||
<ul>
|
</section>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</div>
|
||||||
<ul>
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<div class="tsd-navigation settings">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<details class="tsd-index-accordion">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<summary class="tsd-accordion-summary">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<h3>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<path
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
fill="var(--color-text)"
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
></path>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</svg>
|
||||||
<ul>
|
Settings
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
</h3>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
</summary>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
<div class="tsd-accordion-details">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
<div class="tsd-filter-visibility">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
<form>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
<ul id="tsd-filter-options">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
<li class="tsd-filter-item">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
<label class="tsd-filter-input"
|
||||||
<div class="container tsd-generator">
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
width="32"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,86 +1,382 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>clearSelect | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>clearSelect | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.clearSelect.html">clearSelect</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function clearSelect</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="clearSelect">clear<wbr/>Select<span class="tsd-signature-symbol">(</span>select<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span>, dataSelectText<span class="tsd-signature-symbol">: </span><a href="../interfaces/components_utils_urils_interface.ISelectedItems.html" class="tsd-signature-type" data-tsd-kind="Interface">ISelectedItems</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#clearSelect" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Creating a clear select button, with a single selection.</p>
|
<path
|
||||||
</div>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<div class="tsd-parameters">
|
fill="var(--color-text)"
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
></path></svg></label
|
||||||
<ul class="tsd-parameter-list">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>
|
</div>
|
||||||
<h5>select: <span class="tsd-signature-type">HTMLElement</span></h5>
|
<div class="field">
|
||||||
<div class="tsd-comment tsd-typography"><p>place in the select that will be reassigned to ''.</p>
|
<div id="tsd-toolbar-links"></div>
|
||||||
</div></li>
|
</div>
|
||||||
<li>
|
<ul class="results">
|
||||||
<h5>element: <span class="tsd-signature-type">Element</span></h5>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-comment tsd-typography"><p>class instance CgSelect.</p>
|
<li class="state failure">The search index is not available</li>
|
||||||
</div></li>
|
</ul>
|
||||||
<li>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<h5>dataSelectText: <a href="../interfaces/components_utils_urils_interface.ISelectedItems.html" class="tsd-signature-type" data-tsd-kind="Interface">ISelectedItems</a></h5>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<div class="tsd-comment tsd-typography"><p>the text that is rendered in the select.</p>
|
</div>
|
||||||
</div></li></ul></div>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
<a
|
||||||
<ul>
|
href="#"
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L105">components/utils/utils.ts:105</a></li></ul></aside></li></ul></section></div>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
data-toggle="menu"
|
||||||
<div class="tsd-navigation settings">
|
aria-label="Menu"
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-filter-visibility">
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
></a>
|
||||||
<ul id="tsd-filter-options">
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</header>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<div class="col-8 col-content">
|
||||||
<div class="tsd-theme-toggle">
|
<div class="tsd-page-title">
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<ul class="tsd-breadcrumb">
|
||||||
<nav class="tsd-navigation primary">
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<li><a href="Utils.clearSelect.html">clearSelect</a></li>
|
||||||
<div class="tsd-accordion-details">
|
</ul>
|
||||||
<ul>
|
<h1>Function clearSelect</h1>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</div>
|
||||||
<ul>
|
<section class="tsd-panel">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<li class="tsd-signature tsd-anchor-link" id="clearSelect">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
clear<wbr />Select<span class="tsd-signature-symbol">(</span>select<span
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
>: </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
><span class="tsd-signature-type">HTMLElement</span>, element<span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
>: </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
><span class="tsd-signature-type">Element</span>, dataSelectText<span
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
class="tsd-signature-symbol"
|
||||||
<ul>
|
>: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
><a
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
class="tsd-signature-type"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
data-tsd-kind="Interface"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
>ISelectedItems</a
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
><span class="tsd-signature-symbol">)</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
><span class="tsd-signature-symbol">: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
><span class="tsd-signature-type">void</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
><a href="#clearSelect" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
<div class="container tsd-generator">
|
><svg
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
class="icon icon-tabler icon-tabler-link"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Creating a clear select button, with a single selection.</p>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-parameters">
|
||||||
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
|
<ul class="tsd-parameter-list">
|
||||||
|
<li>
|
||||||
|
<h5>select: <span class="tsd-signature-type">HTMLElement</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>place in the select that will be reassigned to ''.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>element: <span class="tsd-signature-type">Element</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>class instance CgSelect.</p></div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>
|
||||||
|
dataSelectText:
|
||||||
|
<a
|
||||||
|
href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>ISelectedItems</a
|
||||||
|
>
|
||||||
|
</h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>the text that is rendered in the select.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-returns-title">
|
||||||
|
Returns <span class="tsd-signature-type">void</span>
|
||||||
|
</h4>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L106"
|
||||||
|
>components/utils/utils.ts:106</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,86 +1,388 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>createSelected | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>createSelected | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.createSelected.html">createSelected</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function createSelected</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="createSelected">create<wbr/>Selected<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span>, content<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, styles<span class="tsd-signature-symbol">?: </span><a href="../interfaces/interfaces_cg_select_interface.IStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">IStyle</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#createSelected" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Creating an Item Selector Button.</p>
|
<path
|
||||||
</div>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<div class="tsd-parameters">
|
fill="var(--color-text)"
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
></path></svg></label
|
||||||
<ul class="tsd-parameter-list">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>
|
</div>
|
||||||
<h5>element: <span class="tsd-signature-type">Element</span></h5>
|
<div class="field">
|
||||||
<div class="tsd-comment tsd-typography"><p>instantiated class CgSelect.</p>
|
<div id="tsd-toolbar-links"></div>
|
||||||
</div></li>
|
</div>
|
||||||
<li>
|
<ul class="results">
|
||||||
<h5><code class="tsd-tag ts-flagOptional">Optional</code> content: <span class="tsd-signature-type">string</span></h5>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-comment tsd-typography"><p>placeholer passed from select settings.</p>
|
<li class="state failure">The search index is not available</li>
|
||||||
</div></li>
|
</ul>
|
||||||
<li>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<h5><code class="tsd-tag ts-flagOptional">Optional</code> styles: <a href="../interfaces/interfaces_cg_select_interface.IStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">IStyle</a></h5>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<div class="tsd-comment tsd-typography"><p>optional parameter. The object in which the settings for customizing parts of the select are located.</p>
|
</div>
|
||||||
</div></li></ul></div>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
<a
|
||||||
<ul>
|
href="#"
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L74">components/utils/utils.ts:74</a></li></ul></aside></li></ul></section></div>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
data-toggle="menu"
|
||||||
<div class="tsd-navigation settings">
|
aria-label="Menu"
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-filter-visibility">
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
></a>
|
||||||
<ul id="tsd-filter-options">
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</header>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<div class="col-8 col-content">
|
||||||
<div class="tsd-theme-toggle">
|
<div class="tsd-page-title">
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<ul class="tsd-breadcrumb">
|
||||||
<nav class="tsd-navigation primary">
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<li><a href="Utils.createSelected.html">createSelected</a></li>
|
||||||
<div class="tsd-accordion-details">
|
</ul>
|
||||||
<ul>
|
<h1>Function createSelected</h1>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</div>
|
||||||
<ul>
|
<section class="tsd-panel">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<li class="tsd-signature tsd-anchor-link" id="createSelected">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
create<wbr />Selected<span class="tsd-signature-symbol">(</span>element<span
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
>: </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
><span class="tsd-signature-type">Element</span>, content<span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
>?: </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
><span class="tsd-signature-type">string</span>, styles<span
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
class="tsd-signature-symbol"
|
||||||
<ul>
|
>?: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
><a
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
href="../interfaces/interfaces_cg_select_interface.IStyle.html"
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
class="tsd-signature-type"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
data-tsd-kind="Interface"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
>IStyle</a
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
><span class="tsd-signature-symbol">)</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
><span class="tsd-signature-symbol">: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
><span class="tsd-signature-type">void</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
><a href="#createSelected" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
<div class="container tsd-generator">
|
><svg
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
class="icon icon-tabler icon-tabler-link"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Creating an Item Selector Button.</p></div>
|
||||||
|
<div class="tsd-parameters">
|
||||||
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
|
<ul class="tsd-parameter-list">
|
||||||
|
<li>
|
||||||
|
<h5>element: <span class="tsd-signature-type">Element</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>instantiated class CgSelect.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> content:
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>placeholer passed from select settings.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> styles:
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_cg_select_interface.IStyle.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>IStyle</a
|
||||||
|
>
|
||||||
|
</h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>
|
||||||
|
optional parameter. The object in which the settings for customizing parts
|
||||||
|
of the select are located.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-returns-title">
|
||||||
|
Returns <span class="tsd-signature-type">void</span>
|
||||||
|
</h4>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L74"
|
||||||
|
>components/utils/utils.ts:74</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,82 +1,375 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>customStyles | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>customStyles | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.customStyles.html">customStyles</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function customStyles</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="customStyles">custom<wbr/>Styles<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span>, styles<span class="tsd-signature-symbol">: </span><a href="../interfaces/interfaces_cg_select_interface.IStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">IStyle</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#customStyles" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Finding and styling elements derived from the styles instance CgSelect</p>
|
<path
|
||||||
</div>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<div class="tsd-parameters">
|
fill="var(--color-text)"
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
></path></svg></label
|
||||||
<ul class="tsd-parameter-list">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>
|
</div>
|
||||||
<h5>element: <span class="tsd-signature-type">Element</span></h5>
|
<div class="field">
|
||||||
<div class="tsd-comment tsd-typography"><p>instantiated class CgSelect.</p>
|
<div id="tsd-toolbar-links"></div>
|
||||||
</div></li>
|
</div>
|
||||||
<li>
|
<ul class="results">
|
||||||
<h5>styles: <a href="../interfaces/interfaces_cg_select_interface.IStyle.html" class="tsd-signature-type" data-tsd-kind="Interface">IStyle</a></h5>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-comment tsd-typography"><p>object in which there are settings for customizing parts of the select.</p>
|
<li class="state failure">The search index is not available</li>
|
||||||
</div></li></ul></div>
|
</ul>
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<ul>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L211">components/utils/utils.ts:211</a></li></ul></aside></li></ul></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<div class="tsd-navigation settings">
|
<a
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
href="#"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<div class="tsd-accordion-details">
|
data-toggle="menu"
|
||||||
<div class="tsd-filter-visibility">
|
aria-label="Menu"
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<ul id="tsd-filter-options">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
></a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</div>
|
||||||
<div class="tsd-theme-toggle">
|
</div>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</header>
|
||||||
<nav class="tsd-navigation primary">
|
<div class="container container-main">
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<div class="col-8 col-content">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<div class="tsd-page-title">
|
||||||
<div class="tsd-accordion-details">
|
<ul class="tsd-breadcrumb">
|
||||||
<ul>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
<ul>
|
<li><a href="Utils.customStyles.html">customStyles</a></li>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<h1>Function customStyles</h1>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<section class="tsd-panel">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<li class="tsd-signature tsd-anchor-link" id="customStyles">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
custom<wbr />Styles<span class="tsd-signature-symbol">(</span>element<span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
>: </span
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
><span class="tsd-signature-type">Element</span>, styles<span
|
||||||
<ul>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
>: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
><a
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
href="../interfaces/interfaces_cg_select_interface.IStyle.html"
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
class="tsd-signature-type"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
data-tsd-kind="Interface"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
>IStyle</a
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
><span class="tsd-signature-symbol">)</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
><span class="tsd-signature-symbol">: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
><span class="tsd-signature-type">void</span
|
||||||
<div class="container tsd-generator">
|
><a href="#customStyles" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
><svg
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Finding and styling elements derived from the styles instance CgSelect</p>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-parameters">
|
||||||
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
|
<ul class="tsd-parameter-list">
|
||||||
|
<li>
|
||||||
|
<h5>element: <span class="tsd-signature-type">Element</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>instantiated class CgSelect.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>
|
||||||
|
styles:
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_cg_select_interface.IStyle.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>IStyle</a
|
||||||
|
>
|
||||||
|
</h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>object in which there are settings for customizing parts of the select.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-returns-title">
|
||||||
|
Returns <span class="tsd-signature-type">void</span>
|
||||||
|
</h4>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L217"
|
||||||
|
>components/utils/utils.ts:217</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,82 +1,364 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>customStylesFormat | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>customStylesFormat | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.customStylesFormat.html">customStylesFormat</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function customStylesFormat</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="customStylesFormat">custom<wbr/>Styles<wbr/>Format<span class="tsd-signature-symbol">(</span>elemOption<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span>, selector<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#customStylesFormat" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Generic Method for Styling a Select.</p>
|
<path
|
||||||
</div>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<div class="tsd-parameters">
|
fill="var(--color-text)"
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
></path></svg></label
|
||||||
<ul class="tsd-parameter-list">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>
|
</div>
|
||||||
<h5>elemOption: <span class="tsd-signature-type">object</span></h5>
|
<div class="field">
|
||||||
<div class="tsd-comment tsd-typography"><p>an object obtained from the styles object from which we get the styles key-value.</p>
|
<div id="tsd-toolbar-links"></div>
|
||||||
</div></li>
|
</div>
|
||||||
<li>
|
<ul class="results">
|
||||||
<h5>selector: <span class="tsd-signature-type">any</span></h5>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-comment tsd-typography"><p>HTMLElement subject to customization.</p>
|
<li class="state failure">The search index is not available</li>
|
||||||
</div></li></ul></div>
|
</ul>
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<ul>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L231">components/utils/utils.ts:231</a></li></ul></aside></li></ul></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<div class="tsd-navigation settings">
|
<a
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
href="#"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<div class="tsd-accordion-details">
|
data-toggle="menu"
|
||||||
<div class="tsd-filter-visibility">
|
aria-label="Menu"
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<ul id="tsd-filter-options">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
></a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</div>
|
||||||
<div class="tsd-theme-toggle">
|
</div>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</header>
|
||||||
<nav class="tsd-navigation primary">
|
<div class="container container-main">
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<div class="col-8 col-content">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<div class="tsd-page-title">
|
||||||
<div class="tsd-accordion-details">
|
<ul class="tsd-breadcrumb">
|
||||||
<ul>
|
<li><a href="../modules.html">All mobiles</a></li>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
<ul>
|
<li><a href="Utils.customStylesFormat.html">customStylesFormat</a></li>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<h1>Function customStylesFormat</h1>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<section class="tsd-panel">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<li class="tsd-signature tsd-anchor-link" id="customStylesFormat">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
custom<wbr />Styles<wbr />Format<span class="tsd-signature-symbol">(</span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
>elemOption<span class="tsd-signature-symbol">: </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
><span class="tsd-signature-type">object</span>, selector<span
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
class="tsd-signature-symbol"
|
||||||
<ul>
|
>: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
><span class="tsd-signature-symbol">: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
><span class="tsd-signature-type">void</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
><a href="#customStylesFormat" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
><svg
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
class="icon icon-tabler icon-tabler-link"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
viewBox="0 0 24 24"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
stroke-width="2"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
stroke="currentColor"
|
||||||
<div class="container tsd-generator">
|
fill="none"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
stroke-linecap="round"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Generic Method for Styling a Select.</p>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-parameters">
|
||||||
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
|
<ul class="tsd-parameter-list">
|
||||||
|
<li>
|
||||||
|
<h5>elemOption: <span class="tsd-signature-type">object</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>
|
||||||
|
an object obtained from the styles object from which we get the styles
|
||||||
|
key-value.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>selector: <span class="tsd-signature-type">any</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>HTMLElement subject to customization.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-returns-title">
|
||||||
|
Returns <span class="tsd-signature-type">void</span>
|
||||||
|
</h4>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L237"
|
||||||
|
>components/utils/utils.ts:237</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,84 +1,373 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>getFormatItem | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>getFormatItem | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.getFormatItem.html">getFormatItem</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function getFormatItem</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="getFormatItem">get<wbr/>Format<wbr/>Item<span class="tsd-signature-symbol">(</span>dataItem<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="../interfaces/interfaces_items_interface.IItems.html" class="tsd-signature-type" data-tsd-kind="Interface">IItems</a><a href="#getFormatItem" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Converting each item obtained from the Items field;</p>
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All mobiles</a></li>
|
||||||
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li><a href="Utils.getFormatItem.html">getFormatItem</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function getFormatItem</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="getFormatItem">
|
||||||
|
get<wbr />Format<wbr />Item<span class="tsd-signature-symbol">(</span>dataItem<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">any</span>, index<span class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">number</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><a
|
||||||
|
href="../interfaces/interfaces_items_interface.IItems.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>IItems</a
|
||||||
|
><a href="#getFormatItem" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Converting each item obtained from the Items field;</p>
|
||||||
|
|
||||||
<h3>Returns</h3><p>returns the formed object</p>
|
<h3>Returns</h3>
|
||||||
</div>
|
<p>returns the formed object</p>
|
||||||
<div class="tsd-parameters">
|
</div>
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
<div class="tsd-parameters">
|
||||||
<ul class="tsd-parameter-list">
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
<li>
|
<ul class="tsd-parameter-list">
|
||||||
<h5>dataItem: <span class="tsd-signature-type">any</span></h5>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>received element passed when creating the select.</p>
|
<h5>dataItem: <span class="tsd-signature-type">any</span></h5>
|
||||||
</div></li>
|
<div class="tsd-comment tsd-typography">
|
||||||
<li>
|
<p>received element passed when creating the select.</p>
|
||||||
<h5>index: <span class="tsd-signature-type">number</span></h5>
|
</div>
|
||||||
<div class="tsd-comment tsd-typography"><p>index of this element.</p>
|
</li>
|
||||||
</div></li></ul></div>
|
<li>
|
||||||
<h4 class="tsd-returns-title">Returns <a href="../interfaces/interfaces_items_interface.IItems.html" class="tsd-signature-type" data-tsd-kind="Interface">IItems</a></h4><aside class="tsd-sources">
|
<h5>index: <span class="tsd-signature-type">number</span></h5>
|
||||||
<ul>
|
<div class="tsd-comment tsd-typography"><p>index of this element.</p></div>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L15">components/utils/utils.ts:15</a></li></ul></aside></li></ul></section></div>
|
</li>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
</ul>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<h4 class="tsd-returns-title">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
Returns
|
||||||
<div class="tsd-accordion-details">
|
<a
|
||||||
<div class="tsd-filter-visibility">
|
href="../interfaces/interfaces_items_interface.IItems.html"
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
class="tsd-signature-type"
|
||||||
<ul id="tsd-filter-options">
|
data-tsd-kind="Interface"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
>IItems</a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
</h4>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<aside class="tsd-sources">
|
||||||
<div class="tsd-theme-toggle">
|
<ul>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<li>
|
||||||
<nav class="tsd-navigation primary">
|
Defined in
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<a
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L15"
|
||||||
<div class="tsd-accordion-details">
|
>components/utils/utils.ts:15</a
|
||||||
<ul>
|
>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</li>
|
||||||
<ul>
|
</ul>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
</aside>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
</li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
</section>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<div class="tsd-navigation settings">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<details class="tsd-index-accordion">
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<summary class="tsd-accordion-summary">
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
<h3>
|
||||||
<ul>
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
<path
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
fill="var(--color-text)"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
></path>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
</svg>
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
Settings
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
</h3>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
</summary>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
<div class="tsd-accordion-details">
|
||||||
<div class="container tsd-generator">
|
<div class="tsd-filter-visibility">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,84 +1,387 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>getSelectText | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>getSelectText | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.getSelectText.html">getSelectText</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function getSelectText</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="getSelectText">get<wbr/>Select<wbr/>Text<span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../interfaces/components_utils_urils_interface.ISelectedItems.html" class="tsd-signature-type" data-tsd-kind="Interface">ISelectedItems</a>, select<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><a href="#getSelectText" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Insert initial select text (before selection)</p>
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All mobiles</a></li>
|
||||||
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li><a href="Utils.getSelectText.html">getSelectText</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function getSelectText</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="getSelectText">
|
||||||
|
get<wbr />Select<wbr />Text<span class="tsd-signature-symbol">(</span>data<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><a
|
||||||
|
href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>ISelectedItems</a
|
||||||
|
>, select<span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">undefined</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">null</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">HTMLElement</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">HTMLElement</span
|
||||||
|
><a href="#getSelectText" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Insert initial select text (before selection)</p>
|
||||||
|
|
||||||
<h3>Returns</h3><p>returns the generated select element.</p>
|
<h3>Returns</h3>
|
||||||
</div>
|
<p>returns the generated select element.</p>
|
||||||
<div class="tsd-parameters">
|
</div>
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
<div class="tsd-parameters">
|
||||||
<ul class="tsd-parameter-list">
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
<li>
|
<ul class="tsd-parameter-list">
|
||||||
<h5>data: <a href="../interfaces/components_utils_urils_interface.ISelectedItems.html" class="tsd-signature-type" data-tsd-kind="Interface">ISelectedItems</a></h5>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>the object in which the title of the select is located.</p>
|
<h5>
|
||||||
</div></li>
|
data:
|
||||||
<li>
|
<a
|
||||||
<h5>select: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span></h5>
|
href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
|
||||||
<div class="tsd-comment tsd-typography"><p>select element where title will be inserted.</p>
|
class="tsd-signature-type"
|
||||||
</div></li></ul></div>
|
data-tsd-kind="Interface"
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLElement</span></h4><aside class="tsd-sources">
|
>ISelectedItems</a
|
||||||
<ul>
|
>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L38">components/utils/utils.ts:38</a></li></ul></aside></li></ul></section></div>
|
</h5>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="tsd-comment tsd-typography">
|
||||||
<div class="tsd-navigation settings">
|
<p>the object in which the title of the select is located.</p>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
</li>
|
||||||
<div class="tsd-accordion-details">
|
<li>
|
||||||
<div class="tsd-filter-visibility">
|
<h5>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
select: <span class="tsd-signature-type">undefined</span
|
||||||
<ul id="tsd-filter-options">
|
><span class="tsd-signature-symbol"> | </span
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
><span class="tsd-signature-type">null</span
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
><span class="tsd-signature-symbol"> | </span
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
><span class="tsd-signature-type">HTMLElement</span>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</h5>
|
||||||
<div class="tsd-theme-toggle">
|
<div class="tsd-comment tsd-typography">
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<p>select element where title will be inserted.</p>
|
||||||
<nav class="tsd-navigation primary">
|
</div>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
</li>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
</ul>
|
||||||
<div class="tsd-accordion-details">
|
</div>
|
||||||
<ul>
|
<h4 class="tsd-returns-title">
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
Returns <span class="tsd-signature-type">HTMLElement</span>
|
||||||
<ul>
|
</h4>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<aside class="tsd-sources">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
Defined in
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<a
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L38"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
>components/utils/utils.ts:38</a
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
>
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</li>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</ul>
|
||||||
<ul>
|
</aside>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
</li>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
</section>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
</div>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
<div class="tsd-navigation settings">
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
<details class="tsd-index-accordion">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
<summary class="tsd-accordion-summary">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
<h3>
|
||||||
<div class="container tsd-generator">
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<path
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,86 +1,381 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>nativeOptionMultiple | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>nativeOptionMultiple | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.nativeOptionMultiple.html">nativeOptionMultiple</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function nativeOptionMultiple</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="nativeOptionMultiple">native<wbr/>Option<wbr/>Multiple<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">NodeListOf</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">></span>, item<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, condition<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#nativeOptionMultiple" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>The behavior of the native (Multiple) select when choosing in a custom one.</p>
|
<path
|
||||||
</div>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<div class="tsd-parameters">
|
fill="var(--color-text)"
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
></path></svg></label
|
||||||
<ul class="tsd-parameter-list">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>
|
</div>
|
||||||
<h5>element: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">NodeListOf</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">></span></h5>
|
<div class="field">
|
||||||
<div class="tsd-comment tsd-typography"><p>NodeList of native select.</p>
|
<div id="tsd-toolbar-links"></div>
|
||||||
</div></li>
|
</div>
|
||||||
<li>
|
<ul class="results">
|
||||||
<h5>item: <span class="tsd-signature-type">string</span></h5>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-comment tsd-typography"><p>selected element in custom select.</p>
|
<li class="state failure">The search index is not available</li>
|
||||||
</div></li>
|
</ul>
|
||||||
<li>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<h5>condition: <span class="tsd-signature-type">boolean</span></h5>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<div class="tsd-comment tsd-typography"><p>a special flag that adds / removes attributes from the native select.</p>
|
</div>
|
||||||
</div></li></ul></div>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
<a
|
||||||
<ul>
|
href="#"
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L186">components/utils/utils.ts:186</a></li></ul></aside></li></ul></section></div>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
data-toggle="menu"
|
||||||
<div class="tsd-navigation settings">
|
aria-label="Menu"
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-filter-visibility">
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
></a>
|
||||||
<ul id="tsd-filter-options">
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</header>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<div class="col-8 col-content">
|
||||||
<div class="tsd-theme-toggle">
|
<div class="tsd-page-title">
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<ul class="tsd-breadcrumb">
|
||||||
<nav class="tsd-navigation primary">
|
<li><a href="../modules.html">All mobiles</a></li>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<li><a href="Utils.nativeOptionMultiple.html">nativeOptionMultiple</a></li>
|
||||||
<div class="tsd-accordion-details">
|
</ul>
|
||||||
<ul>
|
<h1>Function nativeOptionMultiple</h1>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</div>
|
||||||
<ul>
|
<section class="tsd-panel">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<li class="tsd-signature tsd-anchor-link" id="nativeOptionMultiple">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
native<wbr />Option<wbr />Multiple<span class="tsd-signature-symbol">(</span
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
>element<span class="tsd-signature-symbol">: </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
><span class="tsd-signature-type">undefined</span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
><span class="tsd-signature-symbol"> | </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
><span class="tsd-signature-type">NodeListOf</span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
><span class="tsd-signature-symbol"><</span
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
><span class="tsd-signature-type">Element</span
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
><span class="tsd-signature-symbol">></span>, item<span
|
||||||
<ul>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
>: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
><span class="tsd-signature-type">string</span>, condition<span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
>: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
><span class="tsd-signature-type">boolean</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
><span class="tsd-signature-symbol">)</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
><span class="tsd-signature-symbol">: </span
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
><span class="tsd-signature-type">void</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
><a href="#nativeOptionMultiple" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
<div class="container tsd-generator">
|
><svg
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
class="icon icon-tabler icon-tabler-link"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>The behavior of the native (Multiple) select when choosing in a custom one.</p>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-parameters">
|
||||||
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
|
<ul class="tsd-parameter-list">
|
||||||
|
<li>
|
||||||
|
<h5>
|
||||||
|
element: <span class="tsd-signature-type">undefined</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">NodeListOf</span
|
||||||
|
><span class="tsd-signature-symbol"><</span
|
||||||
|
><span class="tsd-signature-type">Element</span
|
||||||
|
><span class="tsd-signature-symbol">></span>
|
||||||
|
</h5>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>NodeList of native select.</p></div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>item: <span class="tsd-signature-type">string</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>selected element in custom select.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>condition: <span class="tsd-signature-type">boolean</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>a special flag that adds / removes attributes from the native select.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-returns-title">
|
||||||
|
Returns <span class="tsd-signature-type">void</span>
|
||||||
|
</h4>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L192"
|
||||||
|
>components/utils/utils.ts:192</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,82 +1,372 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>nativeOptionOrdinary | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>nativeOptionOrdinary | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/Utils.html">Utils</a></li>
|
</script>
|
||||||
<li><a href="Utils.nativeOptionOrdinary.html">nativeOptionOrdinary</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function nativeOptionOrdinary</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="nativeOptionOrdinary">native<wbr/>Option<wbr/>Ordinary<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">NodeListOf</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">></span>, item<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#nativeOptionOrdinary" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>Behavior of a native (single) select when choosing a custom one.</p>
|
<path
|
||||||
</div>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<div class="tsd-parameters">
|
fill="var(--color-text)"
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
></path></svg></label
|
||||||
<ul class="tsd-parameter-list">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>
|
</div>
|
||||||
<h5>element: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">NodeListOf</span><span class="tsd-signature-symbol"><</span><span class="tsd-signature-type">Element</span><span class="tsd-signature-symbol">></span></h5>
|
<div class="field">
|
||||||
<div class="tsd-comment tsd-typography"><p>NodeList native select.</p>
|
<div id="tsd-toolbar-links"></div>
|
||||||
</div></li>
|
</div>
|
||||||
<li>
|
<ul class="results">
|
||||||
<h5>item: <span class="tsd-signature-type">string</span></h5>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-comment tsd-typography"><p>selected element in custom select.</p>
|
<li class="state failure">The search index is not available</li>
|
||||||
</div></li></ul></div>
|
</ul>
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<ul>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L171">components/utils/utils.ts:171</a></li></ul></aside></li></ul></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<div class="tsd-navigation settings">
|
<a
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
href="#"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<div class="tsd-accordion-details">
|
data-toggle="menu"
|
||||||
<div class="tsd-filter-visibility">
|
aria-label="Menu"
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<ul id="tsd-filter-options">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
></a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</div>
|
||||||
<div class="tsd-theme-toggle">
|
</div>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</header>
|
||||||
<nav class="tsd-navigation primary">
|
<div class="container container-main">
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<div class="col-8 col-content">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<div class="tsd-page-title">
|
||||||
<div class="tsd-accordion-details">
|
<ul class="tsd-breadcrumb">
|
||||||
<ul>
|
<li><a href="../modules.html">All mobiles</a></li>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<li><a href="../modules/Utils.html">Utils</a></li>
|
||||||
<ul>
|
<li><a href="Utils.nativeOptionOrdinary.html">nativeOptionOrdinary</a></li>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<h1>Function nativeOptionOrdinary</h1>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<section class="tsd-panel">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<li class="tsd-signature tsd-anchor-link" id="nativeOptionOrdinary">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
native<wbr />Option<wbr />Ordinary<span class="tsd-signature-symbol">(</span
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
>element<span class="tsd-signature-symbol">: </span
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
><span class="tsd-signature-type">undefined</span
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
><span class="tsd-signature-symbol"> | </span
|
||||||
<ul>
|
><span class="tsd-signature-type">NodeListOf</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
><span class="tsd-signature-symbol"><</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
><span class="tsd-signature-type">Element</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
><span class="tsd-signature-symbol">></span>, item<span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
class="tsd-signature-symbol"
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
>: </span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
><span class="tsd-signature-type">string</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
><span class="tsd-signature-symbol">)</span
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
><span class="tsd-signature-symbol">: </span
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
><span class="tsd-signature-type">void</span
|
||||||
<div class="container tsd-generator">
|
><a href="#nativeOptionOrdinary" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
><svg
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Behavior of a native (single) select when choosing a custom one.</p>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-parameters">
|
||||||
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
|
<ul class="tsd-parameter-list">
|
||||||
|
<li>
|
||||||
|
<h5>
|
||||||
|
element: <span class="tsd-signature-type">undefined</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">NodeListOf</span
|
||||||
|
><span class="tsd-signature-symbol"><</span
|
||||||
|
><span class="tsd-signature-type">Element</span
|
||||||
|
><span class="tsd-signature-symbol">></span>
|
||||||
|
</h5>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>NodeList native select.</p></div>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>item: <span class="tsd-signature-type">string</span></h5>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>selected element in custom select.</p>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-returns-title">
|
||||||
|
Returns <span class="tsd-signature-type">void</span>
|
||||||
|
</h4>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L177"
|
||||||
|
>components/utils/utils.ts:177</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,87 +1,366 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>createBreadCrumb | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>createBreadCrumb | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/components_create_element_create_element.html">components/create-element/create-element</a></li>
|
</script>
|
||||||
<li><a href="components_create_element_create_element.createBreadCrumb.html">createBreadCrumb</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function createBreadCrumb</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="createBreadCrumb">create<wbr/>Bread<wbr/>Crumb<span class="tsd-signature-symbol">(</span>data<span class="tsd-signature-symbol">: </span><a href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html" class="tsd-signature-type" data-tsd-kind="Interface">ICreateBreadCrumb</a>, title<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, index<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span>, id<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLLIElement</span><a href="#createBreadCrumb" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>The method that creates and is responsible for the behavior of the chips.</p>
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="../modules/components_create_element_create_element.html">Create-element</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="components_create_element_create_element.createBreadCrumb.html"
|
||||||
|
>createBreadCrumb</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function createBreadCrumb</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="createBreadCrumb">
|
||||||
|
create<wbr />Bread<wbr />Crumb<span class="tsd-signature-symbol">(</span>data<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><a
|
||||||
|
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>ICreateBreadCrumb</a
|
||||||
|
>, title<span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">string</span>, index<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">number</span>, id<span class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">HTMLLIElement</span
|
||||||
|
><a href="#createBreadCrumb" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>The method that creates and is responsible for the behavior of the chips.</p>
|
||||||
|
|
||||||
<h3>Returns</h3><p>returns the generated HTMLElement chips item.</p>
|
<h3>Returns</h3>
|
||||||
</div>
|
<p>returns the generated HTMLElement chips item.</p>
|
||||||
<div class="tsd-parameters">
|
</div>
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
<div class="tsd-parameters">
|
||||||
<ul class="tsd-parameter-list">
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
<li>
|
<ul class="tsd-parameter-list">
|
||||||
<h5>data: <a href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html" class="tsd-signature-type" data-tsd-kind="Interface">ICreateBreadCrumb</a></h5>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>an object that contains settings and select elements.</p>
|
<h5>
|
||||||
</div></li>
|
data:
|
||||||
<li>
|
<a
|
||||||
<h5>title: <span class="tsd-signature-type">string</span></h5>
|
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
|
||||||
<div class="tsd-comment tsd-typography"><p>the name of the selected element to draw chips.</p>
|
class="tsd-signature-type"
|
||||||
</div></li>
|
data-tsd-kind="Interface"
|
||||||
<li>
|
>ICreateBreadCrumb</a
|
||||||
<h5>index: <span class="tsd-signature-type">number</span></h5>
|
>
|
||||||
<div class="tsd-comment tsd-typography"><p>index of the selected item to draw chips.</p>
|
</h5>
|
||||||
</div></li>
|
<div class="tsd-comment tsd-typography">
|
||||||
<li>
|
<p>an object that contains settings and select elements.</p>
|
||||||
<h5>id: <span class="tsd-signature-type">string</span></h5>
|
</div>
|
||||||
<div class="tsd-comment tsd-typography"><p>unique id of the selected element.</p>
|
</li>
|
||||||
</div></li></ul></div>
|
<li>
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLLIElement</span></h4><aside class="tsd-sources">
|
<h5>title: <span class="tsd-signature-type">string</span></h5>
|
||||||
<ul>
|
<div class="tsd-comment tsd-typography">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.ts#L35">components/create-element/create-element.ts:35</a></li></ul></aside></li></ul></section></div>
|
<p>the name of the selected element to draw chips.</p>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
</div>
|
||||||
<div class="tsd-navigation settings">
|
</li>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<li>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<h5>index: <span class="tsd-signature-type">number</span></h5>
|
||||||
<div class="tsd-accordion-details">
|
<div class="tsd-comment tsd-typography">
|
||||||
<div class="tsd-filter-visibility">
|
<p>index of the selected item to draw chips.</p>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</div>
|
||||||
<ul id="tsd-filter-options">
|
</li>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<li>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<h5>id: <span class="tsd-signature-type">string</span></h5>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="tsd-comment tsd-typography">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<p>unique id of the selected element.</p>
|
||||||
<div class="tsd-theme-toggle">
|
</div>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</li>
|
||||||
<nav class="tsd-navigation primary">
|
</ul>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<h4 class="tsd-returns-title">
|
||||||
<div class="tsd-accordion-details">
|
Returns <span class="tsd-signature-type">HTMLLIElement</span>
|
||||||
<ul>
|
</h4>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<aside class="tsd-sources">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
Defined in
|
||||||
<li class="current tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<a
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L35"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
>components/create-element/create-element.ts:35</a
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
</li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</aside>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</li>
|
||||||
<ul>
|
</ul>
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createBreadCrumb.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>create<wbr/>Bread<wbr/>Crumb</a></li>
|
</section>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createInputSearch.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Input<wbr/>Search</a></li>
|
</div>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select</a></li>
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelectOption.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select<wbr/>Option</a></li></ul></nav></div></div>
|
<div class="tsd-navigation settings">
|
||||||
<div class="container tsd-generator">
|
<details class="tsd-index-accordion">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<summary class="tsd-accordion-summary">
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createBreadCrumb.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>create<wbr />Bread<wbr />Crumb</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createInputSearch.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Input<wbr />Search</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelect.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelectOption.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select<wbr />Option</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,79 +1,338 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>createInputSearch | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>createInputSearch | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/components_create_element_create_element.html">components/create-element/create-element</a></li>
|
</script>
|
||||||
<li><a href="components_create_element_create_element.createInputSearch.html">createInputSearch</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function createInputSearch</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="createInputSearch">create<wbr/>Input<wbr/>Search<span class="tsd-signature-symbol">(</span>random<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, lenguage<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLInputElement</span><a href="#createInputSearch" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>The method that creates a search for elements in the select.</p>
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="../modules/components_create_element_create_element.html">Create-element</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="components_create_element_create_element.createInputSearch.html"
|
||||||
|
>createInputSearch</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function createInputSearch</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="createInputSearch">
|
||||||
|
create<wbr />Input<wbr />Search<span class="tsd-signature-symbol">(</span>random<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">string</span>, lenguage<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">HTMLInputElement</span
|
||||||
|
><a href="#createInputSearch" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>The method that creates a search for elements in the select.</p>
|
||||||
|
|
||||||
<h3>Returns</h3><p>Returns the rendered input element.</p>
|
<h3>Returns</h3>
|
||||||
</div>
|
<p>Returns the rendered input element.</p>
|
||||||
<div class="tsd-parameters">
|
</div>
|
||||||
<h4 class="tsd-parameters-title">Parameters</h4>
|
<div class="tsd-parameters">
|
||||||
<ul class="tsd-parameter-list">
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
<li>
|
<ul class="tsd-parameter-list">
|
||||||
<h5>random: <span class="tsd-signature-type">string</span></h5>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>unique value for input element.</p>
|
<h5>random: <span class="tsd-signature-type">string</span></h5>
|
||||||
</div></li>
|
<div class="tsd-comment tsd-typography">
|
||||||
<li>
|
<p>unique value for input element.</p>
|
||||||
<h5>lenguage: <span class="tsd-signature-type">string</span></h5>
|
</div>
|
||||||
<div class="tsd-comment tsd-typography"><p>text in specific language passed from language.ts file</p>
|
</li>
|
||||||
</div></li></ul></div>
|
<li>
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLInputElement</span></h4><aside class="tsd-sources">
|
<h5>lenguage: <span class="tsd-signature-type">string</span></h5>
|
||||||
<ul>
|
<div class="tsd-comment tsd-typography">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.ts#L106">components/create-element/create-element.ts:106</a></li></ul></aside></li></ul></section></div>
|
<p>text in specific language passed from language.ts file</p>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
</div>
|
||||||
<div class="tsd-navigation settings">
|
</li>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
</ul>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
</div>
|
||||||
<div class="tsd-accordion-details">
|
<h4 class="tsd-returns-title">
|
||||||
<div class="tsd-filter-visibility">
|
Returns <span class="tsd-signature-type">HTMLInputElement</span>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</h4>
|
||||||
<ul id="tsd-filter-options">
|
<aside class="tsd-sources">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<ul>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<li>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
Defined in
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<a
|
||||||
<div class="tsd-theme-toggle">
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L106"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
>components/create-element/create-element.ts:106</a
|
||||||
<nav class="tsd-navigation primary">
|
>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
</li>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
</ul>
|
||||||
<div class="tsd-accordion-details">
|
</aside>
|
||||||
<ul>
|
</li>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</ul>
|
||||||
<ul>
|
</section>
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<div class="tsd-navigation settings">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<details class="tsd-index-accordion">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<summary class="tsd-accordion-summary">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<h3>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<path
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
fill="var(--color-text)"
|
||||||
<ul>
|
></path>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createBreadCrumb.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>create<wbr/>Bread<wbr/>Crumb</a></li>
|
</svg>
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createInputSearch.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Input<wbr/>Search</a></li>
|
Settings
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select</a></li>
|
</h3>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelectOption.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select<wbr/>Option</a></li></ul></nav></div></div>
|
</summary>
|
||||||
<div class="container tsd-generator">
|
<div class="tsd-accordion-details">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<div class="tsd-filter-visibility">
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createBreadCrumb.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>create<wbr />Bread<wbr />Crumb</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createInputSearch.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Input<wbr />Search</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelect.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelectOption.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select<wbr />Option</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,68 +1,315 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>createNativeSelect | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>createNativeSelect | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/components_create_element_create_element.html">components/create-element/create-element</a></li>
|
</script>
|
||||||
<li><a href="components_create_element_create_element.createNativeSelect.html">createNativeSelect</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function createNativeSelect</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="createNativeSelect">create<wbr/>Native<wbr/>Select<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLSelectElement</span><a href="#createNativeSelect" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>The method that creates the native select.</p>
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="../modules/components_create_element_create_element.html">Create-element</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="components_create_element_create_element.createNativeSelect.html"
|
||||||
|
>createNativeSelect</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function createNativeSelect</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="createNativeSelect">
|
||||||
|
create<wbr />Native<wbr />Select<span class="tsd-signature-symbol">(</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">HTMLSelectElement</span
|
||||||
|
><a href="#createNativeSelect" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>The method that creates the native select.</p>
|
||||||
|
|
||||||
<h3>Returns</h3><p>Returns the created native select.</p>
|
<h3>Returns</h3>
|
||||||
</div>
|
<p>Returns the created native select.</p>
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLSelectElement</span></h4><aside class="tsd-sources">
|
</div>
|
||||||
<ul>
|
<h4 class="tsd-returns-title">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.ts#L8">components/create-element/create-element.ts:8</a></li></ul></aside></li></ul></section></div>
|
Returns <span class="tsd-signature-type">HTMLSelectElement</span>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
</h4>
|
||||||
<div class="tsd-navigation settings">
|
<aside class="tsd-sources">
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<ul>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<li>
|
||||||
<div class="tsd-accordion-details">
|
Defined in
|
||||||
<div class="tsd-filter-visibility">
|
<a
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L8"
|
||||||
<ul id="tsd-filter-options">
|
>components/create-element/create-element.ts:8</a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</li>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
</ul>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</aside>
|
||||||
<div class="tsd-theme-toggle">
|
</li>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</ul>
|
||||||
<nav class="tsd-navigation primary">
|
</section>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
<div class="tsd-accordion-details">
|
<div class="tsd-navigation settings">
|
||||||
<ul>
|
<details class="tsd-index-accordion">
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<summary class="tsd-accordion-summary">
|
||||||
<ul>
|
<h3>
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<path
|
||||||
<li class="current tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
fill="var(--color-text)"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
></path>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
</svg>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
Settings
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
</h3>
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</summary>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
<div class="tsd-accordion-details">
|
||||||
<ul>
|
<div class="tsd-filter-visibility">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createBreadCrumb.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>create<wbr/>Bread<wbr/>Crumb</a></li>
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createInputSearch.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Input<wbr/>Search</a></li>
|
<form>
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select</a></li>
|
<ul id="tsd-filter-options">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelectOption.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select<wbr/>Option</a></li></ul></nav></div></div>
|
<li class="tsd-filter-item">
|
||||||
<div class="container tsd-generator">
|
<label class="tsd-filter-input"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createBreadCrumb.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>create<wbr />Bread<wbr />Crumb</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createInputSearch.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Input<wbr />Search</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelect.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelectOption.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select<wbr />Option</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,68 +1,316 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>createNativeSelectOption | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>createNativeSelectOption | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/components_create_element_create_element.html">components/create-element/create-element</a></li>
|
</script>
|
||||||
<li><a href="components_create_element_create_element.createNativeSelectOption.html">createNativeSelectOption</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Function createNativeSelectOption</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
<div class="field">
|
||||||
<li class="tsd-signature tsd-anchor-link" id="createNativeSelectOption">create<wbr/>Native<wbr/>Select<wbr/>Option<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLOptionElement</span><a href="#createNativeSelectOption" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></li>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li class="tsd-description">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>The method that creates Options for the native select.</p>
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="../modules/components_create_element_create_element.html">Create-element</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="components_create_element_create_element.createNativeSelectOption.html"
|
||||||
|
>createNativeSelectOption</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function createNativeSelectOption</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="createNativeSelectOption">
|
||||||
|
create<wbr />Native<wbr />Select<wbr />Option<span class="tsd-signature-symbol"
|
||||||
|
>(</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">HTMLOptionElement</span
|
||||||
|
><a href="#createNativeSelectOption" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>The method that creates Options for the native select.</p>
|
||||||
|
|
||||||
<h3>Returns</h3><p>Returns the generated Options of the native select.</p>
|
<h3>Returns</h3>
|
||||||
</div>
|
<p>Returns the generated Options of the native select.</p>
|
||||||
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">HTMLOptionElement</span></h4><aside class="tsd-sources">
|
</div>
|
||||||
<ul>
|
<h4 class="tsd-returns-title">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.ts#L20">components/create-element/create-element.ts:20</a></li></ul></aside></li></ul></section></div>
|
Returns <span class="tsd-signature-type">HTMLOptionElement</span>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
</h4>
|
||||||
<div class="tsd-navigation settings">
|
<aside class="tsd-sources">
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<ul>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<li>
|
||||||
<div class="tsd-accordion-details">
|
Defined in
|
||||||
<div class="tsd-filter-visibility">
|
<a
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L20"
|
||||||
<ul id="tsd-filter-options">
|
>components/create-element/create-element.ts:20</a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</li>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
</ul>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</aside>
|
||||||
<div class="tsd-theme-toggle">
|
</li>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</ul>
|
||||||
<nav class="tsd-navigation primary">
|
</section>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
<div class="tsd-accordion-details">
|
<div class="tsd-navigation settings">
|
||||||
<ul>
|
<details class="tsd-index-accordion">
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<summary class="tsd-accordion-summary">
|
||||||
<ul>
|
<h3>
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<path
|
||||||
<li class="current tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
fill="var(--color-text)"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
></path>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
</svg>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
Settings
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
</h3>
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</summary>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
<div class="tsd-accordion-details">
|
||||||
<ul>
|
<div class="tsd-filter-visibility">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createBreadCrumb.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg>create<wbr/>Bread<wbr/>Crumb</a></li>
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createInputSearch.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Input<wbr/>Search</a></li>
|
<form>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select</a></li>
|
<ul id="tsd-filter-options">
|
||||||
<li class="current tsd-kind-function tsd-parent-kind-module"><a href="components_create_element_create_element.createNativeSelectOption.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select<wbr/>Option</a></li></ul></nav></div></div>
|
<li class="tsd-filter-item">
|
||||||
<div class="container tsd-generator">
|
<label class="tsd-filter-input"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createBreadCrumb.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>create<wbr />Bread<wbr />Crumb</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createInputSearch.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Input<wbr />Search</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelect.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element.createNativeSelectOption.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select<wbr />Option</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
288
docs/functions/components_theme_theme.changeTheme.html
Normal file
288
docs/functions/components_theme_theme.changeTheme.html
Normal file
@ -0,0 +1,288 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="default" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
|
<title>changeTheme | cg-select</title>
|
||||||
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script>
|
||||||
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
|
</script>
|
||||||
|
<header class="tsd-page-toolbar">
|
||||||
|
<div class="tsd-toolbar-contents container">
|
||||||
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
|
<div class="field">
|
||||||
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
|
<li><a href="../modules/components_theme_theme.html">Theme</a></li>
|
||||||
|
<li><a href="components_theme_theme.changeTheme.html">changeTheme</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Function changeTheme</h1>
|
||||||
|
</div>
|
||||||
|
<section class="tsd-panel">
|
||||||
|
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<li class="tsd-signature tsd-anchor-link" id="changeTheme">
|
||||||
|
change<wbr />Theme<span class="tsd-signature-symbol">(</span>element<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">Element</span>, theme<span
|
||||||
|
class="tsd-signature-symbol"
|
||||||
|
>: </span
|
||||||
|
><span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol">)</span
|
||||||
|
><span class="tsd-signature-symbol">: </span
|
||||||
|
><span class="tsd-signature-type">void</span
|
||||||
|
><a href="#changeTheme" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-description">
|
||||||
|
<div class="tsd-parameters">
|
||||||
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
||||||
|
<ul class="tsd-parameter-list">
|
||||||
|
<li>
|
||||||
|
<h5>element: <span class="tsd-signature-type">Element</span></h5>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<h5>theme: <span class="tsd-signature-type">string</span></h5>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-returns-title">
|
||||||
|
Returns <span class="tsd-signature-type">void</span>
|
||||||
|
</h4>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/theme/theme.ts#L1"
|
||||||
|
>components/theme/theme.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="components_theme_theme.changeTheme.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
>change<wbr />Theme</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
155
docs/index.html
155
docs/index.html
@ -8,6 +8,7 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<link rel="stylesheet" href="assets/style.css" />
|
<link rel="stylesheet" href="assets/style.css" />
|
||||||
<link rel="stylesheet" href="assets/highlight.css" />
|
<link rel="stylesheet" href="assets/highlight.css" />
|
||||||
|
<link rel="shortcut icon" href="../src/images/logoCG2.ico" type="image/x-icon" />
|
||||||
<script async src="assets/search.js" id="search-script"></script>
|
<script async src="assets/search.js" id="search-script"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@ -34,6 +35,7 @@
|
|||||||
<li class="state failure">The search index is not available</li>
|
<li class="state failure">The search index is not available</li>
|
||||||
</ul>
|
</ul>
|
||||||
<a href="index.html" class="title">Home</a>
|
<a href="index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="table-cell" id="tsd-widgets">
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<a
|
<a
|
||||||
@ -59,8 +61,8 @@
|
|||||||
<h1>CG-SELECT</h1>
|
<h1>CG-SELECT</h1>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="#version--021" id="version--021" style="color: inherit; text-decoration: none">
|
<a href="#version--0231" id="version--0231" style="color: inherit; text-decoration: none">
|
||||||
<h2>version ~ 0.2.1</h2>
|
<h2>version ~ 0.2.32</h2>
|
||||||
</a>
|
</a>
|
||||||
<p>
|
<p>
|
||||||
This component allows you to create a custom select. It offers more flexible
|
This component allows you to create a custom select. It offers more flexible
|
||||||
@ -137,7 +139,7 @@
|
|||||||
>
|
>
|
||||||
<h3>An example of creating a regular select.</h3>
|
<h3>An example of creating a regular select.</h3>
|
||||||
</a>
|
</a>
|
||||||
<pre><code class="language-javascript"><span class="hl-4">import</span><span class="hl-1"> { </span><span class="hl-0">CGSelect</span><span class="hl-1"> } </span><span class="hl-4">from</span><span class="hl-1"> </span><span class="hl-2">'cg-select'</span><span class="hl-1">;</span><br/><br/><span class="hl-5">const</span><span class="hl-1"> </span><span class="hl-6">dropdown</span><span class="hl-1"> = </span><span class="hl-5">new</span><span class="hl-1"> </span><span class="hl-7">CGSelect</span><span class="hl-1">({</span><br/><span class="hl-1"> </span><span class="hl-0">selector:</span><span class="hl-1"> </span><span class="hl-2">'.cg-dropdown_selector'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">placeholder:</span><span class="hl-1"> </span><span class="hl-2">'Выберите авто'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">items:</span><span class="hl-1"> [</span><br/><span class="hl-1"> </span><span class="hl-2">'BMW'</span><span class="hl-1">,</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-0">id:</span><span class="hl-1"> </span><span class="hl-2">'213sade'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">title:</span><span class="hl-1"> </span><span class="hl-2">'Opel'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">value:</span><span class="hl-1"> </span><span class="hl-8">1</span><span class="hl-1">,</span><br/><span class="hl-1"> },</span><br/><span class="hl-1"> </span><span class="hl-2">'Mersedes'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-2">'MAN'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-2">'Ferari'</span><span class="hl-1">,</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1">});</span>
|
<pre><code class="language-javascript"><span class="hl-4">import</span><span class="hl-1"> </span><span class="hl-0">CGSelect</span><span class="hl-1"> </span><span class="hl-4">from</span><span class="hl-1"> </span><span class="hl-2">'cg-select'</span><span class="hl-1">;</span><br/><br/><span class="hl-5">const</span><span class="hl-1"> </span><span class="hl-6">dropdown</span><span class="hl-1"> = </span><span class="hl-5">new</span><span class="hl-1"> </span><span class="hl-7">CGSelect</span><span class="hl-1">({</span><br/><span class="hl-1"> </span><span class="hl-0">selector:</span><span class="hl-1"> </span><span class="hl-2">'.cg-dropdown_selector'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">placeholder:</span><span class="hl-1"> </span><span class="hl-2">'Выберите авто'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">items:</span><span class="hl-1"> [</span><br/><span class="hl-1"> </span><span class="hl-2">'BMW'</span><span class="hl-1">,</span><br/><span class="hl-1"> {</span><br/><span class="hl-1"> </span><span class="hl-0">id:</span><span class="hl-1"> </span><span class="hl-2">'213sade'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">title:</span><span class="hl-1"> </span><span class="hl-2">'Opel'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-0">value:</span><span class="hl-1"> </span><span class="hl-8">1</span><span class="hl-1">,</span><br/><span class="hl-1"> },</span><br/><span class="hl-1"> </span><span class="hl-2">'Mersedes'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-2">'MAN'</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-2">'Ferari'</span><span class="hl-1">,</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1">});</span>
|
||||||
</code></pre>
|
</code></pre>
|
||||||
|
|
||||||
<a
|
<a
|
||||||
@ -157,6 +159,10 @@
|
|||||||
<img src="../src/images/WhiteTheme.png" alt="image" />
|
<img src="../src/images/WhiteTheme.png" alt="image" />
|
||||||
<img src="../src/images/Categories.png" alt="image" />
|
<img src="../src/images/Categories.png" alt="image" />
|
||||||
</p>
|
</p>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
<p>
|
<p>
|
||||||
All documentation on CG-SELECT is located in the folder of the same name. The
|
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
|
documentation describes all methods and variables, there are also examples of passing
|
||||||
@ -220,10 +226,8 @@
|
|||||||
<a href="#history" id="history" style="color: inherit; text-decoration: none">
|
<a href="#history" id="history" style="color: inherit; text-decoration: none">
|
||||||
<h2>History</h2>
|
<h2>History</h2>
|
||||||
</a>
|
</a>
|
||||||
<p>
|
<p>16.12.2022 - release version 0.1.0!</p>
|
||||||
16.12.2022 - release version 0.1.0! <br />
|
<p>20.01.2023 - upgrade to version 0.2.1</p>
|
||||||
00.00.2023 - upgrade to version 0.2.1
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
@ -245,34 +249,6 @@
|
|||||||
<h4 class="uppercase">Member Visibility</h4>
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
<form>
|
<form>
|
||||||
<ul id="tsd-filter-options">
|
<ul id="tsd-filter-options">
|
||||||
<li class="tsd-filter-item">
|
|
||||||
<label class="tsd-filter-input"
|
|
||||||
><input type="checkbox" id="tsd-filter-protected" name="protected" /><svg
|
|
||||||
width="32"
|
|
||||||
height="32"
|
|
||||||
viewBox="0 0 32 32"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<rect
|
|
||||||
class="tsd-checkbox-background"
|
|
||||||
width="30"
|
|
||||||
height="30"
|
|
||||||
x="1"
|
|
||||||
y="1"
|
|
||||||
rx="6"
|
|
||||||
fill="none"
|
|
||||||
></rect>
|
|
||||||
<path
|
|
||||||
class="tsd-checkbox-checkmark"
|
|
||||||
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
|
||||||
stroke="none"
|
|
||||||
stroke-width="3.5"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
fill="none"
|
|
||||||
></path></svg
|
|
||||||
><span>Protected</span></label
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="tsd-filter-item">
|
<li class="tsd-filter-item">
|
||||||
<label class="tsd-filter-input"
|
<label class="tsd-filter-input"
|
||||||
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
@ -301,62 +277,6 @@
|
|||||||
><span>Private</span></label
|
><span>Private</span></label
|
||||||
>
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="tsd-filter-item">
|
|
||||||
<label class="tsd-filter-input"
|
|
||||||
><input
|
|
||||||
type="checkbox"
|
|
||||||
id="tsd-filter-inherited"
|
|
||||||
name="inherited"
|
|
||||||
checked
|
|
||||||
/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true">
|
|
||||||
<rect
|
|
||||||
class="tsd-checkbox-background"
|
|
||||||
width="30"
|
|
||||||
height="30"
|
|
||||||
x="1"
|
|
||||||
y="1"
|
|
||||||
rx="6"
|
|
||||||
fill="none"
|
|
||||||
></rect>
|
|
||||||
<path
|
|
||||||
class="tsd-checkbox-checkmark"
|
|
||||||
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
|
||||||
stroke="none"
|
|
||||||
stroke-width="3.5"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
fill="none"
|
|
||||||
></path></svg
|
|
||||||
><span>Inherited</span></label
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="tsd-filter-item">
|
|
||||||
<label class="tsd-filter-input"
|
|
||||||
><input type="checkbox" id="tsd-filter-external" name="external" /><svg
|
|
||||||
width="32"
|
|
||||||
height="32"
|
|
||||||
viewBox="0 0 32 32"
|
|
||||||
aria-hidden="true"
|
|
||||||
>
|
|
||||||
<rect
|
|
||||||
class="tsd-checkbox-background"
|
|
||||||
width="30"
|
|
||||||
height="30"
|
|
||||||
x="1"
|
|
||||||
y="1"
|
|
||||||
rx="6"
|
|
||||||
fill="none"
|
|
||||||
></rect>
|
|
||||||
<path
|
|
||||||
class="tsd-checkbox-checkmark"
|
|
||||||
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
|
||||||
stroke="none"
|
|
||||||
stroke-width="3.5"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
fill="none"
|
|
||||||
></path></svg
|
|
||||||
><span>External</span></label
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -387,44 +307,49 @@
|
|||||||
<div class="tsd-accordion-details">
|
<div class="tsd-accordion-details">
|
||||||
<ul>
|
<ul>
|
||||||
<li class="current selected">
|
<li class="current selected">
|
||||||
<a href="modules.html">cg-<wbr />select</a>
|
<a href="modules.html">All modules</a>
|
||||||
<ul>
|
<ul>
|
||||||
<li class="tsd-kind-module"><a href="modules/Utils.html">Utils</a></li>
|
|
||||||
<li class="selected tsd-kind-module">
|
<li class="selected tsd-kind-module">
|
||||||
<a href="modules/cg_select.html">cg-<wbr />select</a>
|
<a href="modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
</li>
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
<li class="tsd-kind-module">
|
<li class="tsd-kind-module">
|
||||||
<a href="modules/components_create_element_create_element.html"
|
<a href="modules/components_create_element_create_element.html"
|
||||||
>components/create-<wbr />element/create-<wbr />element</a
|
>Create-<wbr />element</a
|
||||||
>
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="tsd-kind-module">
|
<li class="tsd-kind-module">
|
||||||
<a href="modules/components_create_element_create_element_interface.html"
|
<a href="modules/components_create_element_create_element_interface.html"
|
||||||
>components/create-<wbr />element/create-<wbr />element.interface</a
|
>Create-<wbr />element.interface</a
|
||||||
>
|
>
|
||||||
</li>
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
<li class="tsd-kind-module">
|
<li class="tsd-kind-module">
|
||||||
<a href="modules/components_utils_urils_interface.html"
|
<a href="modules/components_theme_theme.html">Theme</a>
|
||||||
>components/utils/urils.interface</a
|
</li>
|
||||||
>
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/language_language.html">language</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="tsd-kind-module">
|
<li class="tsd-kind-module">
|
||||||
<a href="modules/interfaces_cg_select_interface.html"
|
<a href="modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
>interfaces/cg-<wbr />select.interface</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="tsd-kind-module">
|
|
||||||
<a href="modules/interfaces_items_interface.html"
|
|
||||||
>interfaces/items.interface</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="tsd-kind-module">
|
|
||||||
<a href="modules/interfaces_language_interface.html"
|
|
||||||
>interfaces/language.interface</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
<li class="tsd-kind-module">
|
|
||||||
<a href="modules/language_language.html">language/language</a>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@ -1,111 +1,539 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ICreateBreadCrumb | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>ICreateBreadCrumb | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/components_create_element_create_element_interface.html">components/create-element/create-element.interface</a></li>
|
</script>
|
||||||
<li><a href="components_create_element_create_element_interface.ICreateBreadCrumb.html">ICreateBreadCrumb</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Interface ICreateBreadCrumb</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel tsd-comment">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<div class="tsd-comment tsd-typography">
|
<div class="field">
|
||||||
<h3>Description</h3><p>cSettings for creating chips.</p>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
</div></section>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-hierarchy">
|
<path
|
||||||
<h4>Hierarchy</h4>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<ul class="tsd-hierarchy">
|
fill="var(--color-text)"
|
||||||
<li><span class="target">ICreateBreadCrumb</span></li></ul></section><aside class="tsd-sources">
|
></path></svg></label
|
||||||
<ul>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.interface.ts#L6">components/create-element/create-element.interface.ts:6</a></li></ul></aside>
|
</div>
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
|
</div>
|
||||||
<h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex=0><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></svg> Index</h5></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<section class="tsd-index-section">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h3 class="tsd-index-heading">Properties</h3>
|
</ul>
|
||||||
<div class="tsd-index-list"><a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>element</span></a>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>indexes</span></a>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>option</span></a>
|
</div>
|
||||||
<a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>selected<wbr/>Items</span></a>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
</div></section></div></details></section></section>
|
<a
|
||||||
<section class="tsd-panel-group tsd-member-group">
|
href="#"
|
||||||
<h2>Properties</h2>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="element" class="tsd-anchor"></a>
|
data-toggle="menu"
|
||||||
<h3 class="tsd-anchor-link"><span>element</span><a href="#element" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></h3>
|
aria-label="Menu"
|
||||||
<div class="tsd-signature">element<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Element</span></div>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-comment tsd-typography"><p>A specific instance of a class.</p>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
</div><aside class="tsd-sources">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.interface.ts#L11">components/create-element/create-element.interface.ts:11</a></li></ul></aside></section>
|
></a>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indexes" class="tsd-anchor"></a>
|
</div>
|
||||||
<h3 class="tsd-anchor-link"><span>indexes</span><a href="#indexes" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
</div>
|
||||||
<div class="tsd-signature">indexes<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></div>
|
</header>
|
||||||
<div class="tsd-comment tsd-typography"><p>Array of indexes of selected elements.</p>
|
<div class="container container-main">
|
||||||
</div><aside class="tsd-sources">
|
<div class="col-8 col-content">
|
||||||
<ul>
|
<div class="tsd-page-title">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.interface.ts#L21">components/create-element/create-element.interface.ts:21</a></li></ul></aside></section>
|
<ul class="tsd-breadcrumb">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="option" class="tsd-anchor"></a>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<h3 class="tsd-anchor-link"><span>option</span><a href="#option" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<li>
|
||||||
<div class="tsd-signature">option<span class="tsd-signature-symbol">:</span> <a href="interfaces_cg_select_interface.ICgSelect.html" class="tsd-signature-type" data-tsd-kind="Interface">ICgSelect</a></div>
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
<div class="tsd-comment tsd-typography"><p>Select settings.</p>
|
>Create-element.interface</a
|
||||||
</div><aside class="tsd-sources">
|
>
|
||||||
<ul>
|
</li>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.interface.ts#L16">components/create-element/create-element.interface.ts:16</a></li></ul></aside></section>
|
<li>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selectedItems" class="tsd-anchor"></a>
|
<a href="components_create_element_create_element_interface.ICreateBreadCrumb.html"
|
||||||
<h3 class="tsd-anchor-link"><span>selected<wbr/>Items</span><a href="#selectedItems" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
>ICreateBreadCrumb</a
|
||||||
<div class="tsd-signature">selected<wbr/>Items<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div>
|
>
|
||||||
<div class="tsd-comment tsd-typography"><p>Array with selected elements.</p>
|
</li>
|
||||||
</div><aside class="tsd-sources">
|
</ul>
|
||||||
<ul>
|
<h1>Interface ICreateBreadCrumb</h1>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.interface.ts#L26">components/create-element/create-element.interface.ts:26</a></li></ul></aside></section></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<section class="tsd-panel tsd-comment">
|
||||||
<div class="tsd-navigation settings">
|
<div class="tsd-comment tsd-typography">
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<h3>Description</h3>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<p>cSettings for creating chips.</p>
|
||||||
<div class="tsd-accordion-details">
|
</div>
|
||||||
<div class="tsd-filter-visibility">
|
</section>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<section class="tsd-panel tsd-hierarchy">
|
||||||
<ul id="tsd-filter-options">
|
<h4>Hierarchy</h4>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<ul class="tsd-hierarchy">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<li><span class="target">ICreateBreadCrumb</span></li>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
</ul>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</section>
|
||||||
<div class="tsd-theme-toggle">
|
<aside class="tsd-sources">
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<ul>
|
||||||
<nav class="tsd-navigation primary">
|
<li>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
Defined in
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<a
|
||||||
<div class="tsd-accordion-details">
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.interface.ts#L6"
|
||||||
<ul>
|
>components/create-element/create-element.interface.ts:6</a
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
>
|
||||||
<ul>
|
</li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
</aside>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<details class="tsd-index-content tsd-index-accordion" open>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<summary class="tsd-accordion-summary tsd-index-summary">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<h5
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
class="tsd-index-heading uppercase"
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
role="button"
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
aria-expanded="false"
|
||||||
<ul>
|
tabindex="0"
|
||||||
<li class="current tsd-kind-interface tsd-parent-kind-module"><a href="components_create_element_create_element_interface.ICreateBreadCrumb.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>ICreate<wbr/>Bread<wbr/>Crumb</span></a>
|
>
|
||||||
<ul>
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>element</a></li>
|
<path
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>indexes</a></li>
|
d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>option</a></li>
|
fill="var(--color-text)"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>selected<wbr/>Items</a></li></ul></li></ul></nav></div></div>
|
></path>
|
||||||
<div class="container tsd-generator">
|
</svg>
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
Index
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
</h5>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Properties</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="#FF984D"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="12"
|
||||||
|
id="icon-1024-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-1024-text"
|
||||||
|
></path></svg
|
||||||
|
><span>element</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>indexes</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>option</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>selected<wbr />Items</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-member-group">
|
||||||
|
<h2>Properties</h2>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="element" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>element</span
|
||||||
|
><a href="#element" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
element<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">null</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">Element</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>A specific instance of a class.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.interface.ts#L11"
|
||||||
|
>components/create-element/create-element.interface.ts:11</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="indexes" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>indexes</span
|
||||||
|
><a href="#indexes" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
indexes<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">number</span
|
||||||
|
><span class="tsd-signature-symbol">[]</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Array of indexes of selected elements.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.interface.ts#L21"
|
||||||
|
>components/create-element/create-element.interface.ts:21</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="option" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>option</span
|
||||||
|
><a href="#option" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
option<span class="tsd-signature-symbol">:</span>
|
||||||
|
<a
|
||||||
|
href="interfaces_cg_select_interface.ICgSelect.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>ICgSelect</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Select settings.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.interface.ts#L16"
|
||||||
|
>components/create-element/create-element.interface.ts:16</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="selectedItems" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>selected<wbr />Items</span
|
||||||
|
><a href="#selectedItems" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
selected<wbr />Items<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol">[]</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Array with selected elements.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.interface.ts#L26"
|
||||||
|
>components/create-element/create-element.interface.ts:26</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>ICreate<wbr />Bread<wbr />Crumb</span></a
|
||||||
|
>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>indexes</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>option</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>selected<wbr />Items</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,102 +1,487 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>IDataItem | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>IDataItem | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
</script>
|
||||||
<li><a href="components_utils_urils_interface.IDataItem.html">IDataItem</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Interface IDataItem</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel tsd-comment">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<div class="tsd-comment tsd-typography">
|
<div class="field">
|
||||||
<h3>Description</h3><p>Receive Item Settings.</p>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
</div></section>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-hierarchy">
|
<path
|
||||||
<h4>Hierarchy</h4>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<ul class="tsd-hierarchy">
|
fill="var(--color-text)"
|
||||||
<li><span class="target">IDataItem</span></li></ul></section><aside class="tsd-sources">
|
></path></svg></label
|
||||||
<ul>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L6">components/utils/urils.interface.ts:6</a></li></ul></aside>
|
</div>
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
|
</div>
|
||||||
<h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex=0><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></svg> Index</h5></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<section class="tsd-index-section">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h3 class="tsd-index-heading">Properties</h3>
|
</ul>
|
||||||
<div class="tsd-index-list"><a href="components_utils_urils_interface.IDataItem.html#ItemValue" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>Item<wbr/>Value</span></a>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<a href="components_utils_urils_interface.IDataItem.html#category" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>category?</span></a>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<a href="components_utils_urils_interface.IDataItem.html#categoryItems" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>category<wbr/>Items?</span></a>
|
</div>
|
||||||
</div></section></div></details></section></section>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<section class="tsd-panel-group tsd-member-group">
|
<a
|
||||||
<h2>Properties</h2>
|
href="#"
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="ItemValue" class="tsd-anchor"></a>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h3 class="tsd-anchor-link"><span>Item<wbr/>Value</span><a href="#ItemValue" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></h3>
|
data-toggle="menu"
|
||||||
<div class="tsd-signature">Item<wbr/>Value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><a href="interfaces_items_interface.IItems.html" class="tsd-signature-type" data-tsd-kind="Interface">IItems</a></div>
|
aria-label="Menu"
|
||||||
<div class="tsd-comment tsd-typography"><p>The value of the passed element.</p>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
</div><aside class="tsd-sources">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L21">components/utils/urils.interface.ts:21</a></li></ul></aside></section>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="category" class="tsd-anchor"></a>
|
></a>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>category</span><a href="#category" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
</div>
|
||||||
<div class="tsd-signature">category<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div>
|
</div>
|
||||||
<div class="tsd-comment tsd-typography"><p>Optional parameter. Item group category.</p>
|
</header>
|
||||||
</div><aside class="tsd-sources">
|
<div class="container container-main">
|
||||||
<ul>
|
<div class="col-8 col-content">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L11">components/utils/urils.interface.ts:11</a></li></ul></aside></section>
|
<div class="tsd-page-title">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="categoryItems" class="tsd-anchor"></a>
|
<ul class="tsd-breadcrumb">
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>category<wbr/>Items</span><a href="#categoryItems" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<div class="tsd-signature">category<wbr/>Items<span class="tsd-signature-symbol">?:</span> <a href="interfaces_items_interface.IItems.html" class="tsd-signature-type" data-tsd-kind="Interface">IItems</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>Optional parameter. Array with elements.</p>
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
</div><aside class="tsd-sources">
|
</li>
|
||||||
<ul>
|
<li><a href="components_utils_urils_interface.IDataItem.html">IDataItem</a></li>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L16">components/utils/urils.interface.ts:16</a></li></ul></aside></section></section></div>
|
</ul>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<h1>Interface IDataItem</h1>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<section class="tsd-panel tsd-comment">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<div class="tsd-comment tsd-typography">
|
||||||
<div class="tsd-accordion-details">
|
<h3>Description</h3>
|
||||||
<div class="tsd-filter-visibility">
|
<p>Receive Item Settings.</p>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</div>
|
||||||
<ul id="tsd-filter-options">
|
</section>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<section class="tsd-panel tsd-hierarchy">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<h4>Hierarchy</h4>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<ul class="tsd-hierarchy">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<li><span class="target">IDataItem</span></li>
|
||||||
<div class="tsd-theme-toggle">
|
</ul>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</section>
|
||||||
<nav class="tsd-navigation primary">
|
<aside class="tsd-sources">
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<ul>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<li>
|
||||||
<div class="tsd-accordion-details">
|
Defined in
|
||||||
<ul>
|
<a
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L6"
|
||||||
<ul>
|
>components/utils/urils.interface.ts:6</a
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
</li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
</aside>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<details class="tsd-index-content tsd-index-accordion" open>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<summary class="tsd-accordion-summary tsd-index-summary">
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<h5
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
class="tsd-index-heading uppercase"
|
||||||
<ul>
|
role="button"
|
||||||
<li class="current tsd-kind-interface tsd-parent-kind-module"><a href="components_utils_urils_interface.IDataItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>IData<wbr/>Item</span></a>
|
aria-expanded="false"
|
||||||
<ul>
|
tabindex="0"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.IDataItem.html#ItemValue" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>Item<wbr/>Value</a></li>
|
>
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.IDataItem.html#category" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>category?</a></li>
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.IDataItem.html#categoryItems" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>category<wbr/>Items?</a></li></ul></li></ul></nav></div></div>
|
<path
|
||||||
<div class="container tsd-generator">
|
d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
fill="var(--color-text)"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
></path>
|
||||||
|
</svg>
|
||||||
|
Index
|
||||||
|
</h5>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Properties</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.IDataItem.html#ItemValue"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="#FF984D"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="12"
|
||||||
|
id="icon-1024-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-1024-text"
|
||||||
|
></path></svg
|
||||||
|
><span>Item<wbr />Value</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.IDataItem.html#category"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>category?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.IDataItem.html#categoryItems"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>category<wbr />Items?</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-member-group">
|
||||||
|
<h2>Properties</h2>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="ItemValue" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>Item<wbr />Value</span
|
||||||
|
><a href="#ItemValue" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
Item<wbr />Value<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">number</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><a
|
||||||
|
href="interfaces_items_interface.IItems.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>IItems</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>The value of the passed element.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L21"
|
||||||
|
>components/utils/urils.interface.ts:21</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="category" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>category</span
|
||||||
|
><a href="#category" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
category<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Optional parameter. Item group category.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L11"
|
||||||
|
>components/utils/urils.interface.ts:11</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="categoryItems" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>category<wbr />Items</span
|
||||||
|
><a href="#categoryItems" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
category<wbr />Items<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<a
|
||||||
|
href="interfaces_items_interface.IItems.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>IItems</a
|
||||||
|
><span class="tsd-signature-symbol">[]</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol">[]</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Optional parameter. Array with elements.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L16"
|
||||||
|
>components/utils/urils.interface.ts:16</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a href="components_utils_urils_interface.IDataItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>IData<wbr />Item</span></a
|
||||||
|
>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.IDataItem.html#ItemValue"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>Item<wbr />Value</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.IDataItem.html#category"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>category?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.IDataItem.html#categoryItems"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>category<wbr />Items?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,130 +1,657 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ISelectedItems | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>ISelectedItems | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
</script>
|
||||||
<li><a href="components_utils_urils_interface.ISelectedItems.html">ISelectedItems</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Interface ISelectedItems</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel tsd-comment">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<div class="tsd-comment tsd-typography">
|
<div class="field">
|
||||||
<h3>Description</h3><p>Settings for select text, etc.</p>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
</div></section>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-hierarchy">
|
<path
|
||||||
<h4>Hierarchy</h4>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<ul class="tsd-hierarchy">
|
fill="var(--color-text)"
|
||||||
<li><span class="target">ISelectedItems</span></li></ul></section><aside class="tsd-sources">
|
></path></svg></label
|
||||||
<ul>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L27">components/utils/urils.interface.ts:27</a></li></ul></aside>
|
</div>
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
|
</div>
|
||||||
<h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex=0><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></svg> Index</h5></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<section class="tsd-index-section">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h3 class="tsd-index-heading">Properties</h3>
|
</ul>
|
||||||
<div class="tsd-index-list"><a href="components_utils_urils_interface.ISelectedItems.html#darkTheme" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>dark<wbr/>Theme?</span></a>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<a href="components_utils_urils_interface.ISelectedItems.html#indexes" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>indexes?</span></a>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<a href="components_utils_urils_interface.ISelectedItems.html#multiselectTag" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>multiselect<wbr/>Tag?</span></a>
|
</div>
|
||||||
<a href="components_utils_urils_interface.ISelectedItems.html#placeholder" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>placeholder?</span></a>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<a href="components_utils_urils_interface.ISelectedItems.html#selected" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>selected?</span></a>
|
<a
|
||||||
<a href="components_utils_urils_interface.ISelectedItems.html#selectedItems" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>selected<wbr/>Items?</span></a>
|
href="#"
|
||||||
</div></section></div></details></section></section>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<section class="tsd-panel-group tsd-member-group">
|
data-toggle="menu"
|
||||||
<h2>Properties</h2>
|
aria-label="Menu"
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="darkTheme" class="tsd-anchor"></a>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>dark<wbr/>Theme</span><a href="#darkTheme" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></h3>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-signature">dark<wbr/>Theme<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-comment tsd-typography"><p>An optional parameter that is responsible for enabling a light/dark theme by default, the dark theme is set.</p>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
</div><aside class="tsd-sources">
|
></a>
|
||||||
<ul>
|
</div>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L58">components/utils/urils.interface.ts:58</a></li></ul></aside></section>
|
</div>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="indexes" class="tsd-anchor"></a>
|
</header>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>indexes</span><a href="#indexes" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<div class="container container-main">
|
||||||
<div class="tsd-signature">indexes<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">[]</span></div>
|
<div class="col-8 col-content">
|
||||||
<div class="tsd-comment tsd-typography"><p>Array of indexes of selected elements.</p>
|
<div class="tsd-page-title">
|
||||||
</div><aside class="tsd-sources">
|
<ul class="tsd-breadcrumb">
|
||||||
<ul>
|
<li><a href="../modules.html">All moduels</a></li>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L47">components/utils/urils.interface.ts:47</a></li></ul></aside></section>
|
<li>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="multiselectTag" class="tsd-anchor"></a>
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>multiselect<wbr/>Tag</span><a href="#multiselectTag" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
</li>
|
||||||
<div class="tsd-signature">multiselect<wbr/>Tag<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>An optional parameter that is responsible for the behavior of the select,
|
<a href="components_utils_urils_interface.ISelectedItems.html">ISelectedItems</a>
|
||||||
for him, *** works only in a place with a multiselect connection.</p>
|
</li>
|
||||||
</div><aside class="tsd-sources">
|
</ul>
|
||||||
<ul>
|
<h1>Interface ISelectedItems</h1>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L53">components/utils/urils.interface.ts:53</a></li></ul></aside></section>
|
</div>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="placeholder" class="tsd-anchor"></a>
|
<section class="tsd-panel tsd-comment">
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>placeholder</span><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<div class="tsd-comment tsd-typography">
|
||||||
<div class="tsd-signature">placeholder<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div>
|
<h3>Description</h3>
|
||||||
<div class="tsd-comment tsd-typography"><p>Placeholder optional parameter to which the text of the select placeholder is passed.</p>
|
<p>Settings for select text, etc.</p>
|
||||||
</div><aside class="tsd-sources">
|
</div>
|
||||||
<ul>
|
</section>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L32">components/utils/urils.interface.ts:32</a></li></ul></aside></section>
|
<section class="tsd-panel tsd-hierarchy">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selected" class="tsd-anchor"></a>
|
<h4>Hierarchy</h4>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>selected</span><a href="#selected" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<ul class="tsd-hierarchy">
|
||||||
<div class="tsd-signature">selected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span></div>
|
<li><span class="target">ISelectedItems</span></li>
|
||||||
<div class="tsd-comment tsd-typography"><p>An optional parameter, which is passed the element that will be selected initially in the select.</p>
|
</ul>
|
||||||
</div><aside class="tsd-sources">
|
</section>
|
||||||
<ul>
|
<aside class="tsd-sources">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L37">components/utils/urils.interface.ts:37</a></li></ul></aside></section>
|
<ul>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selectedItems" class="tsd-anchor"></a>
|
<li>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>selected<wbr/>Items</span><a href="#selectedItems" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
Defined in
|
||||||
<div class="tsd-signature">selected<wbr/>Items<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span></div>
|
<a
|
||||||
<div class="tsd-comment tsd-typography"><p>Array of selected items from the list.</p>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L27"
|
||||||
</div><aside class="tsd-sources">
|
>components/utils/urils.interface.ts:27</a
|
||||||
<ul>
|
>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L42">components/utils/urils.interface.ts:42</a></li></ul></aside></section></section></div>
|
</li>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
</ul>
|
||||||
<div class="tsd-navigation settings">
|
</aside>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<div class="tsd-accordion-details">
|
<details class="tsd-index-content tsd-index-accordion" open>
|
||||||
<div class="tsd-filter-visibility">
|
<summary class="tsd-accordion-summary tsd-index-summary">
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<h5
|
||||||
<ul id="tsd-filter-options">
|
class="tsd-index-heading uppercase"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
role="button"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
aria-expanded="false"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
tabindex="0"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
>
|
||||||
<div class="tsd-theme-toggle">
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<path
|
||||||
<nav class="tsd-navigation primary">
|
d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
fill="var(--color-text)"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
></path>
|
||||||
<div class="tsd-accordion-details">
|
</svg>
|
||||||
<ul>
|
Index
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</h5>
|
||||||
<ul>
|
</summary>
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
<div class="tsd-accordion-details">
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
<section class="tsd-index-section">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<h3 class="tsd-index-heading">Properties</h3>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="tsd-index-list">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<a
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
href="components_utils_urils_interface.ISelectedItems.html#indexes"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<rect
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
fill="var(--color-icon-background)"
|
||||||
<ul>
|
stroke="#FF984D"
|
||||||
<li class="current tsd-kind-interface tsd-parent-kind-module"><a href="components_utils_urils_interface.ISelectedItems.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>ISelected<wbr/>Items</span></a>
|
stroke-width="1.5"
|
||||||
<ul>
|
x="1"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.ISelectedItems.html#darkTheme" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>dark<wbr/>Theme?</a></li>
|
y="1"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.ISelectedItems.html#indexes" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>indexes?</a></li>
|
width="22"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.ISelectedItems.html#multiselectTag" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>multiselect<wbr/>Tag?</a></li>
|
height="22"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.ISelectedItems.html#placeholder" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>placeholder?</a></li>
|
rx="12"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.ISelectedItems.html#selected" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>selected?</a></li>
|
id="icon-1024-path"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="components_utils_urils_interface.ISelectedItems.html#selectedItems" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>selected<wbr/>Items?</a></li></ul></li></ul></nav></div></div>
|
></rect>
|
||||||
<div class="container tsd-generator">
|
<path
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
fill="var(--color-text)"
|
||||||
|
id="icon-1024-text"
|
||||||
|
></path></svg
|
||||||
|
><span>indexes?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#multiselectTag"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>multiselect<wbr />Tag?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#placeholder"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>placeholder?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#selected"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>selected?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#selectedItems"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>selected<wbr />Items?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#theme"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>theme?</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-member-group">
|
||||||
|
<h2>Properties</h2>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="indexes" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>indexes</span
|
||||||
|
><a href="#indexes" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
indexes<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">number</span
|
||||||
|
><span class="tsd-signature-symbol">[]</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Array of indexes of selected elements.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L47"
|
||||||
|
>components/utils/urils.interface.ts:47</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="multiselectTag" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code>
|
||||||
|
<span>multiselect<wbr />Tag</span
|
||||||
|
><a href="#multiselectTag" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
multiselect<wbr />Tag<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">boolean</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>
|
||||||
|
An optional parameter that is responsible for the behavior of the select, for him,
|
||||||
|
*** works only in a place with a multiselect connection.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L53"
|
||||||
|
>components/utils/urils.interface.ts:53</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="placeholder" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>placeholder</span
|
||||||
|
><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
placeholder<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>
|
||||||
|
Placeholder optional parameter to which the text of the select placeholder is
|
||||||
|
passed.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L32"
|
||||||
|
>components/utils/urils.interface.ts:32</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="selected" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>selected</span
|
||||||
|
><a href="#selected" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
selected<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>
|
||||||
|
An optional parameter, which is passed the element that will be selected initially
|
||||||
|
in the select.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L37"
|
||||||
|
>components/utils/urils.interface.ts:37</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="selectedItems" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>selected<wbr />Items</span
|
||||||
|
><a href="#selectedItems" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
selected<wbr />Items<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol">[]</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Array of selected items from the list.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L42"
|
||||||
|
>components/utils/urils.interface.ts:42</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="theme" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>theme</span
|
||||||
|
><a href="#theme" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
theme<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>
|
||||||
|
An optional parameter that is responsible for enabling a light/dark theme by
|
||||||
|
default, the dark theme is set.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L58"
|
||||||
|
>components/utils/urils.interface.ts:58</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a href="components_utils_urils_interface.ISelectedItems.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>ISelected<wbr />Items</span></a
|
||||||
|
>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#indexes"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>indexes?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#multiselectTag"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>multiselect<wbr />Tag?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#placeholder"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>placeholder?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#selected"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>selected?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#selectedItems"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>selected<wbr />Items?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="components_utils_urils_interface.ISelectedItems.html#theme"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>theme?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -1,138 +1,674 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>IStyle | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>IStyle | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-select.interface</a></li>
|
</script>
|
||||||
<li><a href="interfaces_cg_select_interface.IStyle.html">IStyle</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Interface IStyle</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel tsd-comment">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<div class="tsd-comment tsd-typography">
|
<div class="field">
|
||||||
<h3>Description</h3><p>Style Settings.</p>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
</div></section>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-hierarchy">
|
<path
|
||||||
<h4>Hierarchy</h4>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<ul class="tsd-hierarchy">
|
fill="var(--color-text)"
|
||||||
<li><span class="target">IStyle</span></li></ul></section><aside class="tsd-sources">
|
></path></svg></label
|
||||||
<ul>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L100">interfaces/cg-select.interface.ts:100</a></li></ul></aside>
|
</div>
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
|
</div>
|
||||||
<h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex=0><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></svg> Index</h5></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<section class="tsd-index-section">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h3 class="tsd-index-heading">Properties</h3>
|
</ul>
|
||||||
<div class="tsd-index-list"><a href="interfaces_cg_select_interface.IStyle.html#caret" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>caret?</span></a>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<a href="interfaces_cg_select_interface.IStyle.html#chips" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>chips?</span></a>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<a href="interfaces_cg_select_interface.IStyle.html#head" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>head?</span></a>
|
</div>
|
||||||
<a href="interfaces_cg_select_interface.IStyle.html#lable" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>lable?</span></a>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<a href="interfaces_cg_select_interface.IStyle.html#list" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>list?</span></a>
|
<a
|
||||||
<a href="interfaces_cg_select_interface.IStyle.html#placeholder" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>placeholder?</span></a>
|
href="#"
|
||||||
<a href="interfaces_cg_select_interface.IStyle.html#search" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>search?</span></a>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
</div></section></div></details></section></section>
|
data-toggle="menu"
|
||||||
<section class="tsd-panel-group tsd-member-group">
|
aria-label="Menu"
|
||||||
<h2>Properties</h2>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="caret" class="tsd-anchor"></a>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>caret</span><a href="#caret" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></h3>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-signature">caret<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">object</span></div>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<div class="tsd-comment tsd-typography"><p>Carriage customization.</p>
|
></a>
|
||||||
</div><aside class="tsd-sources">
|
</div>
|
||||||
<ul>
|
</div>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L110">interfaces/cg-select.interface.ts:110</a></li></ul></aside></section>
|
</header>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="chips" class="tsd-anchor"></a>
|
<div class="container container-main">
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>chips</span><a href="#chips" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<div class="col-8 col-content">
|
||||||
<div class="tsd-signature">chips<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">object</span></div>
|
<div class="tsd-page-title">
|
||||||
<div class="tsd-comment tsd-typography"><p>Chips customization with selected elements.</p>
|
<ul class="tsd-breadcrumb">
|
||||||
</div><aside class="tsd-sources">
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<ul>
|
<li>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L135">interfaces/cg-select.interface.ts:135</a></li></ul></aside></section>
|
<a href="../modules/interfaces_cg_select_interface.html">Cg-select.interface</a>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="head" class="tsd-anchor"></a>
|
</li>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>head</span><a href="#head" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<li><a href="interfaces_cg_select_interface.IStyle.html">IStyle</a></li>
|
||||||
<div class="tsd-signature">head<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">object</span></div>
|
</ul>
|
||||||
<div class="tsd-comment tsd-typography"><p>Select button customization.</p>
|
<h1>Interface IStyle</h1>
|
||||||
</div><aside class="tsd-sources">
|
</div>
|
||||||
<ul>
|
<section class="tsd-panel tsd-comment">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L105">interfaces/cg-select.interface.ts:105</a></li></ul></aside></section>
|
<div class="tsd-comment tsd-typography">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="lable" class="tsd-anchor"></a>
|
<h3>Description</h3>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>lable</span><a href="#lable" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<p>Style Settings.</p>
|
||||||
<div class="tsd-signature">lable<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">object</span></div>
|
</div>
|
||||||
<div class="tsd-comment tsd-typography"><p>Lable select customization.</p>
|
</section>
|
||||||
</div><aside class="tsd-sources">
|
<section class="tsd-panel tsd-hierarchy">
|
||||||
<ul>
|
<h4>Hierarchy</h4>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L120">interfaces/cg-select.interface.ts:120</a></li></ul></aside></section>
|
<ul class="tsd-hierarchy">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="list" class="tsd-anchor"></a>
|
<li><span class="target">IStyle</span></li>
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>list</span><a href="#list" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
</ul>
|
||||||
<div class="tsd-signature">list<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">object</span></div>
|
</section>
|
||||||
<div class="tsd-comment tsd-typography"><p>Sheet customization with a selection of elements.</p>
|
<aside class="tsd-sources">
|
||||||
</div><aside class="tsd-sources">
|
<ul>
|
||||||
<ul>
|
<li>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L125">interfaces/cg-select.interface.ts:125</a></li></ul></aside></section>
|
Defined in
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="placeholder" class="tsd-anchor"></a>
|
<a
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>placeholder</span><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L100"
|
||||||
<div class="tsd-signature">placeholder<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">object</span></div>
|
>interfaces/cg-select.interface.ts:100</a
|
||||||
<div class="tsd-comment tsd-typography"><p>Customization placeholder.</p>
|
>
|
||||||
</div><aside class="tsd-sources">
|
</li>
|
||||||
<ul>
|
</ul>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L115">interfaces/cg-select.interface.ts:115</a></li></ul></aside></section>
|
</aside>
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="search" class="tsd-anchor"></a>
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagOptional">Optional</code> <span>search</span><a href="#search" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<div class="tsd-signature">search<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">object</span></div>
|
<details class="tsd-index-content tsd-index-accordion" open>
|
||||||
<div class="tsd-comment tsd-typography"><p>Search customization.</p>
|
<summary class="tsd-accordion-summary tsd-index-summary">
|
||||||
</div><aside class="tsd-sources">
|
<h5
|
||||||
<ul>
|
class="tsd-index-heading uppercase"
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L130">interfaces/cg-select.interface.ts:130</a></li></ul></aside></section></section></div>
|
role="button"
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
aria-expanded="false"
|
||||||
<div class="tsd-navigation settings">
|
tabindex="0"
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-accordion-details">
|
<path
|
||||||
<div class="tsd-filter-visibility">
|
d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z"
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
fill="var(--color-text)"
|
||||||
<ul id="tsd-filter-options">
|
></path>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</svg>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
Index
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
</h5>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</summary>
|
||||||
<div class="tsd-theme-toggle">
|
<div class="tsd-accordion-details">
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<section class="tsd-index-section">
|
||||||
<nav class="tsd-navigation primary">
|
<h3 class="tsd-index-heading">Properties</h3>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<div class="tsd-index-list">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<a
|
||||||
<div class="tsd-accordion-details">
|
href="interfaces_cg_select_interface.IStyle.html#caret"
|
||||||
<ul>
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
<ul>
|
<rect
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
fill="var(--color-icon-background)"
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
stroke="#FF984D"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
stroke-width="1.5"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
x="1"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
y="1"
|
||||||
<li class="current tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
width="22"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
height="22"
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
rx="12"
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
id="icon-1024-path"
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
></rect>
|
||||||
<ul>
|
<path
|
||||||
<li class="current tsd-kind-interface tsd-parent-kind-module"><a href="interfaces_cg_select_interface.IStyle.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>IStyle</span></a>
|
d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z"
|
||||||
<ul>
|
fill="var(--color-text)"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_cg_select_interface.IStyle.html#caret" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>caret?</a></li>
|
id="icon-1024-text"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_cg_select_interface.IStyle.html#chips" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>chips?</a></li>
|
></path></svg
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_cg_select_interface.IStyle.html#head" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>head?</a></li>
|
><span>caret?</span></a
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_cg_select_interface.IStyle.html#lable" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>lable?</a></li>
|
>
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_cg_select_interface.IStyle.html#list" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>list?</a></li>
|
<a
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_cg_select_interface.IStyle.html#placeholder" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>placeholder?</a></li>
|
href="interfaces_cg_select_interface.IStyle.html#chips"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_cg_select_interface.IStyle.html#search" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>search?</a></li></ul></li></ul></nav></div></div>
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
<div class="container tsd-generator">
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<use href="#icon-1024-path"></use>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>chips?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_cg_select_interface.IStyle.html#head"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>head?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_cg_select_interface.IStyle.html#lable"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>lable?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_cg_select_interface.IStyle.html#list"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>list?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_cg_select_interface.IStyle.html#placeholder"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>placeholder?</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_cg_select_interface.IStyle.html#search"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>search?</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-member-group">
|
||||||
|
<h2>Properties</h2>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="caret" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>caret</span
|
||||||
|
><a href="#caret" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
caret<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">object</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Carriage customization.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L110"
|
||||||
|
>interfaces/cg-select.interface.ts:110</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="chips" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>chips</span
|
||||||
|
><a href="#chips" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
chips<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">object</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Chips customization with selected elements.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L135"
|
||||||
|
>interfaces/cg-select.interface.ts:135</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="head" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>head</span
|
||||||
|
><a href="#head" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
head<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">object</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Select button customization.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L105"
|
||||||
|
>interfaces/cg-select.interface.ts:105</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="lable" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>lable</span
|
||||||
|
><a href="#lable" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
lable<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">object</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Lable select customization.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L120"
|
||||||
|
>interfaces/cg-select.interface.ts:120</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="list" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>list</span
|
||||||
|
><a href="#list" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
list<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">object</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Sheet customization with a selection of elements.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L125"
|
||||||
|
>interfaces/cg-select.interface.ts:125</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="placeholder" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>placeholder</span
|
||||||
|
><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
placeholder<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">object</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Customization placeholder.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L115"
|
||||||
|
>interfaces/cg-select.interface.ts:115</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="search" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<code class="tsd-tag ts-flagOptional">Optional</code> <span>search</span
|
||||||
|
><a href="#search" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
search<span class="tsd-signature-symbol">?:</span>
|
||||||
|
<span class="tsd-signature-type">object</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Search customization.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L130"
|
||||||
|
>interfaces/cg-select.interface.ts:130</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a href="interfaces_cg_select_interface.IStyle.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>IStyle</span></a
|
||||||
|
>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_cg_select_interface.IStyle.html#caret" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>caret?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_cg_select_interface.IStyle.html#chips" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>chips?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_cg_select_interface.IStyle.html#head" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>head?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_cg_select_interface.IStyle.html#lable" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>lable?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_cg_select_interface.IStyle.html#list" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>list?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="interfaces_cg_select_interface.IStyle.html#placeholder"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>placeholder?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_cg_select_interface.IStyle.html#search" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>search?</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,102 +1,464 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>IItems | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>IItems | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
</script>
|
||||||
<li><a href="interfaces_items_interface.IItems.html">IItems</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Interface IItems</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel tsd-comment">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<div class="tsd-comment tsd-typography">
|
<div class="field">
|
||||||
<h3>Description</h3><p>Element structure.</p>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
</div></section>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-hierarchy">
|
<path
|
||||||
<h4>Hierarchy</h4>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<ul class="tsd-hierarchy">
|
fill="var(--color-text)"
|
||||||
<li><span class="target">IItems</span></li></ul></section><aside class="tsd-sources">
|
></path></svg></label
|
||||||
<ul>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/items.interface.ts#L4">interfaces/items.interface.ts:4</a></li></ul></aside>
|
</div>
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
|
</div>
|
||||||
<h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex=0><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></svg> Index</h5></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<section class="tsd-index-section">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h3 class="tsd-index-heading">Properties</h3>
|
</ul>
|
||||||
<div class="tsd-index-list"><a href="interfaces_items_interface.IItems.html#id" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>id</span></a>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<a href="interfaces_items_interface.IItems.html#title" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>title</span></a>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<a href="interfaces_items_interface.IItems.html#value" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>value</span></a>
|
</div>
|
||||||
</div></section></div></details></section></section>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<section class="tsd-panel-group tsd-member-group">
|
<a
|
||||||
<h2>Properties</h2>
|
href="#"
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="id" class="tsd-anchor"></a>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h3 class="tsd-anchor-link"><span>id</span><a href="#id" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></h3>
|
data-toggle="menu"
|
||||||
<div class="tsd-signature">id<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
aria-label="Menu"
|
||||||
<div class="tsd-comment tsd-typography"><p>Unique item ID.</p>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
</div><aside class="tsd-sources">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/items.interface.ts#L9">interfaces/items.interface.ts:9</a></li></ul></aside></section>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="title" class="tsd-anchor"></a>
|
></a>
|
||||||
<h3 class="tsd-anchor-link"><span>title</span><a href="#title" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
</div>
|
||||||
<div class="tsd-signature">title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
</div>
|
||||||
<div class="tsd-comment tsd-typography"><p>Element text value.</p>
|
</header>
|
||||||
</div><aside class="tsd-sources">
|
<div class="container container-main">
|
||||||
<ul>
|
<div class="col-8 col-content">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/items.interface.ts#L14">interfaces/items.interface.ts:14</a></li></ul></aside></section>
|
<div class="tsd-page-title">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="value" class="tsd-anchor"></a>
|
<ul class="tsd-breadcrumb">
|
||||||
<h3 class="tsd-anchor-link"><span>value</span><a href="#value" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<div class="tsd-signature">value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></div>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>Sequence number, or other information.</p>
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
</div><aside class="tsd-sources">
|
</li>
|
||||||
<ul>
|
<li><a href="interfaces_items_interface.IItems.html">IItems</a></li>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/items.interface.ts#L19">interfaces/items.interface.ts:19</a></li></ul></aside></section></section></div>
|
</ul>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<h1>Interface IItems</h1>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<section class="tsd-panel tsd-comment">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<div class="tsd-comment tsd-typography">
|
||||||
<div class="tsd-accordion-details">
|
<h3>Description</h3>
|
||||||
<div class="tsd-filter-visibility">
|
<p>Element structure.</p>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</div>
|
||||||
<ul id="tsd-filter-options">
|
</section>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<section class="tsd-panel tsd-hierarchy">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<h4>Hierarchy</h4>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<ul class="tsd-hierarchy">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<li><span class="target">IItems</span></li>
|
||||||
<div class="tsd-theme-toggle">
|
</ul>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</section>
|
||||||
<nav class="tsd-navigation primary">
|
<aside class="tsd-sources">
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<ul>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<li>
|
||||||
<div class="tsd-accordion-details">
|
Defined in
|
||||||
<ul>
|
<a
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/items.interface.ts#L4"
|
||||||
<ul>
|
>interfaces/items.interface.ts:4</a
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
</li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
</aside>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<li class="current tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<details class="tsd-index-content tsd-index-accordion" open>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<summary class="tsd-accordion-summary tsd-index-summary">
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<h5
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
class="tsd-index-heading uppercase"
|
||||||
<ul>
|
role="button"
|
||||||
<li class="current tsd-kind-interface tsd-parent-kind-module"><a href="interfaces_items_interface.IItems.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>IItems</span></a>
|
aria-expanded="false"
|
||||||
<ul>
|
tabindex="0"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_items_interface.IItems.html#id" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>id</a></li>
|
>
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_items_interface.IItems.html#title" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>title</a></li>
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_items_interface.IItems.html#value" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>value</a></li></ul></li></ul></nav></div></div>
|
<path
|
||||||
<div class="container tsd-generator">
|
d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
fill="var(--color-text)"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
></path>
|
||||||
|
</svg>
|
||||||
|
Index
|
||||||
|
</h5>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Properties</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="interfaces_items_interface.IItems.html#id"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="#FF984D"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="12"
|
||||||
|
id="icon-1024-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-1024-text"
|
||||||
|
></path></svg
|
||||||
|
><span>id</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_items_interface.IItems.html#title"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>title</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_items_interface.IItems.html#value"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>value</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-member-group">
|
||||||
|
<h2>Properties</h2>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="id" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>id</span
|
||||||
|
><a href="#id" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
id<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Unique item ID.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/items.interface.ts#L9"
|
||||||
|
>interfaces/items.interface.ts:9</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="title" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>title</span
|
||||||
|
><a href="#title" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
title<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Element text value.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/items.interface.ts#L14"
|
||||||
|
>interfaces/items.interface.ts:14</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="value" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>value</span
|
||||||
|
><a href="#value" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
value<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span
|
||||||
|
><span class="tsd-signature-symbol"> | </span
|
||||||
|
><span class="tsd-signature-type">number</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Sequence number, or other information.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/items.interface.ts#L19"
|
||||||
|
>interfaces/items.interface.ts:19</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a href="interfaces_items_interface.IItems.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>IItems</span></a
|
||||||
|
>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_items_interface.IItems.html#id" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>id</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_items_interface.IItems.html#title" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>title</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a href="interfaces_items_interface.IItems.html#value" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>value</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,102 +1,468 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ILanguage | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>ILanguage | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
</script>
|
||||||
<li><a href="interfaces_language_interface.ILanguage.html">ILanguage</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Interface ILanguage</h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<section class="tsd-panel tsd-comment">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<div class="tsd-comment tsd-typography">
|
<div class="field">
|
||||||
<h3>Description</h3><p>Settings for adding languages.</p>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
</div></section>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-hierarchy">
|
<path
|
||||||
<h4>Hierarchy</h4>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<ul class="tsd-hierarchy">
|
fill="var(--color-text)"
|
||||||
<li><span class="target">ILanguage</span></li></ul></section><aside class="tsd-sources">
|
></path></svg></label
|
||||||
<ul>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/language.interface.ts#L4">interfaces/language.interface.ts:4</a></li></ul></aside>
|
</div>
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
|
</div>
|
||||||
<h5 class="tsd-index-heading uppercase" role="button" aria-expanded="false" tabIndex=0><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z" fill="var(--color-text)"></path></svg> Index</h5></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<section class="tsd-index-section">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h3 class="tsd-index-heading">Properties</h3>
|
</ul>
|
||||||
<div class="tsd-index-list"><a href="interfaces_language_interface.ILanguage.html#placeholder" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF984D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-1024-path"></rect><path d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z" fill="var(--color-text)" id="icon-1024-text"></path></svg><span>placeholder</span></a>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<a href="interfaces_language_interface.ILanguage.html#selectPlaceholder" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>select<wbr/>Placeholder</span></a>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<a href="interfaces_language_interface.ILanguage.html#textInListSearch" class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg><span>text<wbr/>In<wbr/>List<wbr/>Search</span></a>
|
</div>
|
||||||
</div></section></div></details></section></section>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<section class="tsd-panel-group tsd-member-group">
|
<a
|
||||||
<h2>Properties</h2>
|
href="#"
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="placeholder" class="tsd-anchor"></a>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h3 class="tsd-anchor-link"><span>placeholder</span><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" id="icon-anchor-b"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5" id="icon-anchor-c"></path></svg></a></h3>
|
data-toggle="menu"
|
||||||
<div class="tsd-signature">placeholder<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
aria-label="Menu"
|
||||||
<div class="tsd-comment tsd-typography"><p>Search text.</p>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
</div><aside class="tsd-sources">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/language.interface.ts#L9">interfaces/language.interface.ts:9</a></li></ul></aside></section>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="selectPlaceholder" class="tsd-anchor"></a>
|
></a>
|
||||||
<h3 class="tsd-anchor-link"><span>select<wbr/>Placeholder</span><a href="#selectPlaceholder" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
</div>
|
||||||
<div class="tsd-signature">select<wbr/>Placeholder<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
</div>
|
||||||
<div class="tsd-comment tsd-typography"><p>Default Select Text if no placeholder or selected element is specified.</p>
|
</header>
|
||||||
</div><aside class="tsd-sources">
|
<div class="container container-main">
|
||||||
<ul>
|
<div class="col-8 col-content">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/language.interface.ts#L14">interfaces/language.interface.ts:14</a></li></ul></aside></section>
|
<div class="tsd-page-title">
|
||||||
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a id="textInListSearch" class="tsd-anchor"></a>
|
<ul class="tsd-breadcrumb">
|
||||||
<h3 class="tsd-anchor-link"><span>text<wbr/>In<wbr/>List<wbr/>Search</span><a href="#textInListSearch" aria-label="Permalink" class="tsd-anchor-icon"><svg class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><use href="#icon-anchor-a"></use><use href="#icon-anchor-b"></use><use href="#icon-anchor-c"></use></svg></a></h3>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<div class="tsd-signature">text<wbr/>In<wbr/>List<wbr/>Search<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
|
<li>
|
||||||
<div class="tsd-comment tsd-typography"><p>Text if no match.</p>
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
</div><aside class="tsd-sources">
|
</li>
|
||||||
<ul>
|
<li><a href="interfaces_language_interface.ILanguage.html">ILanguage</a></li>
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/language.interface.ts#L19">interfaces/language.interface.ts:19</a></li></ul></aside></section></section></div>
|
</ul>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<h1>Interface ILanguage</h1>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<section class="tsd-panel tsd-comment">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<div class="tsd-comment tsd-typography">
|
||||||
<div class="tsd-accordion-details">
|
<h3>Description</h3>
|
||||||
<div class="tsd-filter-visibility">
|
<p>Settings for adding languages.</p>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</div>
|
||||||
<ul id="tsd-filter-options">
|
</section>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<section class="tsd-panel tsd-hierarchy">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<h4>Hierarchy</h4>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<ul class="tsd-hierarchy">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<li><span class="target">ILanguage</span></li>
|
||||||
<div class="tsd-theme-toggle">
|
</ul>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</section>
|
||||||
<nav class="tsd-navigation primary">
|
<aside class="tsd-sources">
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<ul>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<li>
|
||||||
<div class="tsd-accordion-details">
|
Defined in
|
||||||
<ul>
|
<a
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/language.interface.ts#L4"
|
||||||
<ul>
|
>interfaces/language.interface.ts:4</a
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
>
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
</li>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
</aside>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<details class="tsd-index-content tsd-index-accordion" open>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<summary class="tsd-accordion-summary tsd-index-summary">
|
||||||
<li class="tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<h5
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
class="tsd-index-heading uppercase"
|
||||||
<ul>
|
role="button"
|
||||||
<li class="current tsd-kind-interface tsd-parent-kind-module"><a href="interfaces_language_interface.ILanguage.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>ILanguage</span></a>
|
aria-expanded="false"
|
||||||
<ul>
|
tabindex="0"
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_language_interface.ILanguage.html#placeholder" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>placeholder</a></li>
|
>
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_language_interface.ILanguage.html#selectPlaceholder" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>select<wbr/>Placeholder</a></li>
|
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="interfaces_language_interface.ILanguage.html#textInListSearch" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-1024-path"></use><use href="#icon-1024-text"></use></svg>text<wbr/>In<wbr/>List<wbr/>Search</a></li></ul></li></ul></nav></div></div>
|
<path
|
||||||
<div class="container tsd-generator">
|
d="M1.5 5.50969L8 11.6609L14.5 5.50969L12.5466 3.66086L8 7.96494L3.45341 3.66086L1.5 5.50969Z"
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
fill="var(--color-text)"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
></path>
|
||||||
|
</svg>
|
||||||
|
Index
|
||||||
|
</h5>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Properties</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="interfaces_language_interface.ILanguage.html#placeholder"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="#FF984D"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="12"
|
||||||
|
id="icon-1024-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.354 16V7.24H12.174C12.99 7.24 13.638 7.476 14.118 7.948C14.606 8.412 14.85 9.036 14.85 9.82C14.85 10.604 14.606 11.232 14.118 11.704C13.638 12.168 12.99 12.4 12.174 12.4H10.434V16H9.354ZM10.434 11.428H12.174C12.646 11.428 13.022 11.284 13.302 10.996C13.59 10.7 13.734 10.308 13.734 9.82C13.734 9.324 13.59 8.932 13.302 8.644C13.022 8.356 12.646 8.212 12.174 8.212H10.434V11.428Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-1024-text"
|
||||||
|
></path></svg
|
||||||
|
><span>placeholder</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_language_interface.ILanguage.html#selectPlaceholder"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>select<wbr />Placeholder</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="interfaces_language_interface.ILanguage.html#textInListSearch"
|
||||||
|
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
><span>text<wbr />In<wbr />List<wbr />Search</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-member-group">
|
||||||
|
<h2>Properties</h2>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="placeholder" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>placeholder</span
|
||||||
|
><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
|
||||||
|
<path
|
||||||
|
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
|
||||||
|
id="icon-anchor-b"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
|
||||||
|
id="icon-anchor-c"
|
||||||
|
></path></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
placeholder<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Search text.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/language.interface.ts#L9"
|
||||||
|
>interfaces/language.interface.ts:9</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="selectPlaceholder" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>select<wbr />Placeholder</span
|
||||||
|
><a href="#selectPlaceholder" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
select<wbr />Placeholder<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography">
|
||||||
|
<p>Default Select Text if no placeholder or selected element is specified.</p>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/language.interface.ts#L14"
|
||||||
|
>interfaces/language.interface.ts:14</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a id="textInListSearch" class="tsd-anchor"></a>
|
||||||
|
<h3 class="tsd-anchor-link">
|
||||||
|
<span>text<wbr />In<wbr />List<wbr />Search</span
|
||||||
|
><a href="#textInListSearch" aria-label="Permalink" class="tsd-anchor-icon"
|
||||||
|
><svg
|
||||||
|
class="icon icon-tabler icon-tabler-link"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
stroke-width="2"
|
||||||
|
stroke="currentColor"
|
||||||
|
fill="none"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
>
|
||||||
|
<use href="#icon-anchor-a"></use>
|
||||||
|
<use href="#icon-anchor-b"></use>
|
||||||
|
<use href="#icon-anchor-c"></use></svg
|
||||||
|
></a>
|
||||||
|
</h3>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
text<wbr />In<wbr />List<wbr />Search<span class="tsd-signature-symbol">:</span>
|
||||||
|
<span class="tsd-signature-type">string</span>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-comment tsd-typography"><p>Text if no match.</p></div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/language.interface.ts#L19"
|
||||||
|
>interfaces/language.interface.ts:19</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a href="interfaces_language_interface.ILanguage.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>ILanguage</span></a
|
||||||
|
>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="interfaces_language_interface.ILanguage.html#placeholder"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>placeholder</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="interfaces_language_interface.ILanguage.html#selectPlaceholder"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>select<wbr />Placeholder</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-property tsd-parent-kind-interface">
|
||||||
|
<a
|
||||||
|
href="interfaces_language_interface.ILanguage.html#textInListSearch"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-1024-path"></use>
|
||||||
|
<use href="#icon-1024-text"></use></svg
|
||||||
|
>text<wbr />In<wbr />List<wbr />Search</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,62 +1,305 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script async src="assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base=".">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<h2>cg-select</h2></div>
|
<script>
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<section class="tsd-panel tsd-index-panel">
|
</script>
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
<header class="tsd-page-toolbar">
|
||||||
<section class="tsd-index-section">
|
<div class="tsd-toolbar-contents container">
|
||||||
<h3 class="tsd-index-heading">Modules</h3>
|
<div class="table-cell" id="tsd-search" data-base=".">
|
||||||
<div class="tsd-index-list"><a href="modules/Utils.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-namespace)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-4-path"></rect><path d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z" fill="var(--color-text)" id="icon-4-text"></path></svg><span>Utils</span></a>
|
<div class="field">
|
||||||
<a href="modules/cg_select.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>cg-<wbr/>select</span></a>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<a href="modules/components_create_element_create_element.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>components/create-<wbr/>element/create-<wbr/>element</span></a>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<a href="modules/components_create_element_create_element_interface.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>components/create-<wbr/>element/create-<wbr/>element.interface</span></a>
|
<path
|
||||||
<a href="modules/components_utils_urils_interface.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>components/utils/urils.interface</span></a>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<a href="modules/interfaces_cg_select_interface.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>interfaces/cg-<wbr/>select.interface</span></a>
|
fill="var(--color-text)"
|
||||||
<a href="modules/interfaces_items_interface.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>interfaces/items.interface</span></a>
|
></path></svg></label
|
||||||
<a href="modules/interfaces_language_interface.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>interfaces/language.interface</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<a href="modules/language_language.html" class="tsd-index-link tsd-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-4-path"></use><use href="#icon-4-text"></use></svg><span>language/language</span></a>
|
</div>
|
||||||
</div></section></section></section></div>
|
<div class="field">
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<ul class="results">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-accordion-details">
|
<li class="state failure">The search index is not available</li>
|
||||||
<div class="tsd-filter-visibility">
|
</ul>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<a href="index.html" class="title">Home</a>
|
||||||
<ul id="tsd-filter-options">
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
href="#"
|
||||||
<div class="tsd-theme-toggle">
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
data-toggle="menu"
|
||||||
<nav class="tsd-navigation primary">
|
aria-label="Menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="current selected"><a href="modules.html">cg-<wbr/>select</a>
|
></a>
|
||||||
<ul>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="modules/Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="selected tsd-kind-module"><a href="modules/cg_select.html">cg-<wbr/>select</a></li>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-module"><a href="modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="tsd-kind-module"><a href="modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<h2>Modules in CG-Select</h2>
|
||||||
<li class="tsd-kind-module"><a href="modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<li class="tsd-kind-module"><a href="modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav></div></div>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<div class="container tsd-generator">
|
<section class="tsd-index-section">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<h3 class="tsd-index-heading">Main</h3>
|
||||||
<div class="overlay"></div><script src="assets/main.js"></script></body></html>
|
<div class="tsd-index-list">
|
||||||
|
<a href="modules/cg_select.html" class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>CG-<wbr />Select</span></a
|
||||||
|
>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="modules/interfaces_cg_select_interface.html"
|
||||||
|
class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>cg-<wbr />select.interface</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="modules/interfaces_items_interface.html"
|
||||||
|
class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>items.interface</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<h4 class="tsd-index-heading">Utils</h4>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a href="modules/Utils.html" class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-namespace)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-4-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.33 16V7.24H10.77L13.446 14.74C13.43 14.54 13.41 14.296 13.386 14.008C13.37 13.712 13.354 13.404 13.338 13.084C13.33 12.756 13.326 12.448 13.326 12.16V7.24H14.37V16H12.93L10.266 8.5C10.282 8.692 10.298 8.936 10.314 9.232C10.33 9.52 10.342 9.828 10.35 10.156C10.366 10.476 10.374 10.784 10.374 11.08V16H9.33Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-4-text"
|
||||||
|
></path></svg
|
||||||
|
><span>Utils</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="modules/components_utils_urils_interface.html"
|
||||||
|
class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>utils.interface</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 class="tsd-index-heading">Create-element</h4>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="modules/components_create_element_create_element.html"
|
||||||
|
class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>create-<wbr />element</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="modules/components_create_element_create_element_interface.html"
|
||||||
|
class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>create-<wbr />element.interface</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 class="tsd-index-heading">Language</h4>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a href="modules/language_language.html" class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>language</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="modules/interfaces_language_interface.html"
|
||||||
|
class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>language.interface</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h4 class="tsd-index-heading">Change-Theme</h4>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a href="modules/components_theme_theme.html" class="tsd-index-link tsd-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-4-path"></use>
|
||||||
|
<use href="#icon-4-text"></use></svg
|
||||||
|
><span>theme</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current selected">
|
||||||
|
<a href="modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,83 +1,389 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Utils | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>Utils | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="Utils.html">Utils</a></li></ul>
|
</script>
|
||||||
<h1>Module Utils</h1></div>
|
<header class="tsd-page-toolbar">
|
||||||
<section class="tsd-panel tsd-comment">
|
<div class="tsd-toolbar-contents container">
|
||||||
<div class="tsd-comment tsd-typography"><p>Utils module</p>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
</div></section><aside class="tsd-sources">
|
<div class="field">
|
||||||
<ul>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/utils.ts#L5">components/utils/utils.ts:5</a></li></ul></aside>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel-group">
|
<path
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
fill="var(--color-text)"
|
||||||
<section class="tsd-panel tsd-index-panel">
|
></path></svg></label
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<section class="tsd-index-section">
|
</div>
|
||||||
<h3 class="tsd-index-heading">Functions</h3>
|
<div class="field">
|
||||||
<div class="tsd-index-list"><a href="../functions/Utils.checkItemStruct.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg><span>check<wbr/>Item<wbr/>Struct</span></a>
|
<div id="tsd-toolbar-links"></div>
|
||||||
<a href="../functions/Utils.clearSelect.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>clear<wbr/>Select</span></a>
|
</div>
|
||||||
<a href="../functions/Utils.createSelected.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>create<wbr/>Selected</span></a>
|
<ul class="results">
|
||||||
<a href="../functions/Utils.customStyles.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>custom<wbr/>Styles</span></a>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<a href="../functions/Utils.customStylesFormat.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>custom<wbr/>Styles<wbr/>Format</span></a>
|
<li class="state failure">The search index is not available</li>
|
||||||
<a href="../functions/Utils.getFormatItem.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>get<wbr/>Format<wbr/>Item</span></a>
|
</ul>
|
||||||
<a href="../functions/Utils.getSelectText.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>get<wbr/>Select<wbr/>Text</span></a>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<a href="../functions/Utils.nativeOptionMultiple.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>native<wbr/>Option<wbr/>Multiple</span></a>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<a href="../functions/Utils.nativeOptionOrdinary.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>native<wbr/>Option<wbr/>Ordinary</span></a>
|
</div>
|
||||||
</div></section></section></section></div>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<a
|
||||||
<div class="tsd-navigation settings">
|
href="#"
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
data-toggle="menu"
|
||||||
<div class="tsd-accordion-details">
|
aria-label="Menu"
|
||||||
<div class="tsd-filter-visibility">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul id="tsd-filter-options">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
></a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
</div>
|
||||||
<div class="tsd-theme-toggle">
|
</header>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
<div class="container container-main">
|
||||||
<nav class="tsd-navigation primary">
|
<div class="col-8 col-content">
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<div class="tsd-page-title">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<ul class="tsd-breadcrumb">
|
||||||
<div class="tsd-accordion-details">
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<ul>
|
<li><a href="Utils.html">Utils</a></li>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</ul>
|
||||||
<ul>
|
<h1>Module Utils</h1>
|
||||||
<li class="current selected tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
<section class="tsd-panel tsd-comment">
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<div class="tsd-comment tsd-typography"><p>Utils module</p></div>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
</section>
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<aside class="tsd-sources">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<ul>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<li>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
Defined in
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<a
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L5"
|
||||||
<ul>
|
>components/utils/utils.ts:5</a
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.checkItemStruct.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>check<wbr/>Item<wbr/>Struct</a></li>
|
>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.clearSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>clear<wbr/>Select</a></li>
|
</li>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.createSelected.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Selected</a></li>
|
</ul>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.customStyles.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles</a></li>
|
</aside>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.customStylesFormat.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>custom<wbr/>Styles<wbr/>Format</a></li>
|
<section class="tsd-panel-group">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.getFormatItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Format<wbr/>Item</a></li>
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.getSelectText.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>get<wbr/>Select<wbr/>Text</a></li>
|
</section>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.nativeOptionMultiple.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Multiple</a></li>
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/Utils.nativeOptionOrdinary.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>native<wbr/>Option<wbr/>Ordinary</a></li></ul></nav></div></div>
|
<section class="tsd-panel tsd-index-panel">
|
||||||
<div class="container tsd-generator">
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<section class="tsd-index-section">
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<h3 class="tsd-index-heading">Functions</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.checkItemStruct.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
><span>check<wbr />Item<wbr />Struct</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.clearSelect.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>clear<wbr />Select</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.createSelected.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>create<wbr />Selected</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.customStyles.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>custom<wbr />Styles</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.customStylesFormat.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>custom<wbr />Styles<wbr />Format</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.getFormatItem.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>get<wbr />Format<wbr />Item</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.getSelectText.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>get<wbr />Select<wbr />Text</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.nativeOptionMultiple.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>native<wbr />Option<wbr />Multiple</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/Utils.nativeOptionOrdinary.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>native<wbr />Option<wbr />Ordinary</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">Language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.checkItemStruct.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>check<wbr />Item<wbr />Struct</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.clearSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>clear<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.createSelected.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Selected</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.customStyles.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.customStylesFormat.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>custom<wbr />Styles<wbr />Format</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.getFormatItem.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Format<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.getSelectText.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>get<wbr />Select<wbr />Text</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.nativeOptionMultiple.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Multiple</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/Utils.nativeOptionOrdinary.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>native<wbr />Option<wbr />Ordinary</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,64 +1,255 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="cg_select.html">cg-select</a></li></ul>
|
</script>
|
||||||
<h1>Module cg-select</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/cg-select.ts#L1">cg-select.ts:1</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Classes</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../classes/cg_select.CGSelect.html" class="tsd-index-link tsd-kind-class tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-128-path"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)" id="icon-128-text"></path></svg><span>CGSelect</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
</div></section></section></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="field">
|
||||||
<div class="tsd-navigation settings">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-filter-visibility">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</ul>
|
||||||
<ul id="tsd-filter-options">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<a
|
||||||
<div class="tsd-theme-toggle">
|
href="#"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<nav class="tsd-navigation primary">
|
data-toggle="menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
aria-label="Menu"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<ul>
|
></a>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="current selected tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<li><a href="cg_select.html">Cg-select</a></li>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</ul>
|
||||||
<ul>
|
<h1>Module cg-select</h1>
|
||||||
<li class="tsd-kind-class tsd-parent-kind-module"><a href="../classes/cg_select.CGSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-128-path"></use><use href="#icon-128-text"></use></svg>CGSelect</a></li></ul></nav></div></div>
|
</div>
|
||||||
<div class="container tsd-generator">
|
<aside class="tsd-sources">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<ul>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/cg-select.ts#L1"
|
||||||
|
>cg-select.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Classes</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../classes/cg_select.CGSelect.html"
|
||||||
|
class="tsd-index-link tsd-kind-class tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-class)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-128-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-128-text"
|
||||||
|
></path></svg
|
||||||
|
><span>CGSelect</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-class tsd-parent-kind-module">
|
||||||
|
<a href="../classes/cg_select.CGSelect.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-128-path"></use>
|
||||||
|
<use href="#icon-128-text"></use></svg
|
||||||
|
>CGSelect</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,70 +1,314 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>components/create-element/create-element | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>components/create-element/create-element | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="components_create_element_create_element.html">components/create-element/create-element</a></li></ul>
|
</script>
|
||||||
<h1>Module components/create-element/create-element</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.ts#L1">components/create-element/create-element.ts:1</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Functions</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../functions/components_create_element_create_element.createBreadCrumb.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-function)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-64-path"></rect><path d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z" fill="var(--color-text)" id="icon-64-text"></path></svg><span>create<wbr/>Bread<wbr/>Crumb</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<a href="../functions/components_create_element_create_element.createInputSearch.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>create<wbr/>Input<wbr/>Search</span></a>
|
</div>
|
||||||
<a href="../functions/components_create_element_create_element.createNativeSelect.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>create<wbr/>Native<wbr/>Select</span></a>
|
<div class="field">
|
||||||
<a href="../functions/components_create_element_create_element.createNativeSelectOption.html" class="tsd-index-link tsd-kind-function tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg><span>create<wbr/>Native<wbr/>Select<wbr/>Option</span></a>
|
<div id="tsd-toolbar-links"></div>
|
||||||
</div></section></section></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<ul class="results">
|
||||||
<div class="tsd-navigation settings">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
</ul>
|
||||||
<div class="tsd-accordion-details">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<div class="tsd-filter-visibility">
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</div>
|
||||||
<ul id="tsd-filter-options">
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
href="#"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
data-toggle="menu"
|
||||||
<div class="tsd-theme-toggle">
|
aria-label="Menu"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<nav class="tsd-navigation primary">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<div class="tsd-accordion-details">
|
></a>
|
||||||
<ul>
|
</div>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
</div>
|
||||||
<ul>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="current selected tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<li>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<a href="components_create_element_create_element.html">Create-element</a>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
</li>
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</ul>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
<h1>Module components/create-element</h1>
|
||||||
<ul>
|
</div>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/components_create_element_create_element.createBreadCrumb.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Bread<wbr/>Crumb</a></li>
|
<aside class="tsd-sources">
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/components_create_element_create_element.createInputSearch.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Input<wbr/>Search</a></li>
|
<ul>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/components_create_element_create_element.createNativeSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select</a></li>
|
<li>
|
||||||
<li class="tsd-kind-function tsd-parent-kind-module"><a href="../functions/components_create_element_create_element.createNativeSelectOption.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-64-path"></use><use href="#icon-64-text"></use></svg>create<wbr/>Native<wbr/>Select<wbr/>Option</a></li></ul></nav></div></div>
|
Defined in
|
||||||
<div class="container tsd-generator">
|
<a
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L1"
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
>components/create-element/create-element.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Functions</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createBreadCrumb.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
><span>create<wbr />Bread<wbr />Crumb</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createInputSearch.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>create<wbr />Input<wbr />Search</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createNativeSelect.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>create<wbr />Native<wbr />Select</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createNativeSelectOption.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
><span>create<wbr />Native<wbr />Select<wbr />Option</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createBreadCrumb.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Bread<wbr />Crumb</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createInputSearch.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Input<wbr />Search</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createNativeSelect.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../functions/components_create_element_create_element.createNativeSelectOption.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>create<wbr />Native<wbr />Select<wbr />Option</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,64 +1,262 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>components/create-element/create-element.interface | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>components/create-element/create-element.interface | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="components_create_element_create_element_interface.html">components/create-element/create-element.interface</a></li></ul>
|
</script>
|
||||||
<h1>Module components/create-element/create-element.interface</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/create-element/create-element.interface.ts#L1">components/create-element/create-element.interface.ts:1</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Interfaces</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>ICreate<wbr/>Bread<wbr/>Crumb</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
</div></section></section></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="field">
|
||||||
<div class="tsd-navigation settings">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-filter-visibility">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</ul>
|
||||||
<ul id="tsd-filter-options">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<a
|
||||||
<div class="tsd-theme-toggle">
|
href="#"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<nav class="tsd-navigation primary">
|
data-toggle="menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
aria-label="Menu"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<ul>
|
></a>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</header>
|
||||||
<li class="current selected tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<li>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
<a href="components_create_element_create_element_interface.html"
|
||||||
<ul>
|
>Create-element.interface</a
|
||||||
<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>ICreate<wbr/>Bread<wbr/>Crumb</a></li></ul></nav></div></div>
|
>
|
||||||
<div class="container tsd-generator">
|
</li>
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
</ul>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<h1>Module components/create-element.interface</h1>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.interface.ts#L1"
|
||||||
|
>components/create-element/create-element.interface.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Interfaces</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
|
||||||
|
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>ICreate<wbr />Bread<wbr />Crumb</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
>ICreate<wbr />Bread<wbr />Crumb</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
256
docs/modules/components_theme_theme.html
Normal file
256
docs/modules/components_theme_theme.html
Normal file
@ -0,0 +1,256 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html class="default" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
|
<title>components/theme/theme | cg-select</title>
|
||||||
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<script>
|
||||||
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
|
</script>
|
||||||
|
<header class="tsd-page-toolbar">
|
||||||
|
<div class="tsd-toolbar-contents container">
|
||||||
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
|
<div class="field">
|
||||||
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<path
|
||||||
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path></svg></label
|
||||||
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<div id="tsd-toolbar-links"></div>
|
||||||
|
</div>
|
||||||
|
<ul class="results">
|
||||||
|
<li class="state loading">Preparing search index...</li>
|
||||||
|
<li class="state failure">The search index is not available</li>
|
||||||
|
</ul>
|
||||||
|
<a href="../index.html" class="title">Home</a>
|
||||||
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
|
</div>
|
||||||
|
<div class="table-cell" id="tsd-widgets">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
|
data-toggle="menu"
|
||||||
|
aria-label="Menu"
|
||||||
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
|
></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<div class="container container-main">
|
||||||
|
<div class="col-8 col-content">
|
||||||
|
<div class="tsd-page-title">
|
||||||
|
<ul class="tsd-breadcrumb">
|
||||||
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
|
<li><a href="components_theme_theme.html">Theme</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Module components/Theme</h1>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/theme/theme.ts#L1"
|
||||||
|
>components/theme/theme.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Functions</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../functions/components_theme_theme.changeTheme.html"
|
||||||
|
class="tsd-index-link tsd-kind-function tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-function)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-64-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-64-text"
|
||||||
|
></path></svg
|
||||||
|
><span>change<wbr />Theme</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-function tsd-parent-kind-module">
|
||||||
|
<a href="../functions/components_theme_theme.changeTheme.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-64-path"></use>
|
||||||
|
<use href="#icon-64-text"></use></svg
|
||||||
|
>change<wbr />Theme</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1,66 +1,280 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>components/utils/urils.interface | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>components/utils/urils.interface | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li></ul>
|
</script>
|
||||||
<h1>Module components/utils/urils.interface</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/components/utils/urils.interface.ts#L1">components/utils/urils.interface.ts:1</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Interfaces</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../interfaces/components_utils_urils_interface.IDataItem.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>IData<wbr/>Item</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<a href="../interfaces/components_utils_urils_interface.ISelectedItems.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>ISelected<wbr/>Items</span></a>
|
</div>
|
||||||
</div></section></section></section></div>
|
<div class="field">
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<ul class="results">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-accordion-details">
|
<li class="state failure">The search index is not available</li>
|
||||||
<div class="tsd-filter-visibility">
|
</ul>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<ul id="tsd-filter-options">
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
href="#"
|
||||||
<div class="tsd-theme-toggle">
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
data-toggle="menu"
|
||||||
<nav class="tsd-navigation primary">
|
aria-label="Menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
></a>
|
||||||
<ul>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="current selected tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<li><a href="../modules.html">All module</a></li>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<li>
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<a href="components_utils_urils_interface.html">utils.interface</a>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</li>
|
||||||
<ul>
|
</ul>
|
||||||
<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/components_utils_urils_interface.IDataItem.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>IData<wbr/>Item</a></li>
|
<h1>Module components/urils.interface</h1>
|
||||||
<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/components_utils_urils_interface.ISelectedItems.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>ISelected<wbr/>Items</a></li></ul></nav></div></div>
|
</div>
|
||||||
<div class="container tsd-generator">
|
<aside class="tsd-sources">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<ul>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L1"
|
||||||
|
>components/utils/urils.interface.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Interfaces</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../interfaces/components_utils_urils_interface.IDataItem.html"
|
||||||
|
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>IData<wbr />Item</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
|
||||||
|
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
><span>ISelected<wbr />Items</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../interfaces/components_utils_urils_interface.IDataItem.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
>IData<wbr />Item</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
>ISelected<wbr />Items</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,66 +1,280 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>interfaces/cg-select.interface | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>interfaces/cg-select.interface | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="interfaces_cg_select_interface.html">interfaces/cg-select.interface</a></li></ul>
|
</script>
|
||||||
<h1>Module interfaces/cg-select.interface</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/cg-select.interface.ts#L1">interfaces/cg-select.interface.ts:1</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Interfaces</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../interfaces/interfaces_cg_select_interface.ICgSelect.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>ICg<wbr/>Select</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<a href="../interfaces/interfaces_cg_select_interface.IStyle.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg><span>IStyle</span></a>
|
</div>
|
||||||
</div></section></section></section></div>
|
<div class="field">
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<ul class="results">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-accordion-details">
|
<li class="state failure">The search index is not available</li>
|
||||||
<div class="tsd-filter-visibility">
|
</ul>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<ul id="tsd-filter-options">
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
href="#"
|
||||||
<div class="tsd-theme-toggle">
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
data-toggle="menu"
|
||||||
<nav class="tsd-navigation primary">
|
aria-label="Menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
></a>
|
||||||
<ul>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="current selected tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<li>
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<a href="interfaces_cg_select_interface.html">Cg-select.interface</a>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</li>
|
||||||
<ul>
|
</ul>
|
||||||
<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/interfaces_cg_select_interface.ICgSelect.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>ICg<wbr/>Select</a></li>
|
<h1>Module interfaces/Cg-select.interface</h1>
|
||||||
<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/interfaces_cg_select_interface.IStyle.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>IStyle</a></li></ul></nav></div></div>
|
</div>
|
||||||
<div class="container tsd-generator">
|
<aside class="tsd-sources">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<ul>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L1"
|
||||||
|
>interfaces/cg-select.interface.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Interfaces</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_cg_select_interface.ICgSelect.html"
|
||||||
|
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>ICg<wbr />Select</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_cg_select_interface.IStyle.html"
|
||||||
|
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
><span>IStyle</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/Utils.html">Utils</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_cg_select_interface.ICgSelect.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
>ICg<wbr />Select</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_cg_select_interface.IStyle.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
>IStyle</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,64 +1,256 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>interfaces/items.interface | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>interfaces/items.interface | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="interfaces_items_interface.html">interfaces/items.interface</a></li></ul>
|
</script>
|
||||||
<h1>Module interfaces/items.interface</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/items.interface.ts#L4">interfaces/items.interface.ts:4</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Interfaces</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../interfaces/interfaces_items_interface.IItems.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>IItems</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
</div></section></section></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="field">
|
||||||
<div class="tsd-navigation settings">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-filter-visibility">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</ul>
|
||||||
<ul id="tsd-filter-options">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<a
|
||||||
<div class="tsd-theme-toggle">
|
href="#"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<nav class="tsd-navigation primary">
|
data-toggle="menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
aria-label="Menu"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<ul>
|
></a>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="current selected tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<li><a href="interfaces_items_interface.html">Items.interface</a></li>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</ul>
|
||||||
<ul>
|
<h1>Module interfaces/Items.interface</h1>
|
||||||
<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/interfaces_items_interface.IItems.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>IItems</a></li></ul></nav></div></div>
|
</div>
|
||||||
<div class="container tsd-generator">
|
<aside class="tsd-sources">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<ul>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/items.interface.ts#L4"
|
||||||
|
>interfaces/items.interface.ts:4</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Interfaces</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_items_interface.IItems.html"
|
||||||
|
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>IItems</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">Language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a href="../interfaces/interfaces_items_interface.IItems.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
>IItems</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,64 +1,258 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>interfaces/language.interface | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>interfaces/language.interface | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="interfaces_language_interface.html">interfaces/language.interface</a></li></ul>
|
</script>
|
||||||
<h1>Module interfaces/language.interface</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/interfaces/language.interface.ts#L4">interfaces/language.interface.ts:4</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Interfaces</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../interfaces/interfaces_language_interface.ILanguage.html" class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-interface)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-256-path"></rect><path d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z" fill="var(--color-text)" id="icon-256-text"></path></svg><span>ILanguage</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
</div></section></section></section></div>
|
</div>
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div class="field">
|
||||||
<div class="tsd-navigation settings">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
</div>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<ul class="results">
|
||||||
<div class="tsd-accordion-details">
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-filter-visibility">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</ul>
|
||||||
<ul id="tsd-filter-options">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<a
|
||||||
<div class="tsd-theme-toggle">
|
href="#"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<nav class="tsd-navigation primary">
|
data-toggle="menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
aria-label="Menu"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<ul>
|
></a>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="current selected tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
<li><a href="interfaces_language_interface.html">Language.interface</a></li>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</ul>
|
||||||
<ul>
|
<h1>Module interfaces/Language.interface</h1>
|
||||||
<li class="tsd-kind-interface tsd-parent-kind-module"><a href="../interfaces/interfaces_language_interface.ILanguage.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-256-path"></use><use href="#icon-256-text"></use></svg>ILanguage</a></li></ul></nav></div></div>
|
</div>
|
||||||
<div class="container tsd-generator">
|
<aside class="tsd-sources">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<ul>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a
|
||||||
|
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/language.interface.ts#L4"
|
||||||
|
>interfaces/language.interface.ts:4</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Interfaces</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_language_interface.ILanguage.html"
|
||||||
|
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-interface)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-256-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M9.51 16V15.016H11.298V8.224H9.51V7.24H14.19V8.224H12.402V15.016H14.19V16H9.51Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-256-text"
|
||||||
|
></path></svg
|
||||||
|
><span>ILanguage</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">Language</a>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-interface tsd-parent-kind-module">
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_language_interface.ILanguage.html"
|
||||||
|
class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-256-path"></use>
|
||||||
|
<use href="#icon-256-text"></use></svg
|
||||||
|
>ILanguage</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,66 +1,271 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>language/language | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>language/language | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="language_language.html">language/language</a></li></ul>
|
</script>
|
||||||
<h1>Module language/language</h1></div><aside class="tsd-sources">
|
<header class="tsd-page-toolbar">
|
||||||
<ul>
|
<div class="tsd-toolbar-contents container">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/language/language.ts#L1">language/language.ts:1</a></li></ul></aside>
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<section class="tsd-panel-group">
|
<div class="field">
|
||||||
<section class="tsd-panel tsd-typography"></section></section>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<section class="tsd-panel-group tsd-index-group">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<section class="tsd-panel tsd-index-panel">
|
<path
|
||||||
<h3 class="tsd-index-heading uppercase">Index</h3>
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<section class="tsd-index-section">
|
fill="var(--color-text)"
|
||||||
<h3 class="tsd-index-heading">Variables</h3>
|
></path></svg></label
|
||||||
<div class="tsd-index-list"><a href="../variables/language_language.en.html" class="tsd-index-link tsd-kind-variable tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-32-path"></rect><path d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z" fill="var(--color-text)" id="icon-32-text"></path></svg><span>en</span></a>
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<a href="../variables/language_language.ru.html" class="tsd-index-link tsd-kind-variable tsd-parent-kind-module"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg><span>ru</span></a>
|
</div>
|
||||||
</div></section></section></section></div>
|
<div class="field">
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
<div id="tsd-toolbar-links"></div>
|
||||||
<div class="tsd-navigation settings">
|
</div>
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
<ul class="results">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-accordion-details">
|
<li class="state failure">The search index is not available</li>
|
||||||
<div class="tsd-filter-visibility">
|
</ul>
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
<a href="../index.html" class="title">Home</a>
|
||||||
<ul id="tsd-filter-options">
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<a
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
href="#"
|
||||||
<div class="tsd-theme-toggle">
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
data-toggle="menu"
|
||||||
<nav class="tsd-navigation primary">
|
aria-label="Menu"
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<div class="tsd-accordion-details">
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<ul>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
></a>
|
||||||
<ul>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="Utils.html">Utils</a></li>
|
</div>
|
||||||
<li class="tsd-kind-module"><a href="cg_select.html">cg-<wbr/>select</a></li>
|
</header>
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-module"><a href="components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-module"><a href="components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<div class="tsd-page-title">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<ul class="tsd-breadcrumb">
|
||||||
<li class="tsd-kind-module"><a href="interfaces_items_interface.html">interfaces/items.interface</a></li>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<li class="tsd-kind-module"><a href="interfaces_language_interface.html">interfaces/language.interface</a></li>
|
<li><a href="language_language.html">Language</a></li>
|
||||||
<li class="current selected tsd-kind-module"><a href="language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</ul>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
<h1>Module language/Language</h1>
|
||||||
<ul>
|
</div>
|
||||||
<li class="tsd-kind-variable tsd-parent-kind-module"><a href="../variables/language_language.en.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>en</a></li>
|
<aside class="tsd-sources">
|
||||||
<li class="tsd-kind-variable tsd-parent-kind-module"><a href="../variables/language_language.ru.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>ru</a></li></ul></nav></div></div>
|
<ul>
|
||||||
<div class="container tsd-generator">
|
<li>
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
Defined in
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L1"
|
||||||
|
>language/language.ts:1</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
<section class="tsd-panel-group">
|
||||||
|
<section class="tsd-panel tsd-typography"></section>
|
||||||
|
</section>
|
||||||
|
<section class="tsd-panel-group tsd-index-group">
|
||||||
|
<section class="tsd-panel tsd-index-panel">
|
||||||
|
<h3 class="tsd-index-heading uppercase">Index</h3>
|
||||||
|
<section class="tsd-index-section">
|
||||||
|
<h3 class="tsd-index-heading">Variables</h3>
|
||||||
|
<div class="tsd-index-list">
|
||||||
|
<a
|
||||||
|
href="../variables/language_language.en.html"
|
||||||
|
class="tsd-index-link tsd-kind-variable tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-variable)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-32-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-32-text"
|
||||||
|
></path></svg
|
||||||
|
><span>en</span></a
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="../variables/language_language.ru.html"
|
||||||
|
class="tsd-index-link tsd-kind-variable tsd-parent-kind-module"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-32-path"></use>
|
||||||
|
<use href="#icon-32-text"></use></svg
|
||||||
|
><span>ru</span></a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">Language</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-variable tsd-parent-kind-module">
|
||||||
|
<a href="../variables/language_language.en.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-32-path"></use>
|
||||||
|
<use href="#icon-32-text"></use></svg
|
||||||
|
>en</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-variable tsd-parent-kind-module">
|
||||||
|
<a href="../variables/language_language.ru.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-32-path"></use>
|
||||||
|
<use href="#icon-32-text"></use></svg
|
||||||
|
>ru</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,58 +1,252 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>en | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>en | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/language_language.html">language/language</a></li>
|
</script>
|
||||||
<li><a href="language_language.en.html">en</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Variable en<code class="tsd-tag ts-flagConst">Const</code> </h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<div class="tsd-signature">en<span class="tsd-signature-symbol">:</span> <a href="../interfaces/interfaces_language_interface.ILanguage.html" class="tsd-signature-type" data-tsd-kind="Interface">ILanguage</a><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul>
|
<div class="field">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/language/language.ts#L9">language/language.ts:9</a></li></ul></aside></div>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-navigation settings">
|
<path
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
fill="var(--color-text)"
|
||||||
<div class="tsd-accordion-details">
|
></path></svg></label
|
||||||
<div class="tsd-filter-visibility">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</div>
|
||||||
<ul id="tsd-filter-options">
|
<div class="field">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<div id="tsd-toolbar-links"></div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<ul class="results">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-theme-toggle">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</ul>
|
||||||
<nav class="tsd-navigation primary">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
</div>
|
||||||
<div class="tsd-accordion-details">
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<ul>
|
<a
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
href="#"
|
||||||
<ul>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
data-toggle="menu"
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
aria-label="Menu"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
></a>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
</div>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</div>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</header>
|
||||||
<ul>
|
<div class="container container-main">
|
||||||
<li class="current tsd-kind-variable tsd-parent-kind-module"><a href="language_language.en.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-32-path"></rect><path d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z" fill="var(--color-text)" id="icon-32-text"></path></svg>en</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="tsd-kind-variable tsd-parent-kind-module"><a href="language_language.ru.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>ru</a></li></ul></nav></div></div>
|
<div class="tsd-page-title">
|
||||||
<div class="container tsd-generator">
|
<ul class="tsd-breadcrumb">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<li><a href="../modules/language_language.html">Language</a></li>
|
||||||
|
<li><a href="language_language.en.html">en</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Variable en<code class="tsd-tag ts-flagConst">Const</code></h1>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
en<span class="tsd-signature-symbol">:</span>
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_language_interface.ILanguage.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>ILanguage</a
|
||||||
|
><span class="tsd-signature-symbol"> = ...</span>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L9"
|
||||||
|
>language/language.ts:9</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="current tsd-kind-variable tsd-parent-kind-module">
|
||||||
|
<a href="language_language.en.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-variable)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-32-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-32-text"
|
||||||
|
></path></svg
|
||||||
|
>en</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-variable tsd-parent-kind-module">
|
||||||
|
<a href="language_language.ru.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-32-path"></use>
|
||||||
|
<use href="#icon-32-text"></use></svg
|
||||||
|
>ru</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -1,58 +1,252 @@
|
|||||||
<!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>ru | cg-select</title><meta name="description" content="Documentation for cg-select"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os"</script><header class="tsd-page-toolbar">
|
<!DOCTYPE html>
|
||||||
<div class="tsd-toolbar-contents container">
|
<html class="default" lang="en">
|
||||||
<div class="table-cell" id="tsd-search" data-base="..">
|
<head>
|
||||||
<div class="field"><label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z" fill="var(--color-text)"></path></svg></label><input type="text" id="tsd-search-field" aria-label="Search"/></div>
|
<meta charset="utf-8" />
|
||||||
<div class="field">
|
<meta http-equiv="x-ua-compatible" content="IE=edge" />
|
||||||
<div id="tsd-toolbar-links"></div></div>
|
<title>ru | cg-select</title>
|
||||||
<ul class="results">
|
<meta name="description" content="Documentation for cg-select" />
|
||||||
<li class="state loading">Preparing search index...</li>
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">cg-select</a></div>
|
<link rel="stylesheet" href="../assets/style.css" />
|
||||||
<div class="table-cell" id="tsd-widgets"><a href="#" class="tsd-widget tsd-toolbar-icon menu no-caption" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect><rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg></a></div></div></header>
|
<link rel="stylesheet" href="../assets/highlight.css" />
|
||||||
<div class="container container-main">
|
<script async src="../assets/search.js" id="search-script"></script>
|
||||||
<div class="col-8 col-content">
|
</head>
|
||||||
<div class="tsd-page-title">
|
<body>
|
||||||
<ul class="tsd-breadcrumb">
|
<script>
|
||||||
<li><a href="../modules.html">cg-select</a></li>
|
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
|
||||||
<li><a href="../modules/language_language.html">language/language</a></li>
|
</script>
|
||||||
<li><a href="language_language.ru.html">ru</a></li></ul>
|
<header class="tsd-page-toolbar">
|
||||||
<h1>Variable ru<code class="tsd-tag ts-flagConst">Const</code> </h1></div>
|
<div class="tsd-toolbar-contents container">
|
||||||
<div class="tsd-signature">ru<span class="tsd-signature-symbol">:</span> <a href="../interfaces/interfaces_language_interface.ILanguage.html" class="tsd-signature-type" data-tsd-kind="Interface">ILanguage</a><span class="tsd-signature-symbol"> = ...</span></div><aside class="tsd-sources">
|
<div class="table-cell" id="tsd-search" data-base="..">
|
||||||
<ul>
|
<div class="field">
|
||||||
<li>Defined in <a href="https://github.com/apuc/cg-select/blob/15f73b1/src/language/language.ts#L3">language/language.ts:3</a></li></ul></aside></div>
|
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
|
||||||
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<div class="tsd-navigation settings">
|
<path
|
||||||
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Settings</h3></summary>
|
fill="var(--color-text)"
|
||||||
<div class="tsd-accordion-details">
|
></path></svg></label
|
||||||
<div class="tsd-filter-visibility">
|
><input type="text" id="tsd-search-field" aria-label="Search" />
|
||||||
<h4 class="uppercase">Member Visibility</h4><form>
|
</div>
|
||||||
<ul id="tsd-filter-options">
|
<div class="field">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li>
|
<div id="tsd-toolbar-links"></div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-private" name="private"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Private</span></label></li>
|
</div>
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li>
|
<ul class="results">
|
||||||
<li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></form></div>
|
<li class="state loading">Preparing search index...</li>
|
||||||
<div class="tsd-theme-toggle">
|
<li class="state failure">The search index is not available</li>
|
||||||
<h4 class="uppercase">Theme</h4><select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div>
|
</ul>
|
||||||
<nav class="tsd-navigation primary">
|
<a href="../index.html" class="title">Home</a>
|
||||||
<details class="tsd-index-accordion" open><summary class="tsd-accordion-summary">
|
<a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
|
||||||
<h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z" fill="var(--color-text)"></path></svg> Modules</h3></summary>
|
</div>
|
||||||
<div class="tsd-accordion-details">
|
<div class="table-cell" id="tsd-widgets">
|
||||||
<ul>
|
<a
|
||||||
<li class="current"><a href="../modules.html">cg-<wbr/>select</a>
|
href="#"
|
||||||
<ul>
|
class="tsd-widget tsd-toolbar-icon menu no-caption"
|
||||||
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
data-toggle="menu"
|
||||||
<li class="tsd-kind-module"><a href="../modules/cg_select.html">cg-<wbr/>select</a></li>
|
aria-label="Menu"
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element.html">components/create-<wbr/>element/create-<wbr/>element</a></li>
|
><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_create_element_create_element_interface.html">components/create-<wbr/>element/create-<wbr/>element.interface</a></li>
|
<rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-kind-module"><a href="../modules/components_utils_urils_interface.html">components/utils/urils.interface</a></li>
|
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_cg_select_interface.html">interfaces/cg-<wbr/>select.interface</a></li>
|
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_items_interface.html">interfaces/items.interface</a></li>
|
></a>
|
||||||
<li class="tsd-kind-module"><a href="../modules/interfaces_language_interface.html">interfaces/language.interface</a></li>
|
</div>
|
||||||
<li class="current tsd-kind-module"><a href="../modules/language_language.html">language/language</a></li></ul></li></ul></div></details></nav>
|
</div>
|
||||||
<nav class="tsd-navigation secondary menu-sticky">
|
</header>
|
||||||
<ul>
|
<div class="container container-main">
|
||||||
<li class="tsd-kind-variable tsd-parent-kind-module"><a href="language_language.en.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="var(--color-ts-variable)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-32-path"></rect><path d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z" fill="var(--color-text)" id="icon-32-text"></path></svg>en</a></li>
|
<div class="col-8 col-content">
|
||||||
<li class="current tsd-kind-variable tsd-parent-kind-module"><a href="language_language.ru.html" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-32-path"></use><use href="#icon-32-text"></use></svg>ru</a></li></ul></nav></div></div>
|
<div class="tsd-page-title">
|
||||||
<div class="container tsd-generator">
|
<ul class="tsd-breadcrumb">
|
||||||
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>
|
<li><a href="../modules.html">All modules</a></li>
|
||||||
<div class="overlay"></div><script src="../assets/main.js"></script></body></html>
|
<li><a href="../modules/language_language.html">Language</a></li>
|
||||||
|
<li><a href="language_language.ru.html">ru</a></li>
|
||||||
|
</ul>
|
||||||
|
<h1>Variable ru<code class="tsd-tag ts-flagConst">Const</code></h1>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-signature">
|
||||||
|
ru<span class="tsd-signature-symbol">:</span>
|
||||||
|
<a
|
||||||
|
href="../interfaces/interfaces_language_interface.ILanguage.html"
|
||||||
|
class="tsd-signature-type"
|
||||||
|
data-tsd-kind="Interface"
|
||||||
|
>ILanguage</a
|
||||||
|
><span class="tsd-signature-symbol"> = ...</span>
|
||||||
|
</div>
|
||||||
|
<aside class="tsd-sources">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
Defined in
|
||||||
|
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L3"
|
||||||
|
>language/language.ts:3</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
||||||
|
<div class="tsd-navigation settings">
|
||||||
|
<details class="tsd-index-accordion">
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Settings
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<div class="tsd-filter-visibility">
|
||||||
|
<h4 class="uppercase">Member Visibility</h4>
|
||||||
|
<form>
|
||||||
|
<ul id="tsd-filter-options">
|
||||||
|
<li class="tsd-filter-item">
|
||||||
|
<label class="tsd-filter-input"
|
||||||
|
><input type="checkbox" id="tsd-filter-private" name="private" /><svg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
viewBox="0 0 32 32"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<rect
|
||||||
|
class="tsd-checkbox-background"
|
||||||
|
width="30"
|
||||||
|
height="30"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
rx="6"
|
||||||
|
fill="none"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
class="tsd-checkbox-checkmark"
|
||||||
|
d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
|
||||||
|
stroke="none"
|
||||||
|
stroke-width="3.5"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
fill="none"
|
||||||
|
></path></svg
|
||||||
|
><span>Private</span></label
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="tsd-theme-toggle">
|
||||||
|
<h4 class="uppercase">Theme</h4>
|
||||||
|
<select id="theme">
|
||||||
|
<option value="os">OS</option>
|
||||||
|
<option value="light">Light</option>
|
||||||
|
<option value="dark">Dark</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</div>
|
||||||
|
<nav class="tsd-navigation primary">
|
||||||
|
<details class="tsd-index-accordion" open>
|
||||||
|
<summary class="tsd-accordion-summary">
|
||||||
|
<h3>
|
||||||
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none">
|
||||||
|
<path
|
||||||
|
d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Modules
|
||||||
|
</h3>
|
||||||
|
</summary>
|
||||||
|
<div class="tsd-accordion-details">
|
||||||
|
<ul>
|
||||||
|
<li class="current">
|
||||||
|
<a href="../modules.html">All modules</a>
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/cg_select.html">Cg-<wbr />select</a>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_cg_select_interface.html"
|
||||||
|
>Cg-<wbr />select.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_items_interface.html">Items.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element.html"
|
||||||
|
>Create-<wbr />element</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_create_element_create_element_interface.html"
|
||||||
|
>Create-<wbr />element.interface</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/components_theme_theme.html">Theme</a>
|
||||||
|
</li>
|
||||||
|
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
|
||||||
|
|
||||||
|
<li class="tsd-kind-module">
|
||||||
|
<a href="../modules/language_language.html">language</a>
|
||||||
|
</li>
|
||||||
|
<li class="selected tsd-kind-module">
|
||||||
|
<a href="../modules/interfaces_language_interface.html">Language.interface</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</details>
|
||||||
|
</nav>
|
||||||
|
<nav class="tsd-navigation secondary menu-sticky">
|
||||||
|
<ul>
|
||||||
|
<li class="tsd-kind-variable tsd-parent-kind-module">
|
||||||
|
<a href="language_language.en.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<rect
|
||||||
|
fill="var(--color-icon-background)"
|
||||||
|
stroke="var(--color-ts-variable)"
|
||||||
|
stroke-width="1.5"
|
||||||
|
x="1"
|
||||||
|
y="1"
|
||||||
|
width="22"
|
||||||
|
height="22"
|
||||||
|
rx="6"
|
||||||
|
id="icon-32-path"
|
||||||
|
></rect>
|
||||||
|
<path
|
||||||
|
d="M11.106 16L8.85 7.24H9.966L11.454 13.192C11.558 13.608 11.646 13.996 11.718 14.356C11.79 14.708 11.842 14.976 11.874 15.16C11.906 14.976 11.954 14.708 12.018 14.356C12.09 13.996 12.178 13.608 12.282 13.192L13.758 7.24H14.85L12.582 16H11.106Z"
|
||||||
|
fill="var(--color-text)"
|
||||||
|
id="icon-32-text"
|
||||||
|
></path></svg
|
||||||
|
>en</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li class="current tsd-kind-variable tsd-parent-kind-module">
|
||||||
|
<a href="language_language.ru.html" class="tsd-index-link"
|
||||||
|
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
|
||||||
|
<use href="#icon-32-path"></use>
|
||||||
|
<use href="#icon-32-text"></use></svg
|
||||||
|
>ru</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="container tsd-generator">
|
||||||
|
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="overlay"></div>
|
||||||
|
<script src="../assets/main.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|||||||
@ -14,6 +14,7 @@
|
|||||||
<meta property="og:image" content="/src/images/logoCG.jpg" />
|
<meta property="og:image" content="/src/images/logoCG.jpg" />
|
||||||
|
|
||||||
<title>Cg-Select</title>
|
<title>Cg-Select</title>
|
||||||
|
<link rel="shortcut icon" href="../src/images/logoCG2.ico" type="image/x-icon" />
|
||||||
<link href="example.scss" rel="stylesheet" />
|
<link href="example.scss" rel="stylesheet" />
|
||||||
</head>
|
</head>
|
||||||
<body class="body-example">
|
<body class="body-example">
|
||||||
@ -27,7 +28,7 @@
|
|||||||
<nav>
|
<nav>
|
||||||
<ul class="navlist">
|
<ul class="navlist">
|
||||||
<li><a href="">Home</a></li>
|
<li><a href="">Home</a></li>
|
||||||
<li><a href="/documentation/index.html">Documentation</a></li>
|
<li><a href="/docs/index.html">Documentation</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
@ -35,7 +36,7 @@
|
|||||||
|
|
||||||
<div class="container content">
|
<div class="container content">
|
||||||
<div class="example-select">
|
<div class="example-select">
|
||||||
<h2 class="example-select_title">Дефолтный селект</h2>
|
<h2 class="example-select_title">Default select</h2>
|
||||||
<form method="get" class="form">
|
<form method="get" class="form">
|
||||||
<div class="layout-select">
|
<div class="layout-select">
|
||||||
<button class="cg-dropdown cg-dropdown_one"></button>
|
<button class="cg-dropdown cg-dropdown_one"></button>
|
||||||
@ -43,12 +44,12 @@
|
|||||||
|
|
||||||
<input type="submit" value="Отправить!" class="example-select_submit" />
|
<input type="submit" value="Отправить!" class="example-select_submit" />
|
||||||
|
|
||||||
<button type="button" class="check-code" id="first">Посмотреть код</button>
|
<button type="button" class="check-code" id="first">View code</button>
|
||||||
<code id="codeFirst">
|
<code id="codeFirst">
|
||||||
<pre>
|
<pre>
|
||||||
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
||||||
selector: <span class="code__string">'.cg-dropdown_one',</span>
|
selector: <span class="code__string">'.cg-dropdown_one',</span>
|
||||||
placeholder: <span class="code__string">'Выберите авто',</span>
|
placeholder: <span class="code__string">'Choose a car',</span>
|
||||||
lable: <span class="code__string">'EXAMPLE',</span>
|
lable: <span class="code__string">'EXAMPLE',</span>
|
||||||
items: [
|
items: [
|
||||||
<span class="code__string">'BMW',</span>
|
<span class="code__string">'BMW',</span>
|
||||||
@ -76,22 +77,22 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="example-select">
|
<div class="example-select">
|
||||||
<h2 class="example-select_title">Дефолтный селект с функцией nativeSelectMode</h2>
|
<h2 class="example-select_title">Default select with function nativeSelectMode</h2>
|
||||||
|
|
||||||
<form method="get" class="form">
|
<form method="get" class="form">
|
||||||
<p style="margin-left: 12px; color: white">
|
<p style="margin-left: 12px; color: white">
|
||||||
*При мобильном разрешении появляеться нативный селект.
|
*Native select appears on mobile resolution.
|
||||||
</p>
|
</p>
|
||||||
<div class="layout-select">
|
<div class="layout-select">
|
||||||
<button class="cg-dropdown cg-dropdown_selectNative"></button>
|
<button class="cg-dropdown cg-dropdown_selectNative"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="button" class="check-code" id="Native">Посмотреть код</button>
|
<button type="button" class="check-code" id="Native">View code</button>
|
||||||
<code id="codeNative">
|
<code id="codeNative">
|
||||||
<pre>
|
<pre>
|
||||||
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
||||||
selector: <span class="code__string">'.cg-dropdown_one',</span>
|
selector: <span class="code__string">'.cg-dropdown_one',</span>
|
||||||
placeholder: <span class="code__string">'Выберите авто',</span>
|
placeholder: <span class="code__string">'Choose a car',</span>
|
||||||
nativeSelectMode: <span class="code__keyword">true,</span>
|
nativeSelectMode: <span class="code__keyword">true,</span>
|
||||||
items: [
|
items: [
|
||||||
<span class="code__string">'BMW',</span>
|
<span class="code__string">'BMW',</span>
|
||||||
@ -119,23 +120,23 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="example-select">
|
<div class="example-select">
|
||||||
<h2 class="example-select_title">Дефолтный селект с функцией listDisplayMode</h2>
|
<h2 class="example-select_title">Default select with function listDisplayMode</h2>
|
||||||
|
|
||||||
<form method="get" class="form">
|
<form method="get" class="form">
|
||||||
<p style="margin-left: 12px; color: white">
|
<p style="margin-left: 12px; color: white">
|
||||||
*При использовании данного метода лист с выбором появляеться как модальное окно.
|
*When using this method, the selection sheet appears as a modal window.
|
||||||
</p>
|
</p>
|
||||||
<div class="layout-select">
|
<div class="layout-select">
|
||||||
<button class="cg-dropdown cg-dropdown_listDisplayMode"></button>
|
<button class="cg-dropdown cg-dropdown_listDisplayMode"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="button" class="check-code" id="six">Посмотреть код</button>
|
<button type="button" class="check-code" id="six">View code</button>
|
||||||
|
|
||||||
<code id="codeSix">
|
<code id="codeSix">
|
||||||
<pre>
|
<pre>
|
||||||
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
||||||
selector: <span class="code__string">'.cg-dropdown_listDisplayMode',</span>
|
selector: <span class="code__string">'.cg-dropdown_listDisplayMode',</span>
|
||||||
placeholder: <span class="code__string">'Выберите авто',</span>
|
placeholder: <span class="code__string">'Choose a car',</span>
|
||||||
listDisplayMode: <span class="code__keyword">true,</span>
|
listDisplayMode: <span class="code__keyword">true,</span>
|
||||||
items: [
|
items: [
|
||||||
<span class="code__string">'BMW',</span>
|
<span class="code__string">'BMW',</span>
|
||||||
@ -163,11 +164,11 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="example-select">
|
<div class="example-select">
|
||||||
<h1 class="example-select_title">Селект с данными с URL</h1>
|
<h1 class="example-select_title">Select with data from URL</h1>
|
||||||
<div class="layout-select">
|
<div class="layout-select">
|
||||||
<button class="cg-dropdown cg-dropdown_three"></button>
|
<button class="cg-dropdown cg-dropdown_three"></button>
|
||||||
</div>
|
</div>
|
||||||
<button type="button" class="check-code" id="second">Посмотреть код</button>
|
<button type="button" class="check-code" id="second">View code</button>
|
||||||
|
|
||||||
<code id="codeSecond">
|
<code id="codeSecond">
|
||||||
<pre>
|
<pre>
|
||||||
@ -192,12 +193,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="example-select">
|
<div class="example-select">
|
||||||
<h1 class="example-select_title">Категории</h1>
|
<h1 class="example-select_title">Categories</h1>
|
||||||
|
|
||||||
<div class="layout-select">
|
<div class="layout-select">
|
||||||
<button class="cg-dropdown cg-dropdown_categories"></button>
|
<button class="cg-dropdown cg-dropdown_categories"></button>
|
||||||
</div>
|
</div>
|
||||||
<button type="button" class="check-code" id="third">Посмотреть код</button>
|
<button type="button" class="check-code" id="third">View code</button>
|
||||||
|
|
||||||
<code id="codeThird">
|
<code id="codeThird">
|
||||||
<pre>
|
<pre>
|
||||||
@ -253,7 +254,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="example-select">
|
<div class="example-select">
|
||||||
<h1 class="example-select_title">Управление с помошью кнопок</h1>
|
<h1 class="example-select_title">Button control</h1>
|
||||||
<div style="margin-bottom: 15px">
|
<div style="margin-bottom: 15px">
|
||||||
<button class="button__open example-select_submit">Open</button>
|
<button class="button__open example-select_submit">Open</button>
|
||||||
<button class="button__close example-select_submit">Close</button>
|
<button class="button__close example-select_submit">Close</button>
|
||||||
@ -263,13 +264,13 @@
|
|||||||
<button class="cg-dropdown cg-dropdown_usedBtn"></button>
|
<button class="cg-dropdown cg-dropdown_usedBtn"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="button" class="check-code" id="fourth">Посмотреть код</button>
|
<button type="button" class="check-code" id="fourth">View code</button>
|
||||||
|
|
||||||
<code id="codeFourth">
|
<code id="codeFourth">
|
||||||
<pre>
|
<pre>
|
||||||
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
||||||
selector: <span class="code__string">'.cg-dropdown_usedBtn',</span>
|
selector: <span class="code__string">'.cg-dropdown_usedBtn',</span>
|
||||||
placeholder: <span class="code__string">'Выберите авто',</span>
|
placeholder: <span class="code__string">'Choose a car',</span>
|
||||||
searchMode: <span class="code__keyword">true,</span>
|
searchMode: <span class="code__keyword">true,</span>
|
||||||
items: [
|
items: [
|
||||||
<span class="code__string">'BMW',</span>
|
<span class="code__string">'BMW',</span>
|
||||||
@ -311,21 +312,23 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="example-select">
|
<div class="example-select">
|
||||||
<h1 class="example-select_title">Функция disabled</h1>
|
<h1 class="example-select_title">Function disabled</h1>
|
||||||
|
|
||||||
<input type="checkbox" name="chbx" id="checkboxDisable" style="margin: 16px" />
|
<input type="checkbox" name="chbx" id="checkboxDisable" style="margin: 16px" />
|
||||||
<label for="checkboxDisable" style="color: white">Вы согласны на обработку данных</label>
|
<label for="checkboxDisable" style="color: white">
|
||||||
|
You agree to the processing of data</label
|
||||||
|
>
|
||||||
|
|
||||||
<div class="layout-select">
|
<div class="layout-select">
|
||||||
<button class="cg-dropdown cg-dropdown_checkboxDisable"></button>
|
<button class="cg-dropdown cg-dropdown_checkboxDisable"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="button" class="check-code" id="fifth">Посмотреть код</button>
|
<button type="button" class="check-code" id="fifth">View code</button>
|
||||||
<code id="codeFifth">
|
<code id="codeFifth">
|
||||||
<pre>
|
<pre>
|
||||||
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
|
||||||
selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
|
selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
|
||||||
placeholder: <span class="code__string">'Выберите авто',</span>
|
placeholder: <span class="code__string">'Choose a car',</span>
|
||||||
searchMode: <span class="code__keyword">true,</span>
|
searchMode: <span class="code__keyword">true,</span>
|
||||||
items: [
|
items: [
|
||||||
<span class="code__string">'BMW',</span>
|
<span class="code__string">'BMW',</span>
|
||||||
@ -349,6 +352,7 @@
|
|||||||
maxWidth: <span class="code__string">'500px ',</span>
|
maxWidth: <span class="code__string">'500px ',</span>
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
multiselect: <span class="code__keyword">true,</span>
|
||||||
});
|
});
|
||||||
</pre>
|
</pre>
|
||||||
</code>
|
</code>
|
||||||
|
|||||||
@ -4,8 +4,8 @@ import './example';
|
|||||||
// ------------------------------Обычный селект--------------------
|
// ------------------------------Обычный селект--------------------
|
||||||
const dropdown = new CGSelect({
|
const dropdown = new CGSelect({
|
||||||
selector: '.cg-dropdown_one',
|
selector: '.cg-dropdown_one',
|
||||||
placeholder: 'Выберите авто',
|
placeholder: 'Choose a car',
|
||||||
lable: 'EXAMPLE',
|
label: 'EXAMPLE',
|
||||||
items: [
|
items: [
|
||||||
'BMW',
|
'BMW',
|
||||||
{
|
{
|
||||||
@ -27,10 +27,14 @@ const dropdown = new CGSelect({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
dropdown.on('clear', function (e) {
|
||||||
|
console.log(`this state: ${e}`);
|
||||||
|
});
|
||||||
|
|
||||||
// ------------------------------NativeSelect-----------------------
|
// ------------------------------NativeSelect-----------------------
|
||||||
const dropdownNativeSelect = new CGSelect({
|
const dropdownNativeSelect = new CGSelect({
|
||||||
selector: '.cg-dropdown_selectNative',
|
selector: '.cg-dropdown_selectNative',
|
||||||
placeholder: 'Выберите авто',
|
placeholder: 'Choose a car',
|
||||||
nativeSelectMode: true,
|
nativeSelectMode: true,
|
||||||
items: [
|
items: [
|
||||||
'BMW',
|
'BMW',
|
||||||
@ -53,12 +57,13 @@ const dropdownNativeSelect = new CGSelect({
|
|||||||
width: '824px',
|
width: '824px',
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
theme: 'dark',
|
||||||
});
|
});
|
||||||
|
|
||||||
// ------------------------------listDisplayMode--------------------
|
// ------------------------------listDisplayMode--------------------
|
||||||
const dropdownlistDisplayMode = new CGSelect({
|
const dropdownlistDisplayMode = new CGSelect({
|
||||||
selector: '.cg-dropdown_listDisplayMode',
|
selector: '.cg-dropdown_listDisplayMode',
|
||||||
placeholder: 'Выберите авто',
|
placeholder: 'Choose a car',
|
||||||
listDisplayMode: true,
|
listDisplayMode: true,
|
||||||
items: [
|
items: [
|
||||||
'BMW',
|
'BMW',
|
||||||
@ -84,7 +89,7 @@ const dropdownlistDisplayMode = new CGSelect({
|
|||||||
// --------------------------------Категории--------------------------
|
// --------------------------------Категории--------------------------
|
||||||
const dropdown4 = new CGSelect({
|
const dropdown4 = new CGSelect({
|
||||||
selector: '.cg-dropdown_categories',
|
selector: '.cg-dropdown_categories',
|
||||||
placeholder: 'Выберите регион',
|
placeholder: 'Choose region',
|
||||||
searchMode: true,
|
searchMode: true,
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
@ -129,7 +134,7 @@ const dropdown4 = new CGSelect({
|
|||||||
//----------------управление с помощью кнопок----------------------------------
|
//----------------управление с помощью кнопок----------------------------------
|
||||||
const dropdownBtn = new CGSelect({
|
const dropdownBtn = new CGSelect({
|
||||||
selector: '.cg-dropdown_usedBtn',
|
selector: '.cg-dropdown_usedBtn',
|
||||||
placeholder: 'Выберите авто',
|
placeholder: 'Choose a car',
|
||||||
searchMode: true,
|
searchMode: true,
|
||||||
items: [
|
items: [
|
||||||
'BMW',
|
'BMW',
|
||||||
@ -176,7 +181,7 @@ dropdownBtn.buttonControl(buttonClose, 'close');
|
|||||||
//-------------------------Функция Disabled----------------------------------
|
//-------------------------Функция Disabled----------------------------------
|
||||||
const dropdownDisabled = new CGSelect({
|
const dropdownDisabled = new CGSelect({
|
||||||
selector: '.cg-dropdown_checkboxDisable',
|
selector: '.cg-dropdown_checkboxDisable',
|
||||||
placeholder: 'Выберите авто',
|
placeholder: 'Choose a car',
|
||||||
searchMode: true,
|
searchMode: true,
|
||||||
items: [
|
items: [
|
||||||
'BMW',
|
'BMW',
|
||||||
|
|||||||
2
index.js
2
index.js
@ -1,3 +1,3 @@
|
|||||||
import { CGSelect } from './src/cg-select';
|
import { CGSelect } from './src/cg-select.ts';
|
||||||
|
|
||||||
export default CGSelect;
|
export default CGSelect;
|
||||||
|
|||||||
4
package-lock.json
generated
4
package-lock.json
generated
@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "cg-select",
|
"name": "cg-select",
|
||||||
"version": "0.2.1",
|
"version": "0.2.32",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "cg-select",
|
"name": "cg-select",
|
||||||
"version": "0.2.1",
|
"version": "0.2.32",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@parcel/optimizer-css": "^2.8.0",
|
"@parcel/optimizer-css": "^2.8.0",
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "cg-select",
|
"name": "cg-select",
|
||||||
"version": "0.2.1",
|
"version": "0.2.32",
|
||||||
"description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling",
|
"description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling",
|
||||||
"author": {
|
"author": {
|
||||||
"name": "CraftGroup",
|
"name": "CraftGroup",
|
||||||
|
|||||||
135
src/cg-select.ts
135
src/cg-select.ts
@ -16,7 +16,7 @@ import {
|
|||||||
nativeOptionMultiple,
|
nativeOptionMultiple,
|
||||||
nativeOptionOrdinary,
|
nativeOptionOrdinary,
|
||||||
} from './components/utils/utils';
|
} from './components/utils/utils';
|
||||||
import { IDataItem, ISelectedItems } from './components/utils/urils.interface';
|
import { IDataItem, ISelectedItems } from './components/utils/utils.interface';
|
||||||
|
|
||||||
import { ICgSelect, IStyle } from './interfaces/cg-select.interface';
|
import { ICgSelect, IStyle } from './interfaces/cg-select.interface';
|
||||||
import { IItems } from './interfaces/items.interface';
|
import { IItems } from './interfaces/items.interface';
|
||||||
@ -24,6 +24,7 @@ import { ru, en } from './language/language';
|
|||||||
import { ILanguage } from './interfaces/language.interface';
|
import { ILanguage } from './interfaces/language.interface';
|
||||||
|
|
||||||
import './main.scss';
|
import './main.scss';
|
||||||
|
import { changeTheme } from './components/theme/theme';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @class Class Description ICgSelect
|
* @class Class Description ICgSelect
|
||||||
@ -31,18 +32,17 @@ import './main.scss';
|
|||||||
* @author Ovsyanikov Maxim
|
* @author Ovsyanikov Maxim
|
||||||
*/
|
*/
|
||||||
export class CGSelect implements ICgSelect {
|
export class CGSelect implements ICgSelect {
|
||||||
// Select settings
|
|
||||||
selector?: string;
|
selector?: string;
|
||||||
selected?: string;
|
selected?: string;
|
||||||
placeholder?: string;
|
placeholder?: string;
|
||||||
items?: IItems[] | string[] | any;
|
items?: IItems[] | string[] | any;
|
||||||
darkTheme?: boolean;
|
theme?: string;
|
||||||
searchMode?: boolean;
|
searchMode?: boolean;
|
||||||
closeOnSelect?: boolean;
|
closeOnSelect?: boolean;
|
||||||
nativeSelectMode?: boolean;
|
nativeSelectMode?: boolean;
|
||||||
listDisplayMode?: boolean;
|
listDisplayMode?: boolean;
|
||||||
language?: string;
|
language?: string;
|
||||||
lable?: string;
|
label?: string;
|
||||||
styles?: IStyle;
|
styles?: IStyle;
|
||||||
event?: string;
|
event?: string;
|
||||||
url?: string;
|
url?: string;
|
||||||
@ -73,7 +73,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
* Variable for carriage control.
|
* Variable for carriage control.
|
||||||
* @type {Element | null | undefined}
|
* @type {Element | null | undefined}
|
||||||
*/
|
*/
|
||||||
private caret: Element | null | undefined;
|
private carriage: Element | null | undefined;
|
||||||
/**
|
/**
|
||||||
* Transferred categories.
|
* Transferred categories.
|
||||||
* @type {string}
|
* @type {string}
|
||||||
@ -93,7 +93,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
* Button, to control the select.
|
* Button, to control the select.
|
||||||
* @type {Element | null}
|
* @type {Element | null}
|
||||||
*/
|
*/
|
||||||
private btnCntr?: Element | null;
|
private buttonAction?: Element | null;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @param {ICgSelect} setting Object accepting select settings.
|
* @param {ICgSelect} setting Object accepting select settings.
|
||||||
@ -104,9 +104,9 @@ export class CGSelect implements ICgSelect {
|
|||||||
* selector: 'Unique selector',
|
* selector: 'Unique selector',
|
||||||
selected: 'Selected item',
|
selected: 'Selected item',
|
||||||
placeholder: '...',
|
placeholder: '...',
|
||||||
lable: '...'
|
label: '...'
|
||||||
items: [string|number|object],
|
items: [string|number|object],
|
||||||
darkTheme: true/false,
|
theme: string,
|
||||||
searchMode: true/false,
|
searchMode: true/false,
|
||||||
closeOnSelect: true/false,
|
closeOnSelect: true/false,
|
||||||
nativeSelectMode: true/false,
|
nativeSelectMode: true/false,
|
||||||
@ -118,9 +118,9 @@ export class CGSelect implements ICgSelect {
|
|||||||
},
|
},
|
||||||
list: {...},
|
list: {...},
|
||||||
chips: {...},
|
chips: {...},
|
||||||
caret: {...},
|
carriage: {...},
|
||||||
placeholder: {...},
|
placeholder: {...},
|
||||||
lable: {..},
|
label: {..},
|
||||||
},
|
},
|
||||||
event: '...',
|
event: '...',
|
||||||
url: 'http/...',
|
url: 'http/...',
|
||||||
@ -174,7 +174,6 @@ export class CGSelect implements ICgSelect {
|
|||||||
'MAN',
|
'MAN',
|
||||||
'max',
|
'max',
|
||||||
],
|
],
|
||||||
darkTheme: true,
|
|
||||||
multiselect: true,
|
multiselect: true,
|
||||||
multiselectTag: true,
|
multiselectTag: true,
|
||||||
}
|
}
|
||||||
@ -189,13 +188,13 @@ export class CGSelect implements ICgSelect {
|
|||||||
listDisplayMode,
|
listDisplayMode,
|
||||||
nativeSelectMode,
|
nativeSelectMode,
|
||||||
searchMode,
|
searchMode,
|
||||||
darkTheme,
|
|
||||||
language,
|
language,
|
||||||
styles,
|
styles,
|
||||||
lable,
|
label,
|
||||||
event,
|
event,
|
||||||
selected,
|
selected,
|
||||||
placeholder,
|
placeholder,
|
||||||
|
theme,
|
||||||
} = setting;
|
} = setting;
|
||||||
|
|
||||||
this.options = setting;
|
this.options = setting;
|
||||||
@ -206,15 +205,15 @@ export class CGSelect implements ICgSelect {
|
|||||||
this.selector = selector;
|
this.selector = selector;
|
||||||
this.items = items;
|
this.items = items;
|
||||||
this.searchMode = searchMode;
|
this.searchMode = searchMode;
|
||||||
this.darkTheme = darkTheme;
|
|
||||||
this.language = language;
|
this.language = language;
|
||||||
this.nativeSelectMode = nativeSelectMode;
|
this.nativeSelectMode = nativeSelectMode;
|
||||||
this.listDisplayMode = listDisplayMode;
|
this.listDisplayMode = listDisplayMode;
|
||||||
this.styles = styles;
|
this.styles = styles;
|
||||||
this.lable = lable;
|
this.label = label;
|
||||||
this.event = event;
|
this.event = event;
|
||||||
this.selected = selected;
|
this.selected = selected;
|
||||||
this.placeholder = placeholder;
|
this.placeholder = placeholder;
|
||||||
|
this.theme = theme;
|
||||||
|
|
||||||
const elem = document.querySelector(this.selector!);
|
const elem = document.querySelector(this.selector!);
|
||||||
this.element = elem;
|
this.element = elem;
|
||||||
@ -231,14 +230,14 @@ export class CGSelect implements ICgSelect {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.lable) {
|
if (this.label) {
|
||||||
const lableItem = document.createElement('h1');
|
const labelItem = document.createElement('h1');
|
||||||
const textLable = document.createTextNode(this.lable);
|
const textLabel = document.createTextNode(this.label);
|
||||||
|
|
||||||
lableItem.appendChild(textLable);
|
labelItem.appendChild(textLabel);
|
||||||
lableItem.classList.add('label');
|
labelItem.classList.add('label');
|
||||||
|
|
||||||
this.element!.insertAdjacentElement('beforebegin', lableItem);
|
this.element!.insertAdjacentElement('beforebegin', labelItem);
|
||||||
}
|
}
|
||||||
|
|
||||||
items.forEach((dataItem: any, index: number) => {
|
items.forEach((dataItem: any, index: number) => {
|
||||||
@ -287,6 +286,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
this.randomId = random;
|
this.randomId = random;
|
||||||
|
|
||||||
ulList.classList.add('list');
|
ulList.classList.add('list');
|
||||||
|
ulList!.classList.add('classicList');
|
||||||
|
|
||||||
if (this.styles) {
|
if (this.styles) {
|
||||||
customStylesFormat(this.styles.list!, ulList);
|
customStylesFormat(this.styles.list!, ulList);
|
||||||
@ -353,10 +353,10 @@ export class CGSelect implements ICgSelect {
|
|||||||
});
|
});
|
||||||
|
|
||||||
this.list = this.element!.querySelector('.list');
|
this.list = this.element!.querySelector('.list');
|
||||||
this.caret = this.element!.querySelector('.caret');
|
this.carriage = this.element!.querySelector('.caret');
|
||||||
|
|
||||||
if (this.darkTheme == false) {
|
if (this.theme) {
|
||||||
this.checkTheme();
|
changeTheme(this.element!, this.theme!);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.nativeSelectMode === true) {
|
if (this.nativeSelectMode === true) {
|
||||||
@ -378,7 +378,6 @@ export class CGSelect implements ICgSelect {
|
|||||||
private async renderUrl() {
|
private async renderUrl() {
|
||||||
const response = await fetch(this.url!);
|
const response = await fetch(this.url!);
|
||||||
const dataUrl = await response.json();
|
const dataUrl = await response.json();
|
||||||
console.log(dataUrl);
|
|
||||||
|
|
||||||
const nativeSelect = createNativeSelect();
|
const nativeSelect = createNativeSelect();
|
||||||
|
|
||||||
@ -466,10 +465,6 @@ export class CGSelect implements ICgSelect {
|
|||||||
* @method initEvent
|
* @method initEvent
|
||||||
*/
|
*/
|
||||||
private initEvent() {
|
private initEvent() {
|
||||||
if (!this.event) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.event) {
|
if (this.event) {
|
||||||
if (this.event === 'mouseenter') {
|
if (this.event === 'mouseenter') {
|
||||||
this.element!.addEventListener(this.event, () => {
|
this.element!.addEventListener(this.event, () => {
|
||||||
@ -491,10 +486,10 @@ export class CGSelect implements ICgSelect {
|
|||||||
private open(oneClick?: boolean): void {
|
private open(oneClick?: boolean): void {
|
||||||
if (oneClick === true) {
|
if (oneClick === true) {
|
||||||
this.list!.classList.add('open');
|
this.list!.classList.add('open');
|
||||||
this.caret!.classList.add('caret_rotate');
|
this.carriage!.classList.add('caret_rotate');
|
||||||
} else {
|
} else {
|
||||||
this.list!.classList.toggle('open');
|
this.list!.classList.toggle('open');
|
||||||
this.caret!.classList.toggle('caret_rotate');
|
this.carriage!.classList.toggle('caret_rotate');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -505,7 +500,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
*/
|
*/
|
||||||
private close(): void {
|
private close(): void {
|
||||||
this.list?.classList.remove('open');
|
this.list?.classList.remove('open');
|
||||||
this.caret?.classList.remove('caret_rotate');
|
this.carriage?.classList.remove('caret_rotate');
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -519,7 +514,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
document.addEventListener('click', (e) => {
|
document.addEventListener('click', (e) => {
|
||||||
const withinBoundaries = e.composedPath().includes(dropdown!);
|
const withinBoundaries = e.composedPath().includes(dropdown!);
|
||||||
if (!withinBoundaries) {
|
if (!withinBoundaries) {
|
||||||
if (this.btnCntr) {
|
if (this.buttonAction) {
|
||||||
return;
|
return;
|
||||||
} else {
|
} else {
|
||||||
this.close();
|
this.close();
|
||||||
@ -541,6 +536,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
let selectedItemsClear: ISelectedItems = {
|
let selectedItemsClear: ISelectedItems = {
|
||||||
placeholder: this.placeholder!,
|
placeholder: this.placeholder!,
|
||||||
selected: this.selected!,
|
selected: this.selected!,
|
||||||
|
theme: this.theme,
|
||||||
};
|
};
|
||||||
|
|
||||||
const ulMultipul = document.createElement('ul');
|
const ulMultipul = document.createElement('ul');
|
||||||
@ -563,7 +559,6 @@ export class CGSelect implements ICgSelect {
|
|||||||
selected: this.selected!,
|
selected: this.selected!,
|
||||||
selectedItems: this.selectedItems,
|
selectedItems: this.selectedItems,
|
||||||
indexes: this.indexes,
|
indexes: this.indexes,
|
||||||
darkTheme: this.darkTheme,
|
|
||||||
multiselectTag: this.multiselectTag,
|
multiselectTag: this.multiselectTag,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
@ -655,32 +650,6 @@ export class CGSelect implements ICgSelect {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* @private
|
|
||||||
* @method checkTheme
|
|
||||||
* @description Changes the color scheme from dark to light.
|
|
||||||
*/
|
|
||||||
private checkTheme(): void {
|
|
||||||
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 (this.darkTheme == false) {
|
|
||||||
select!.classList.add('selectWhite');
|
|
||||||
caret!.classList.add('caretWhite');
|
|
||||||
list!.classList.add('listWhite');
|
|
||||||
|
|
||||||
if (this.searchMode == true) {
|
|
||||||
search!.classList.add('inputWhite');
|
|
||||||
}
|
|
||||||
} else if (this.darkTheme == true) {
|
|
||||||
return;
|
|
||||||
} else {
|
|
||||||
throw new Error('Styles error or invalid value entered!');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @private
|
* @private
|
||||||
* @param {boolean} nativeSelectMode parameter responsible for adding native select.
|
* @param {boolean} nativeSelectMode parameter responsible for adding native select.
|
||||||
@ -797,7 +766,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
* @returns {HTMLElement} returns a reference to the selected HTML element.
|
* @returns {HTMLElement} returns a reference to the selected HTML element.
|
||||||
* @method getElement
|
* @method getElement
|
||||||
*/
|
*/
|
||||||
public getElement(numberItem: number): IItems[] | string[] | any {
|
public getElement(numberItem: number): IItems[] | any {
|
||||||
if (numberItem > this.items.length) {
|
if (numberItem > this.items.length) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@ -841,7 +810,7 @@ export class CGSelect implements ICgSelect {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.btnCntr = button!;
|
this.buttonAction = button!;
|
||||||
button.addEventListener('click', () => {
|
button.addEventListener('click', () => {
|
||||||
if (method.toLowerCase() === 'open') {
|
if (method.toLowerCase() === 'open') {
|
||||||
this.open(true);
|
this.open(true);
|
||||||
@ -940,4 +909,46 @@ export class CGSelect implements ICgSelect {
|
|||||||
const select: string = options[index].innerText;
|
const select: string = options[index].innerText;
|
||||||
this.render(select);
|
this.render(select);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @description Method for tracking the actions of the select, you can pass a callback
|
||||||
|
* @param state select state.
|
||||||
|
* @param callback
|
||||||
|
* @method on
|
||||||
|
*/
|
||||||
|
public on(state: string, callback: (state: any) => any) {
|
||||||
|
const options = this.element?.querySelectorAll('.list__item');
|
||||||
|
|
||||||
|
switch (state) {
|
||||||
|
case 'select':
|
||||||
|
options?.forEach((option: Element) => {
|
||||||
|
option.addEventListener('click', () => {
|
||||||
|
console.log('option:select', option.textContent);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
callback(state);
|
||||||
|
break;
|
||||||
|
case 'close':
|
||||||
|
this.element!.addEventListener('click', () => {
|
||||||
|
console.log('list:close', this.list!.classList.contains('close'));
|
||||||
|
});
|
||||||
|
callback(state);
|
||||||
|
break;
|
||||||
|
case 'open':
|
||||||
|
this.element!.addEventListener('click', () => {
|
||||||
|
console.log('list:open', this.list!.classList.contains('open'));
|
||||||
|
});
|
||||||
|
callback(state);
|
||||||
|
break;
|
||||||
|
case 'clear':
|
||||||
|
this.element!.addEventListener('click', () => {
|
||||||
|
const svgIcon = this.element?.querySelector('.svg-icon');
|
||||||
|
svgIcon?.addEventListener('click', () => {
|
||||||
|
console.log('list:clear', svgIcon.classList.contains('svg-clear'));
|
||||||
|
});
|
||||||
|
});
|
||||||
|
callback(state);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
44
src/components/theme/theme.ts
Normal file
44
src/components/theme/theme.ts
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
export function changeTheme(element: Element, theme: string) {
|
||||||
|
const select = element!.querySelector('.cg-select');
|
||||||
|
const caret = element!.querySelector('.caret');
|
||||||
|
const list = element!.querySelector('ul.list');
|
||||||
|
const search = element!.querySelector('.inputSearch');
|
||||||
|
const path = element.querySelectorAll('.pathWhite');
|
||||||
|
const nativeSelect = element.querySelector('.nativeSelect');
|
||||||
|
|
||||||
|
select!.classList.remove('classicSelect');
|
||||||
|
list!.classList.remove('classicList');
|
||||||
|
path.forEach((elem) => {
|
||||||
|
elem.classList.remove('pathBlack');
|
||||||
|
elem.classList.remove('pathWhite');
|
||||||
|
});
|
||||||
|
|
||||||
|
switch (theme.toLowerCase()) {
|
||||||
|
case 'dark':
|
||||||
|
select!.classList.add('selectDark');
|
||||||
|
list!.classList.add('listDark');
|
||||||
|
nativeSelect?.classList.add('listDark');
|
||||||
|
path.forEach((elem) => {
|
||||||
|
elem.classList.add('pathWhite');
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
case 'white':
|
||||||
|
select!.classList.add('selectWhite');
|
||||||
|
caret!.classList.add('caretWhite');
|
||||||
|
list!.classList.add('listWhite');
|
||||||
|
nativeSelect?.classList.add('listWhite');
|
||||||
|
path.forEach((elem) => {
|
||||||
|
elem.classList.add('pathBlack');
|
||||||
|
});
|
||||||
|
|
||||||
|
if (search!) {
|
||||||
|
search!.classList.add('inputWhite');
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
|
||||||
|
default:
|
||||||
|
select!.classList.add('classicSelect');
|
||||||
|
list!.classList.add('classicList');
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -55,5 +55,5 @@ export interface ISelectedItems {
|
|||||||
* An optional parameter that is responsible for enabling a light/dark theme by default, the dark theme is set.
|
* An optional parameter that is responsible for enabling a light/dark theme by default, the dark theme is set.
|
||||||
* @type {boolean}
|
* @type {boolean}
|
||||||
*/
|
*/
|
||||||
darkTheme?: boolean;
|
theme?: string;
|
||||||
}
|
}
|
||||||
@ -4,7 +4,7 @@
|
|||||||
*/
|
*/
|
||||||
import { IStyle } from 'interfaces/cg-select.interface';
|
import { IStyle } from 'interfaces/cg-select.interface';
|
||||||
import { IItems } from 'interfaces/items.interface';
|
import { IItems } from 'interfaces/items.interface';
|
||||||
import { ISelectedItems } from './urils.interface';
|
import { ISelectedItems } from './utils.interface';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Converting each item obtained from the Items field;
|
* Converting each item obtained from the Items field;
|
||||||
@ -77,6 +77,7 @@ export function createSelected(element: Element, content?: string, styles?: ISty
|
|||||||
const caret = document.createElement('div');
|
const caret = document.createElement('div');
|
||||||
|
|
||||||
select.classList.add('cg-select');
|
select.classList.add('cg-select');
|
||||||
|
select.classList.add('classicSelect');
|
||||||
selected.classList.add('selected');
|
selected.classList.add('selected');
|
||||||
caret.classList.add('caret');
|
caret.classList.add('caret');
|
||||||
|
|
||||||
@ -103,7 +104,7 @@ export function createSelected(element: Element, content?: string, styles?: ISty
|
|||||||
* @param {ISelectedItems} dataSelectText the text that is rendered in the select.
|
* @param {ISelectedItems} dataSelectText the text that is rendered in the select.
|
||||||
*/
|
*/
|
||||||
export function clearSelect(select: HTMLElement, element: Element, dataSelectText: ISelectedItems) {
|
export function clearSelect(select: HTMLElement, element: Element, dataSelectText: ISelectedItems) {
|
||||||
const { selectedItems, indexes, darkTheme, multiselectTag } = dataSelectText;
|
const { selectedItems, indexes, theme, multiselectTag } = dataSelectText;
|
||||||
|
|
||||||
const options = element.querySelectorAll('.list__item');
|
const options = element.querySelectorAll('.list__item');
|
||||||
const nativeOption = element!.querySelectorAll('.nativeSelect__nativeOption');
|
const nativeOption = element!.querySelectorAll('.nativeSelect__nativeOption');
|
||||||
@ -122,14 +123,19 @@ export function clearSelect(select: HTMLElement, element: Element, dataSelectTex
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (darkTheme === true || !darkTheme) {
|
switch (theme) {
|
||||||
path1.classList.add('pathWhite');
|
case 'dark':
|
||||||
path2.classList.add('pathWhite');
|
path1.classList.add('pathWhite');
|
||||||
}
|
path2.classList.add('pathWhite');
|
||||||
|
break;
|
||||||
if (darkTheme === false) {
|
case 'white':
|
||||||
path1.classList.add('pathBlack');
|
path1.classList.add('pathBlack');
|
||||||
path2.classList.add('pathBlack');
|
path2.classList.add('pathBlack');
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
path1.classList.add('pathWhite');
|
||||||
|
path2.classList.add('pathWhite');
|
||||||
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
svgIcon.classList.add('svg-icon');
|
svgIcon.classList.add('svg-icon');
|
||||||
@ -137,7 +143,9 @@ export function clearSelect(select: HTMLElement, element: Element, dataSelectTex
|
|||||||
|
|
||||||
select!.appendChild(svgIcon);
|
select!.appendChild(svgIcon);
|
||||||
|
|
||||||
svgIcon.addEventListener('click', () => {
|
svgIcon.addEventListener('click', (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
e.stopPropagation();
|
||||||
select!.innerText = '';
|
select!.innerText = '';
|
||||||
|
|
||||||
nativeOption.forEach((option) => {
|
nativeOption.forEach((option) => {
|
||||||
|
|||||||
BIN
src/images/logoCG2.ico
Normal file
BIN
src/images/logoCG2.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 KiB |
@ -26,10 +26,10 @@ export interface ICgSelect {
|
|||||||
*/
|
*/
|
||||||
items?: IItems[] | string[] | any;
|
items?: IItems[] | string[] | any;
|
||||||
/**
|
/**
|
||||||
* An optional parameter that is responsible for enabling a light / dark theme by default, the dark theme is set (darkTheme == true).
|
* An optional parameter responsible for switching between different themes, the classic theme is set by default.
|
||||||
* @type {boolean}
|
* @type {string} values: dark, white
|
||||||
*/
|
*/
|
||||||
darkTheme?: boolean;
|
theme?: string;
|
||||||
/**
|
/**
|
||||||
* An optional parameter that adds a live search on the select elements.
|
* An optional parameter that adds a live search on the select elements.
|
||||||
* @type {boolean}
|
* @type {boolean}
|
||||||
@ -61,7 +61,7 @@ export interface ICgSelect {
|
|||||||
* An optional parameter that adds a lable before the select.
|
* An optional parameter that adds a lable before the select.
|
||||||
* @type {string}
|
* @type {string}
|
||||||
*/
|
*/
|
||||||
lable?: string;
|
label?: string;
|
||||||
/**
|
/**
|
||||||
* An optional parameter that is responsible for customizing the select elements,
|
* An optional parameter that is responsible for customizing the select elements,
|
||||||
* objects with CSS properties for customizable elements are passed to it.
|
* objects with CSS properties for customizable elements are passed to it.
|
||||||
|
|||||||
@ -3,6 +3,8 @@
|
|||||||
@import './style/svgStyle.scss';
|
@import './style/svgStyle.scss';
|
||||||
@import './style/whiteTheme.scss';
|
@import './style/whiteTheme.scss';
|
||||||
@import './style/displayMode.scss';
|
@import './style/displayMode.scss';
|
||||||
|
@import './style/classicTheme.scss';
|
||||||
|
@import './style/darkTheme.scss';
|
||||||
|
|
||||||
// ----Layout----
|
// ----Layout----
|
||||||
.cg-dropdown {
|
.cg-dropdown {
|
||||||
@ -26,7 +28,6 @@
|
|||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
color: #fff;
|
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
@ -42,7 +43,6 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
background: #2a2f3b;
|
|
||||||
|
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -70,8 +70,6 @@
|
|||||||
-moz-transition: 0.5s;
|
-moz-transition: 0.5s;
|
||||||
-ms-transition: 0.5s;
|
-ms-transition: 0.5s;
|
||||||
-o-transition: 0.5s;
|
-o-transition: 0.5s;
|
||||||
|
|
||||||
background: #394050;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -114,10 +112,6 @@
|
|||||||
margin-top: -0.2px;
|
margin-top: -0.2px;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
||||||
color: white;
|
|
||||||
background: #2a2f3b;
|
|
||||||
border: 1px #0a0b0e solid;
|
|
||||||
|
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
-webkit-border-radius: 5px;
|
-webkit-border-radius: 5px;
|
||||||
-moz-border-radius: 5px;
|
-moz-border-radius: 5px;
|
||||||
|
|||||||
22
src/style/classicTheme.scss
Normal file
22
src/style/classicTheme.scss
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
.classicSelect {
|
||||||
|
color: #fff;
|
||||||
|
background: #2a2f3b;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #394050;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.classicList {
|
||||||
|
color: white;
|
||||||
|
background: #2a2f3b;
|
||||||
|
border: 1px #0a0b0e solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pathWhite {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pathBlack {
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
17
src/style/darkTheme.scss
Normal file
17
src/style/darkTheme.scss
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
.selectDark {
|
||||||
|
background: rgb(29, 29, 29);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.caretWhite {
|
||||||
|
border-top: 6px solid black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.listDark {
|
||||||
|
background: rgb(29, 29, 29);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inputDark {
|
||||||
|
border-bottom: 1px solid black !important;
|
||||||
|
}
|
||||||
@ -1,5 +1,5 @@
|
|||||||
.selectWhite {
|
.selectWhite {
|
||||||
background: rgb(248, 248, 248) !important;
|
background: rgb(248, 248, 248);
|
||||||
}
|
}
|
||||||
|
|
||||||
.selectWhite,
|
.selectWhite,
|
||||||
@ -7,25 +7,18 @@
|
|||||||
.inputWhite,
|
.inputWhite,
|
||||||
.pathBlack,
|
.pathBlack,
|
||||||
.selectWhite {
|
.selectWhite {
|
||||||
color: black !important;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.caretWhite {
|
.caretWhite {
|
||||||
border-top: 6px solid black !important;
|
border-top: 6px solid black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listWhite {
|
.listWhite {
|
||||||
background-color: white !important;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inputWhite {
|
.inputWhite {
|
||||||
border-bottom: 1px solid black !important;
|
border-bottom: 1px solid black !important;
|
||||||
}
|
|
||||||
|
|
||||||
.pathWhite {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pathBlack {
|
|
||||||
color: black !important;
|
color: black !important;
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user