new version

This commit is contained in:
Victor 2023-02-20 21:02:04 +03:00
parent 3bd587b846
commit 3702547f99
49 changed files with 5 additions and 20456 deletions

View File

@ -1 +0,0 @@
TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

View File

@ -1,92 +0,0 @@
:root {
--light-hl-0: #001080;
--dark-hl-0: #9CDCFE;
--light-hl-1: #000000;
--dark-hl-1: #D4D4D4;
--light-hl-2: #A31515;
--dark-hl-2: #CE9178;
--light-hl-3: #267F99;
--dark-hl-3: #4EC9B0;
--light-hl-4: #AF00DB;
--dark-hl-4: #C586C0;
--light-hl-5: #0000FF;
--dark-hl-5: #569CD6;
--light-hl-6: #0070C1;
--dark-hl-6: #4FC1FF;
--light-hl-7: #795E26;
--dark-hl-7: #DCDCAA;
--light-hl-8: #098658;
--dark-hl-8: #B5CEA8;
--light-hl-9: #000000;
--dark-hl-9: #C8C8C8;
--light-code-background: #FFFFFF;
--dark-code-background: #1E1E1E;
}
@media (prefers-color-scheme: light) { :root {
--hl-0: var(--light-hl-0);
--hl-1: var(--light-hl-1);
--hl-2: var(--light-hl-2);
--hl-3: var(--light-hl-3);
--hl-4: var(--light-hl-4);
--hl-5: var(--light-hl-5);
--hl-6: var(--light-hl-6);
--hl-7: var(--light-hl-7);
--hl-8: var(--light-hl-8);
--hl-9: var(--light-hl-9);
--code-background: var(--light-code-background);
} }
@media (prefers-color-scheme: dark) { :root {
--hl-0: var(--dark-hl-0);
--hl-1: var(--dark-hl-1);
--hl-2: var(--dark-hl-2);
--hl-3: var(--dark-hl-3);
--hl-4: var(--dark-hl-4);
--hl-5: var(--dark-hl-5);
--hl-6: var(--dark-hl-6);
--hl-7: var(--dark-hl-7);
--hl-8: var(--dark-hl-8);
--hl-9: var(--dark-hl-9);
--code-background: var(--dark-code-background);
} }
:root[data-theme='light'] {
--hl-0: var(--light-hl-0);
--hl-1: var(--light-hl-1);
--hl-2: var(--light-hl-2);
--hl-3: var(--light-hl-3);
--hl-4: var(--light-hl-4);
--hl-5: var(--light-hl-5);
--hl-6: var(--light-hl-6);
--hl-7: var(--light-hl-7);
--hl-8: var(--light-hl-8);
--hl-9: var(--light-hl-9);
--code-background: var(--light-code-background);
}
:root[data-theme='dark'] {
--hl-0: var(--dark-hl-0);
--hl-1: var(--dark-hl-1);
--hl-2: var(--dark-hl-2);
--hl-3: var(--dark-hl-3);
--hl-4: var(--dark-hl-4);
--hl-5: var(--dark-hl-5);
--hl-6: var(--dark-hl-6);
--hl-7: var(--dark-hl-7);
--hl-8: var(--dark-hl-8);
--hl-9: var(--dark-hl-9);
--code-background: var(--dark-code-background);
}
.hl-0 { color: var(--hl-0); }
.hl-1 { color: var(--hl-1); }
.hl-2 { color: var(--hl-2); }
.hl-3 { color: var(--hl-3); }
.hl-4 { color: var(--hl-4); }
.hl-5 { color: var(--hl-5); }
.hl-6 { color: var(--hl-6); }
.hl-7 { color: var(--hl-7); }
.hl-8 { color: var(--hl-8); }
.hl-9 { color: var(--hl-9); }
pre, code { background: var(--code-background); }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,357 +0,0 @@
<!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">
<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/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>
</div>
<div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list">
<li>
<h5>item: <span class="tsd-signature-type">object</span></h5>
<div class="tsd-comment tsd-typography">
<p>element to be checked against a certain structure.</p>
</div>
</li>
</ul>
</div>
<h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">boolean</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#L60"
>components/utils/utils.ts:60</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="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>

View File

@ -1,382 +0,0 @@
<!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">
<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/Utils.html">Utils</a></li>
<li><a href="Utils.clearSelect.html">clearSelect</a></li>
</ul>
<h1>Function clearSelect</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="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>
<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 &#39;&#39;.</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>

View File

@ -1,388 +0,0 @@
<!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">
<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/Utils.html">Utils</a></li>
<li><a href="Utils.createSelected.html">createSelected</a></li>
</ul>
<h1>Function createSelected</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="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>
<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>

View File

@ -1,375 +0,0 @@
<!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">
<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/Utils.html">Utils</a></li>
<li><a href="Utils.customStyles.html">customStyles</a></li>
</ul>
<h1>Function customStyles</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="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>
<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>

View File

@ -1,364 +0,0 @@
<!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">
<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 mobiles</a></li>
<li><a href="../modules/Utils.html">Utils</a></li>
<li><a href="Utils.customStylesFormat.html">customStylesFormat</a></li>
</ul>
<h1>Function customStylesFormat</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="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>
<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>

View File

@ -1,373 +0,0 @@
<!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">
<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 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>
</div>
<div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list">
<li>
<h5>dataItem: <span class="tsd-signature-type">any</span></h5>
<div class="tsd-comment tsd-typography">
<p>received element passed when creating the select.</p>
</div>
</li>
<li>
<h5>index: <span class="tsd-signature-type">number</span></h5>
<div class="tsd-comment tsd-typography"><p>index of this element.</p></div>
</li>
</ul>
</div>
<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">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L15"
>components/utils/utils.ts:15</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="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>

View File

@ -1,387 +0,0 @@
<!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">
<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 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>
</div>
<div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list">
<li>
<h5>
data:
<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 object in which the title of the select is located.</p>
</div>
</li>
<li>
<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>
<div class="tsd-comment tsd-typography">
<p>select element where title will be inserted.</p>
</div>
</li>
</ul>
</div>
<h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">HTMLElement</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#L38"
>components/utils/utils.ts:38</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="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>

View File

@ -1,381 +0,0 @@
<!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">
<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 mobiles</a></li>
<li><a href="../modules/Utils.html">Utils</a></li>
<li><a href="Utils.nativeOptionMultiple.html">nativeOptionMultiple</a></li>
</ul>
<h1>Function nativeOptionMultiple</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="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">&lt;</span
><span class="tsd-signature-type">Element</span
><span class="tsd-signature-symbol">&gt;</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>
<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">&lt;</span
><span class="tsd-signature-type">Element</span
><span class="tsd-signature-symbol">&gt;</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>

View File

@ -1,372 +0,0 @@
<!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">
<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 mobiles</a></li>
<li><a href="../modules/Utils.html">Utils</a></li>
<li><a href="Utils.nativeOptionOrdinary.html">nativeOptionOrdinary</a></li>
</ul>
<h1>Function nativeOptionOrdinary</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="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">&lt;</span
><span class="tsd-signature-type">Element</span
><span class="tsd-signature-symbol">&gt;</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>
<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">&lt;</span
><span class="tsd-signature-type">Element</span
><span class="tsd-signature-symbol">&gt;</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>

View File

@ -1,366 +0,0 @@
<!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">
<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_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>
</div>
<div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list">
<li>
<h5>
data:
<a
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
class="tsd-signature-type"
data-tsd-kind="Interface"
>ICreateBreadCrumb</a
>
</h5>
<div class="tsd-comment tsd-typography">
<p>an object that contains settings and select elements.</p>
</div>
</li>
<li>
<h5>title: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography">
<p>the name of the selected element to draw chips.</p>
</div>
</li>
<li>
<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>
</div>
</li>
<li>
<h5>id: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography">
<p>unique id of the selected element.</p>
</div>
</li>
</ul>
</div>
<h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">HTMLLIElement</span>
</h4>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L35"
>components/create-element/create-element.ts:35</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="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>

View File

@ -1,338 +0,0 @@
<!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">
<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_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>
</div>
<div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list">
<li>
<h5>random: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography">
<p>unique value for input element.</p>
</div>
</li>
<li>
<h5>lenguage: <span class="tsd-signature-type">string</span></h5>
<div class="tsd-comment tsd-typography">
<p>text in specific language passed from language.ts file</p>
</div>
</li>
</ul>
</div>
<h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">HTMLInputElement</span>
</h4>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L106"
>components/create-element/create-element.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="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>

View File

@ -1,315 +0,0 @@
<!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">
<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_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>
</div>
<h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">HTMLSelectElement</span>
</h4>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L8"
>components/create-element/create-element.ts:8</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="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>

View File

@ -1,316 +0,0 @@
<!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">
<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_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>
</div>
<h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">HTMLOptionElement</span>
</h4>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/create-element/create-element.ts#L20"
>components/create-element/create-element.ts:20</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="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>

View File

@ -1,288 +0,0 @@
<!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>

View File

@ -1,368 +0,0 @@
<!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" />
<link rel="shortcut icon" href="../src/images/logoCG2.ico" type="image/x-icon" />
<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">
<h2>cg-select</h2>
</div>
<div class="tsd-panel tsd-typography">
<a href="#cg-select" id="cg-select" style="color: inherit; text-decoration: none">
<h1>CG-SELECT</h1>
</a>
<a href="#version--0231" id="version--0231" style="color: inherit; text-decoration: none">
<h2>version ~ 0.2.4</h2>
</a>
<p>
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.
</p>
<a
href="#the-ability-to-customize-basic-elements-such-as"
id="the-ability-to-customize-basic-elements-such-as"
style="color: inherit; text-decoration: none"
>
<h3>The ability to customize basic elements, such as:</h3>
</a>
<ul>
<li>Select button.</li>
<li>List with select elements.</li>
<li>Placeholder.</li>
<li>
In the multiselect mode, customization of chips (selected elements) is available.
</li>
<li>Label of the element (if it was specified).</li>
<li>Switch themes from dark to light.</li>
</ul>
<a href="#installation" id="installation" style="color: inherit; text-decoration: none">
<h2>Installation</h2>
</a>
<pre><code><span class="hl-0">npm</span><span class="hl-1"> </span><span class="hl-0">i</span><span class="hl-1"> </span><span class="hl-0">cg</span><span class="hl-1">-</span><span class="hl-0">select</span>
</code></pre>
<a href="#usage" id="usage" style="color: inherit; text-decoration: none">
<h2>Usage</h2>
</a>
<a
href="#to-create-a-component-you-need"
id="to-create-a-component-you-need"
style="color: inherit; text-decoration: none"
>
<h3>To create a component, you need:</h3>
</a>
<ol>
<li>Create a regular button element.</li>
<li>Give it the cg-dropdown class.</li>
</ol>
<pre><code><span class="hl-1">&lt;</span><span class="hl-0">button</span><span class="hl-1"> </span><span class="hl-0">class</span><span class="hl-1">=</span><span class="hl-2">&quot;cg-dropdown&quot;</span><span class="hl-1">&gt;&lt;/</span><span class="hl-3">button</span><span class="hl-1">&gt;</span>
</code></pre>
<ol start="3">
<li>Give it a <strong>unique class</strong>, e.g. (cg-dropdown_categories).</li>
</ol>
<pre><code><span class="hl-1">&lt;</span><span class="hl-0">button</span><span class="hl-1"> </span><span class="hl-0">class</span><span class="hl-1">=</span><span class="hl-2">&quot;cg-dropdown cg-dropdown_categories&quot;</span><span class="hl-1">&gt;&lt;/</span><span class="hl-3">button</span><span class="hl-1">&gt;</span>
</code></pre>
<ol start="4">
<li>Create a new instance of the class (new CGSelect)</li>
<li>Pass all desired settings as an object</li>
</ol>
<a
href="#all-options-for-creating-and-managing-are-in-the-documentation-section-quotcgselect-class-constructorquot"
id="all-options-for-creating-and-managing-are-in-the-documentation-section-quotcgselect-class-constructorquot"
style="color: inherit; text-decoration: none"
>
<h4>
All options for creating and managing are in the documentation, section &quot;CGSelect
class constructor&quot;.
</h4>
</a>
<a
href="#an-example-of-creating-a-regular-select"
id="an-example-of-creating-a-regular-select"
style="color: inherit; text-decoration: none"
>
<h3>An example of creating a regular select.</h3>
</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">&#39;cg-select&#39;</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">&#39;.cg-dropdown_selector&#39;</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">&#39;Выберите авто&#39;</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">&#39;BMW&#39;</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">&#39;213sade&#39;</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">&#39;Opel&#39;</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">&#39;Mersedes&#39;</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-2">&#39;MAN&#39;</span><span class="hl-1">,</span><br/><span class="hl-1"> </span><span class="hl-2">&#39;Ferari&#39;</span><span class="hl-1">,</span><br/><span class="hl-1"> ],</span><br/><span class="hl-1">});</span>
</code></pre>
<a
href="#example-of-different-selects"
id="example-of-different-selects"
style="color: inherit; text-decoration: none"
>
<h2>Example of different selects</h2>
</a>
<p>
Same working example --
<a href="https://cg-select.itguild.info/">https://cg-select.itguild.info/</a>
</p>
<p>
<img src="../src/images/DefaultSelect.png" alt="image" />
<img src="../src/images/MultiSelect.png" alt="image" />
<img src="../src/images/WhiteTheme.png" alt="image" />
<img src="../src/images/Categories.png" alt="image" />
</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>
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.
</p>
<a href="#contributing" id="contributing" style="color: inherit; text-decoration: none">
<h2>Contributing</h2>
</a>
<ol>
<li>Fork it!</li>
<li>Create your feature branch: <code>git checkout -b my-new-feature</code></li>
<li>Commit your changes: <code>git commit -am &#39;Add some feature&#39;</code></li>
<li>Push to the branch: <code>git push origin my-new-feature</code></li>
<li>Submit a pull request :D</li>
</ol>
<a href="#compatibility" id="compatibility" style="color: inherit; text-decoration: none">
<h2>Compatibility</h2>
</a>
<table>
<thead>
<tr>
<th>Application Compatibility</th>
<th align="center">JS</th>
<th align="center">React</th>
<th align="center">Angular</th>
<th align="center">Vue</th>
</tr>
</thead>
<tbody>
<tr>
<td>CG-SELECT</td>
<td align="center">
<img src="../src/images/yes.png" alt="image" />
</td>
<td align="center">
<img src="../src/images/yes.png" alt="image" />
<img src="../src/images/no.png" alt="image" />
</td>
<td align="center">
<img src="../src/images/no.png" alt="image" />
</td>
<td align="center">
<img src="../src/images/no.png" alt="image" />
</td>
</tr>
<tr>
<td>Comment</td>
<td align="center">Tested in Js applications and it worksуспешно.</td>
<td align="center">
Works only with a crutch in the form <code>setTimeout()</code>
</td>
<td align="center">not yet available</td>
<td align="center">not yet available</td>
</tr>
</tbody>
</table>
<a href="#history" id="history" style="color: inherit; text-decoration: none">
<h2>History</h2>
</a>
<p>16.12.2022 - release version 0.1.0!</p>
<p>20.01.2023 - upgrade to version 0.2.1</p>
</div>
</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="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>
</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>

View File

@ -1,539 +0,0 @@
<!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">
<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_create_element_create_element_interface.html"
>Create-element.interface</a
>
</li>
<li>
<a href="components_create_element_create_element_interface.ICreateBreadCrumb.html"
>ICreateBreadCrumb</a
>
</li>
</ul>
<h1>Interface ICreateBreadCrumb</h1>
</div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<h3>Description</h3>
<p>cSettings for creating chips.</p>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">ICreateBreadCrumb</span></li>
</ul>
</section>
<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#L6"
>components/create-element/create-element.interface.ts:6</a
>
</li>
</ul>
</aside>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-index-accordion" open>
<summary class="tsd-accordion-summary tsd-index-summary">
<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>
<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>

View File

@ -1,487 +0,0 @@
<!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">
<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_utils_urils_interface.html">Utils.interface</a>
</li>
<li><a href="components_utils_urils_interface.IDataItem.html">IDataItem</a></li>
</ul>
<h1>Interface IDataItem</h1>
</div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<h3>Description</h3>
<p>Receive Item Settings.</p>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">IDataItem</span></li>
</ul>
</section>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L6"
>components/utils/urils.interface.ts:6</a
>
</li>
</ul>
</aside>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-index-accordion" open>
<summary class="tsd-accordion-summary tsd-index-summary">
<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>
<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>

View File

@ -1,657 +0,0 @@
<!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">
<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 moduels</a></li>
<li>
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
</li>
<li>
<a href="components_utils_urils_interface.ISelectedItems.html">ISelectedItems</a>
</li>
</ul>
<h1>Interface ISelectedItems</h1>
</div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<h3>Description</h3>
<p>Settings for select text, etc.</p>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">ISelectedItems</span></li>
</ul>
</section>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/urils.interface.ts#L27"
>components/utils/urils.interface.ts:27</a
>
</li>
</ul>
</aside>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-index-accordion" open>
<summary class="tsd-accordion-summary tsd-index-summary">
<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>
<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.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">
<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>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

View File

@ -1,674 +0,0 @@
<!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">
<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/interfaces_cg_select_interface.html">Cg-select.interface</a>
</li>
<li><a href="interfaces_cg_select_interface.IStyle.html">IStyle</a></li>
</ul>
<h1>Interface IStyle</h1>
</div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<h3>Description</h3>
<p>Style Settings.</p>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">IStyle</span></li>
</ul>
</section>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/interfaces/cg-select.interface.ts#L100"
>interfaces/cg-select.interface.ts:100</a
>
</li>
</ul>
</aside>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-index-accordion" open>
<summary class="tsd-accordion-summary tsd-index-summary">
<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>
<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_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="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="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>

View File

@ -1,464 +0,0 @@
<!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">
<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/interfaces_items_interface.html">Items.interface</a>
</li>
<li><a href="interfaces_items_interface.IItems.html">IItems</a></li>
</ul>
<h1>Interface IItems</h1>
</div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<h3>Description</h3>
<p>Element structure.</p>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">IItems</span></li>
</ul>
</section>
<aside class="tsd-sources">
<ul>
<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 tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-index-accordion" open>
<summary class="tsd-accordion-summary tsd-index-summary">
<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>
<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>

View File

@ -1,468 +0,0 @@
<!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">
<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/interfaces_language_interface.html">Language.interface</a>
</li>
<li><a href="interfaces_language_interface.ILanguage.html">ILanguage</a></li>
</ul>
<h1>Interface ILanguage</h1>
</div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<h3>Description</h3>
<p>Settings for adding languages.</p>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">ILanguage</span></li>
</ul>
</section>
<aside class="tsd-sources">
<ul>
<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 tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<details class="tsd-index-content tsd-index-accordion" open>
<summary class="tsd-accordion-summary tsd-index-summary">
<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>
<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>

View File

@ -1,305 +0,0 @@
<!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">
<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">
<h2>Modules in CG-Select</h2>
</div>
<section class="tsd-panel-group tsd-index-group">
<section class="tsd-panel tsd-index-panel">
<section class="tsd-index-section">
<h3 class="tsd-index-heading">Main</h3>
<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>

View File

@ -1,389 +0,0 @@
<!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">
<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="Utils.html">Utils</a></li>
</ul>
<h1>Module Utils</h1>
</div>
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography"><p>Utils module</p></div>
</section>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/utils/utils.ts#L5"
>components/utils/utils.ts:5</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/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>

View File

@ -1,255 +0,0 @@
<!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">
<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="cg_select.html">Cg-select</a></li>
</ul>
<h1>Module cg-select</h1>
</div>
<aside class="tsd-sources">
<ul>
<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>

View File

@ -1,314 +0,0 @@
<!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">
<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_create_element_create_element.html">Create-element</a>
</li>
</ul>
<h1>Module components/create-element</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.ts#L1"
>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>

View File

@ -1,262 +0,0 @@
<!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">
<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_create_element_create_element_interface.html"
>Create-element.interface</a
>
</li>
</ul>
<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>

View File

@ -1,256 +0,0 @@
<!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>

View File

@ -1,280 +0,0 @@
<!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">
<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 module</a></li>
<li>
<a href="components_utils_urils_interface.html">utils.interface</a>
</li>
</ul>
<h1>Module components/urils.interface</h1>
</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#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>

View File

@ -1,280 +0,0 @@
<!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">
<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="interfaces_cg_select_interface.html">Cg-select.interface</a>
</li>
</ul>
<h1>Module interfaces/Cg-select.interface</h1>
</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#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>

View File

@ -1,256 +0,0 @@
<!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">
<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="interfaces_items_interface.html">Items.interface</a></li>
</ul>
<h1>Module interfaces/Items.interface</h1>
</div>
<aside class="tsd-sources">
<ul>
<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>

View File

@ -1,258 +0,0 @@
<!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">
<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="interfaces_language_interface.html">Language.interface</a></li>
</ul>
<h1>Module interfaces/Language.interface</h1>
</div>
<aside class="tsd-sources">
<ul>
<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>

View File

@ -1,271 +0,0 @@
<!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">
<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="language_language.html">Language</a></li>
</ul>
<h1>Module language/Language</h1>
</div>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<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>

View File

@ -1,252 +0,0 @@
<!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">
<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/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>

View File

@ -1,252 +0,0 @@
<!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">
<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/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>

View File

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

View File

@ -1,530 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
property="og:description"
content="Feature rich Select control for React/JS with multiselect, autocomplete and styling"
/>
<meta property="og:type" content="website" />
<meta property="og:site_name" content="cg-select" />
<meta property="og:url" content="https://cg-select.itguild.info" />
<meta property="og:image" content="/src/images/logoCG.jpg" />
<title>Cg-Select</title>
<link rel="shortcut icon" href="../src/images/logoCG2.ico" type="image/x-icon" />
<link href="example.scss" rel="stylesheet" />
</head>
<body class="body-example">
<div class="container">
<header class="header">
<div class="header__logoBox">
<h1>CG-SELECT</h1>
<img src="/src/images/logoCG.jpg" alt="#" class="header__logo" />
</div>
<hr style="width: 55%" />
<nav>
<ul class="navlist">
<li><a href="">Home</a></li>
<li><a href="/docs/index.html">Documentation</a></li>
</ul>
</nav>
<p class="version">v. 0.2.4</p>
</header>
</div>
<div class="container content">
<div class="example-select">
<h2 class="example-select_title">Default select</h2>
<form method="get" class="form">
<div class="layout-select">
<button class="cg-dropdown cg-dropdown_one"></button>
</div>
<input type="submit" value="Отправить!" class="example-select_submit" />
<button type="button" class="check-code" id="first">View code</button>
<code id="codeFirst">
<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>({
selector: <span class="code__string">'.cg-dropdown_one',</span>
placeholder: <span class="code__string">'Choose a car',</span>
lable: <span class="code__string">'EXAMPLE',</span>
items: [
<span class="code__string">'BMW',</span>
{
id: <span class="code__string">'213sade',</span>
title: <span class="code__string">'Opel',</span>
value: 1,
},
<span class="code__string">'Mersedes',</span>
<span class="code__string">'MAN',</span>
<span class="code__string">'Ferari',</span>
],
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
},
});
</pre>
</code>
</form>
</div>
<div class="example-select">
<h2 class="example-select_title">Default select with function nativeSelectMode</h2>
<form method="get" class="form">
<p style="margin-left: 12px; color: white">
*Native select appears on mobile resolution.
</p>
<div class="layout-select">
<button class="cg-dropdown cg-dropdown_selectNative"></button>
</div>
<button type="button" class="check-code" id="Native">View code</button>
<code id="codeNative">
<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>({
selector: <span class="code__string">'.cg-dropdown_one',</span>
placeholder: <span class="code__string">'Choose a car',</span>
nativeSelectMode: <span class="code__keyword">true,</span>
items: [
<span class="code__string">'BMW',</span>
{
id: <span class="code__string">'213sade',</span>
title: <span class="code__string">'Opel',</span>
value: 1,
},
<span class="code__string">'Mersedes',</span>
<span class="code__string">'MAN',</span>
<span class="code__string">'Ferari',</span>
],
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
},
});
</pre>
</code>
</form>
</div>
<div class="example-select">
<h2 class="example-select_title">Default select with function listDisplayMode</h2>
<form method="get" class="form">
<p style="margin-left: 12px; color: white">
*When using this method, the selection sheet appears as a modal window.
</p>
<div class="layout-select">
<button class="cg-dropdown cg-dropdown_listDisplayMode"></button>
</div>
<button type="button" class="check-code" id="six">View code</button>
<code id="codeSix">
<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>({
selector: <span class="code__string">'.cg-dropdown_listDisplayMode',</span>
placeholder: <span class="code__string">'Choose a car',</span>
listDisplayMode: <span class="code__keyword">true,</span>
items: [
<span class="code__string">'BMW',</span>
{
id: <span class="code__string">'213sade',</span>
title: <span class="code__string">'Opel',</span>
value: 1,
},
<span class="code__string">'Mersedes',</span>
<span class="code__string">'MAN',</span>
<span class="code__string">'Ferari',</span>
],
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
},
});
</pre>
</code>
</form>
</div>
<div class="example-select">
<h1 class="example-select_title">Select with data from URL</h1>
<div class="layout-select">
<button class="cg-dropdown cg-dropdown_three"></button>
</div>
<button type="button" class="check-code" id="second">View code</button>
<code id="codeSecond">
<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>({
selector: <span class="code__string">'.cg-dropdown_three',</span>
placeholder: <span class="code__string">'URL',</span>
url: <span class="code__string">'https://jsonplaceholder.typicode.com/users',</span>
searchMode: <span class="code__keyword">true,</span>
darkTheme: <span class="code__keyword">false,</span>
language: <span class="code__string">'ru',</span>
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
},
});
</pre>
</code>
</div>
<div class="example-select description-theme">
<h1 class="example-select_title">Setting up and adding a theme</h1>
<div class="layout-select">
<div class="row">
<div class="col">
<h5>Default theme:</h5>
<p style="margin-right: 50px">
To change the theme of the select, you need to specify this parameter in the select
settings. The default theme is the classic theme, you can choose a white or dark
theme.
</p>
<code style="display: block; margin-top: 32px">
<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>({
selector: <span class="code__string">'.cg-dropdown_one',</span>
placeholder: <span class="code__string">'Choose a car',</span>
lable: <span class="code__string">'EXAMPLE',</span>
items: [
...
],
<span class="code__keyword">theme</span>: <span class="code__string">'dark / white'</span>
});
</pre>
</code>
</div>
<div class="col">
<h5>Create custom theme:</h5>
<div class="createTheme">
<p style="margin-right: 25px">
To create your own theme, you need to create an object with the following fields.
In these fields you need to insert the previously created css class. After
creating the object, just pass it to the select settings.
</p>
<code style="display: block">
<pre>
<span class="code__keyword">interface</span> <span class="code__var">CustomTheme</span> {
name: <span class="code__class">'string',</span>
styles: {
head?: <span class="code__class">'string',</span>
list?: <span class="code__class">'testClass',</span> ,
placeholder?: <span class="code__class">'string',</span> ,
caret?: <span class="code__class">'string',</span> ,
search?: <span class="code__class">'string',</span> ,
chips?: <span class="code__class">'string',</span> ,
lable?: <span class="code__class">'string',</span> ,
},
});
</pre>
</code>
</div>
</div>
</div>
<h5 style="margin: 20px 0 5px; text-align: center">Example:</h5>
<div class="row">
<h6>For JS</h6>
<h6>For TS</h6>
</div>
<div class="row">
<code style="display: block">
<pre>
<span class="code__keyword">const</span> <span class="code__var">newTheme</span> = {
name: <span class="code__string">'test',</span>
styles: {
head: <span class="code__string">'headTestClass',</span>
list: <span class="code__string">'listTestClass',</span> ,
placeholder: <span class="code__string">'placeholderTestClass',</span> ,
caret: <span class="code__string">'caretTestClass',</span> ,
search: <span class="code__string">'searchTestClass',</span> ,
chips: <span class="code__string">'chipsTestClass',</span> ,
lable: <span class="code__string">'lableTestClass',</span> ,
},
});
</pre>
</code>
<code style="display: block">
<pre>
<span class="code__keyword">const</span> <span class="code__var">newCustomTheme</span>:<span class="code__class"> CustomTheme</span> = {
name: <span class="code__string">'test',</span>
styles: {
head: <span class="code__string">'headTestClass',</span>
list: <span class="code__string">'listTestClass',</span> ,
placeholder: <span class="code__string">'placeholderTestClass',</span> ,
caret: <span class="code__string">'caretTestClass',</span> ,
search: <span class="code__string">'searchTestClass',</span> ,
chips: <span class="code__string">'chipsTestClass',</span> ,
lable: <span class="code__string">'lableTestClass',</span> ,
},
});
</pre>
</code>
</div>
<h6>CSS</h6>
<code style="display: block; width: 44%">
<pre>
.headTestClass {
background-color: #8297ff;
color: white;
}
.listTestClass {
background-color: #8297ff;
border: 1px solid black;
color: white;
}
</pre>
</code>
<h6>Example custom theme in CG-Select</h6>
<p>
See an example of a select on
<a
href="https://codesandbox.io/p/sandbox/cg-select-example-eq9rle?file=%2Fsrc%2Findex.js"
style="font-size: 16px; color: #88d0f7"
>codesandbox.io</a
>
</p>
<div class="layout-select" style="margin-bottom: 60px">
<button class="cg-dropdown cg-dropdown_theme"></button>
</div>
</div>
</div>
<div class="example-select">
<h1 class="example-select_title">Select constructor</h1>
<div class="row" style="margin: 20px; color: white">
<div class="col">
<h5 style="font-size: 18px; margin: 0;">Select Style Builder:</h5>
<p style="margin-right: 50px; font-size: 17px">
This is a constructor for styling a select online without downloading. For it to work,
you need to:
<ol style="font-size: 15px;">
<li class="liList">Select a part of the select for customization. </li>
<li class="liList">Enter styles in the text field in the form "color: red;".</li>
<li class="liList">Click on the render button.</li>
</ol>
</p>
</div>
<div class="col">
<div class="layout-select constructor">
<button class="cg-dropdown body"></button>
<textarea
name="styles"
id="styles"
cols="30"
rows="5"
class="textareaStyle"
placeholder="Enter CSS properties"
disabled="disabled"
></textarea>
<button type="button" class="check-code render">Render</button>
</div>
</div>
</div>
<div class="layout-select constructor" style="margin-bottom: 60px;">
<button class="cg-dropdown select"></button>
</div>
</div>
<div class="example-select">
<h1 class="example-select_title">Categories</h1>
<div class="layout-select">
<button class="cg-dropdown cg-dropdown_categories"></button>
</div>
<button type="button" class="check-code" id="third">View code</button>
<code id="codeThird">
<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>({
selector: <span class="code__string">'.cg-dropdown_categories',</span>
placeholder: <span class="code__string">'Выберите регион',</span>
searchMode: <span class="code__keyword">true,</span>
items: [
{
category: <span class="code__string">'Russia',</span>
categoryItems: [
{
id: <span class="code__string">'28qwds',</span>
title: <span class="code__string">'Москва',</span>
value: 0,
},
<span class="code__string">'Ростов-на-дону',</span>
<span class="code__string">'Саратов',</span>
<span class="code__string">'Волгоград',</span>
<span class="code__string">'Донецк',</span>
],
},
{
category: <span class="code__string">'USA',</span>
categoryItems: <span class="code__string">[
'Alabama',
'Texas',
'Colorado',
'Klirens',
'Los-Angeles'],</span>
},
{
category: <span class="code__string">'France',</span>
categoryItems: <span class="code__string">['Paris'],</span>
},
],
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
placeholder: {
maxWidth: <span class="code__string">'500px ',</span>
},
},
multiselect: <span class="code__keyword">true,</span>
multiselectTag: <span class="code__keyword">true,</span>
});
</pre>
</code>
</div>
<div class="example-select">
<h1 class="example-select_title">Button control</h1>
<div style="margin-bottom: 15px">
<button class="button__open example-select_submit">Open</button>
<button class="button__close example-select_submit">Close</button>
</div>
<div class="layout-select">
<button class="cg-dropdown cg-dropdown_usedBtn"></button>
</div>
<button type="button" class="check-code" id="fourth">View code</button>
<code id="codeFourth">
<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>({
selector: <span class="code__string">'.cg-dropdown_usedBtn',</span>
placeholder: <span class="code__string">'Choose a car',</span>
searchMode: <span class="code__keyword">true,</span>
items: [
<span class="code__string">'BMW',</span>
{
id: <span class="code__string">'213sade',</span>
title: <span class="code__string">'Opel',</span>
value: 1,
},
<span class="code__string">'Mersedes',</span>
<span class="code__string">'MAN',</span>
<span class="code__string">'max',</span>
],
styles: {
head: {
width: <span class="code__string">'830px',</span>
color: <span class="code__string">'black',</span>
backgroundColor: <span class="code__string">'rgb(176 223 167)',</span>
},
list: {
width: <span class="code__string">'824px',</span>
color: <span class="code__string">'black',</span>
backgroundColor: <span class="code__string">'rgb(176 223 167)',</span>
},
caret: {
borderTop: <span class="code__string">'6px solid black',</span>
},
search: {
backgroundColor: <span class="code__string">'#d7ffff',</span>
borderRadius: <span class="code__string">'5px',</span>
borderBottom: <span class="code__string">'none',</span>
width: <span class="code__string">'95%',</span>
color: <span class="code__string">'black',</span>
},
},
multiselect: <span class="code__keyword">true,</span>
});
</pre>
</code>
</div>
<div class="example-select">
<h1 class="example-select_title">Function disabled</h1>
<input type="checkbox" name="chbx" id="checkboxDisable" style="margin: 16px" />
<label for="checkboxDisable" style="color: white">
You agree to the processing of data</label
>
<div class="layout-select">
<button class="cg-dropdown cg-dropdown_checkboxDisable"></button>
</div>
<button type="button" class="check-code" id="fifth">View code</button>
<code id="codeFifth">
<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>({
selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
placeholder: <span class="code__string">'Choose a car',</span>
searchMode: <span class="code__keyword">true,</span>
items: [
<span class="code__string">'BMW',</span>
{
id: <span class="code__string">'213sade',</span>
title: <span class="code__string">'Opel',</span>
value: 1,
},
<span class="code__string">'Mersedes',</span>
<span class="code__string">'MAN',</span>
<span class="code__string">'Ferari',</span>
],
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
placeholder: {
maxWidth: <span class="code__string">'500px ',</span>
},
},
multiselect: <span class="code__keyword">true,</span>
});
</pre>
</code>
</div>
</div>
</body>
<script type="module" src="index.js"></script>
</html>

View File

@ -1,265 +0,0 @@
import { CGSelect } from '../src/cg-select';
import { newCustomTheme } from './src/themeTest';
import './src/example';
import './src/constructor/constructor';
// ------------------------------Обычный селект--------------------
const dropdown = new CGSelect({
selector: '.cg-dropdown_one',
placeholder: 'Choose a car',
label: 'EXAMPLE',
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'Ferari',
],
styles: {
head: {
width: '830px',
},
list: {
width: '824px',
},
},
});
// dropdown.on('clear', function (e) {
// console.log(`this state: ${e}`);
// });
const droptheme = new CGSelect({
selector: '.cg-dropdown_theme',
placeholder: 'Choose a car',
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'Ferari',
],
styles: {
head: {
width: '830px',
},
list: {
width: '824px',
},
},
theme: newCustomTheme,
});
// ------------------------------NativeSelect-----------------------
const dropdownNativeSelect = new CGSelect({
selector: '.cg-dropdown_selectNative',
placeholder: 'Choose a car',
nativeSelectMode: true,
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'Ferari',
'Kamaz',
'Ural',
],
styles: {
head: {
width: '830px',
},
list: {
width: '824px',
},
},
theme: 'dark',
});
// ------------------------------listDisplayMode--------------------
const dropdownlistDisplayMode = new CGSelect({
selector: '.cg-dropdown_listDisplayMode',
placeholder: 'Choose a car',
listDisplayMode: true,
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'Ferari',
],
styles: {
head: {
width: '830px',
},
list: {
width: '824px',
},
},
});
// --------------------------------Категории--------------------------
const dropdown4 = new CGSelect({
selector: '.cg-dropdown_categories',
placeholder: 'Choose region',
searchMode: true,
items: [
{
category: 'Russia',
categoryItems: [
{
id: '28qwds',
title: 'Москва',
value: 0,
},
,
'Ростов-на-дону',
'Саратов',
'Волгоград',
'Донецк',
],
},
{
category: 'USA',
categoryItems: ['Alabama', 'Texas', 'Colorado', 'Klirens', 'Los-Angeles'],
},
{
category: 'France',
categoryItems: ['Paris'],
},
],
styles: {
head: {
width: '830px',
},
list: {
width: '824px',
},
placeholder: {
maxWidth: '500px ',
},
},
multiselect: true,
multiselectTag: true,
});
//----------------управление с помощью кнопок----------------------------------
const dropdownBtn = new CGSelect({
selector: '.cg-dropdown_usedBtn',
placeholder: 'Choose a car',
searchMode: true,
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'max',
],
styles: {
head: {
width: '830px',
color: 'black',
backgroundColor: 'rgb(176 223 167)',
},
list: {
width: '824px',
color: 'black',
backgroundColor: 'rgb(176 223 167)',
},
caret: {
borderTop: '6px solid black',
},
search: {
backgroundColor: '#d7ffff',
borderRadius: '5px',
borderBottom: 'none',
width: '95%',
color: 'black',
},
},
multiselect: true,
});
const buttonOpen = document.querySelector('.button__open');
const buttonClose = document.querySelector('.button__close');
dropdownBtn.buttonControl(buttonOpen, 'open');
dropdownBtn.buttonControl(buttonClose, 'close');
//-------------------------Функция Disabled----------------------------------
const dropdownDisabled = new CGSelect({
selector: '.cg-dropdown_checkboxDisable',
placeholder: 'Choose a car',
searchMode: true,
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'max',
],
styles: {
head: {
width: '830px',
},
list: {
width: '824px',
},
placeholder: {
maxWidth: '500px ',
},
},
multiselect: true,
});
dropdownDisabled.disabled(true);
let chbox = document.getElementById('checkboxDisable');
chbox.addEventListener('click', () => {
if (chbox.checked == true) {
dropdownDisabled.disabled(false);
} else {
dropdownDisabled.disabled(true);
}
});
// ------------------------------URL--------------------
const dropdown3 = new CGSelect({
selector: '.cg-dropdown_three',
placeholder: 'URL',
url: 'https://jsonplaceholder.typicode.com/todos',
searchMode: true,
darkTheme: false,
language: 'ru',
styles: {
head: {
width: '830px',
},
list: {
width: '824px',
},
},
multiselect: true,
});

View File

@ -1,83 +0,0 @@
import { CGSelect } from '../../../src/cg-select';
const body = new CGSelect({
selector: '.body',
placeholder: 'Select element to style',
items: ['head', 'list', 'placeholder', 'caret', 'search'],
});
let head = '';
let list = '';
let placeholder = '';
let caret = '';
let valueSelect = '';
const textarea = document.querySelector('#styles');
const renderBtn = document.querySelector('.render');
body.on('select', (e, value) => {
valueSelect = value;
textarea.value = '';
textarea.removeAttribute('disabled');
getValueSelect(valueSelect);
});
function getValueSelect(value) {
textarea.onkeyup = function () {
switch (value) {
case 'head':
// ввод стилей
head = textarea.value;
break;
case 'list':
list = textarea.value;
break;
case 'placeholder':
placeholder = textarea.value;
break;
case 'caret':
caret = textarea.value;
break;
case 'search':
search = textarea.value;
break;
default:
break;
}
};
}
renderBtn.addEventListener('click', () => {
const select = new CGSelect({
selector: '.select',
placeholder: 'Choose a car',
label: 'Exemple select',
items: [
'BMW',
{
id: '213sade',
title: 'Opel',
value: 1,
},
'Mersedes',
'MAN',
'Ferari',
],
searchMode: true,
multiselect: true,
multiselectTag: true,
});
const drop = document.querySelector('.select');
let headSelect = drop.querySelector('.cg-select');
let listSelect = drop.querySelector('.list');
let placeholderSelect = drop.querySelector('.selected');
let caretSelect = drop.querySelector('.caret');
let searchSelect = drop.querySelector('.inputSearch');
headSelect.setAttribute('style', head);
listSelect.setAttribute('style', list);
placeholderSelect.setAttribute('style', placeholder);
caretSelect.setAttribute('style', caret);
searchSelect.setAttribute('style', search);
});

View File

@ -1,16 +0,0 @@
.textareaStyle {
resize: none;
border-radius: 5px;
margin: 15px;
}
.constructor {
display: flex;
align-items: center;
flex-direction: column;
}
.liList {
margin-bottom: 5px;
font-size: 17px;
}

View File

@ -1,48 +0,0 @@
const firstBtn = document.getElementById('first');
const codeFirst = document.getElementById('codeFirst');
const secondBtn = document.getElementById('second');
const codeSecond = document.getElementById('codeSecond');
const thirdBtn = document.getElementById('third');
const codeThird = document.getElementById('codeThird');
const fourthBtn = document.getElementById('fourth');
const codeFourth = document.getElementById('codeFourth');
const fifthBtn = document.getElementById('fifth');
const codeFifth = document.getElementById('codeFifth');
const six = document.getElementById('six');
const codeSix = document.getElementById('codeSix');
const Native = document.getElementById('Native');
const codeNative = document.getElementById('codeNative');
firstBtn.addEventListener('click', () => {
codeFirst.classList.toggle('active');
});
secondBtn.addEventListener('click', () => {
codeSecond.classList.toggle('active');
});
thirdBtn.addEventListener('click', () => {
codeThird.classList.toggle('active');
});
fourthBtn.addEventListener('click', () => {
codeFourth.classList.toggle('active');
});
fifthBtn.addEventListener('click', () => {
codeFifth.classList.toggle('active');
});
six.addEventListener('click', () => {
codeSix.classList.toggle('active');
});
Native.addEventListener('click', () => {
codeNative.classList.toggle('active');
});

View File

@ -1,9 +0,0 @@
import { CustomTheme } from 'components/theme/theme.interface';
export const newCustomTheme: CustomTheme = {
name: 'test',
styles: {
head: 'testClass',
list: 'listTest',
},
};

View File

@ -1,6 +1,8 @@
{ {
"name": "cg-select", "name": "cg-select",
"version": "0.2.4", "version": "0.2.5",
"source": "index.js",
"main": "dist/index.js",
"description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling", "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling",
"author": { "author": {
"name": "CraftGroup", "name": "CraftGroup",
@ -8,8 +10,8 @@
}, },
"homepage": "https://cg-select.itguild.info", "homepage": "https://cg-select.itguild.info",
"scripts": { "scripts": {
"start": "parcel example/index.html -p 4500 --open ", "watch": "parcel watch",
"build": "parcel build example/index.js --no-cache", "build": "parcel build",
"deploy": "gh-pages -d dist", "deploy": "gh-pages -d dist",
"predeploy": "npm run build" "predeploy": "npm run build"
}, },