Compare commits

...

16 Commits

Author SHA1 Message Date
383c4f8f77 Fixed media srceen 2023-06-08 12:19:37 +03:00
d5b885f4b7 Fixed media screen 2023-06-08 12:16:44 +03:00
1e620bcb99 Update Readme 2023-04-17 17:12:21 +03:00
a2b01ea1f5 Added cdn page 2023-04-17 17:05:39 +03:00
f6d5321f62 Update 0.3.11 2023-04-13 13:38:36 +03:00
cee0b77c33 Update 0.3.11 2023-04-13 13:36:51 +03:00
8b2d5d6db0 Update 0.3.0 2023-04-07 15:06:54 +03:00
caad70aaad Merge pull request #1 from MaxOvs19/update-page
Update page
2023-04-07 15:02:47 +03:00
a195ccd27b Fixed main page 2023-04-07 15:02:11 +03:00
4c136507fe Fixed pages 2023-04-04 20:57:05 +03:00
051a9f610b Fixed main page 2023-03-22 16:58:04 +03:00
fa53a86810 Fixed main page 2023-03-22 16:51:31 +03:00
011814358b Update index.html 2023-03-22 14:36:22 +03:00
3304fa409c Изменил(а) на 'index.html' 2023-03-22 14:35:37 +03:00
e1e9027e7f Fixed index.html 2023-03-21 17:19:59 +03:00
282063940e Added new docs and update version select 2023-03-21 16:44:51 +03:00
50 changed files with 9279 additions and 2342 deletions

File diff suppressed because it is too large Load Diff

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,14 +86,17 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="checkItemStruct"> <li class="tsd-signature tsd-anchor-link" id="checkItemStruct">
check<wbr />Item<wbr />Struct<span class="tsd-signature-symbol">(</span>item<span check<wbr />Item<wbr />Struct<span class="tsd-signature-symbol"
class="tsd-signature-symbol" >(</span
>: </span >item<span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">object</span ><span class="tsd-signature-type">object</span
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">boolean</span ><span class="tsd-signature-type">boolean</span
><a href="#checkItemStruct" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#checkItemStruct"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -80,7 +106,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -96,13 +127,17 @@
<p>Checking if item contains the specified properties.</p> <p>Checking if item contains the specified properties.</p>
<h3>Returns</h3> <h3>Returns</h3>
<p>returns true/false if item contains the specified properties.</p> <p>
returns true/false if item contains the specified properties.
</p>
</div> </div>
<div class="tsd-parameters"> <div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>item: <span class="tsd-signature-type">object</span></h5> <h5>
item: <span class="tsd-signature-type">object</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>element to be checked against a certain structure.</p> <p>element to be checked against a certain structure.</p>
</div> </div>
@ -148,7 +183,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -215,40 +254,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -260,7 +336,12 @@
<ul> <ul>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -282,7 +363,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -290,7 +376,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -298,7 +389,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -306,7 +402,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -314,7 +415,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -322,7 +428,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -330,7 +441,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -338,7 +454,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -349,7 +470,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,15 +86,13 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="clearSelect"> <li class="tsd-signature tsd-anchor-link" id="clearSelect">
clear<wbr />Select<span class="tsd-signature-symbol">(</span>select<span clear<wbr />Select<span class="tsd-signature-symbol">(</span
class="tsd-signature-symbol" >select<span class="tsd-signature-symbol">: </span
>: </span
><span class="tsd-signature-type">HTMLElement</span>, element<span ><span class="tsd-signature-type">HTMLElement</span>, element<span
class="tsd-signature-symbol" class="tsd-signature-symbol"
>: </span >: </span
><span class="tsd-signature-type">Element</span>, dataSelectText<span ><span class="tsd-signature-type">Element</span>,
class="tsd-signature-symbol" dataSelectText<span class="tsd-signature-symbol">: </span
>: </span
><a ><a
href="../interfaces/components_utils_urils_interface.ISelectedItems.html" href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
class="tsd-signature-type" class="tsd-signature-type"
@ -80,7 +101,10 @@
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">void</span ><span class="tsd-signature-type">void</span
><a href="#clearSelect" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#clearSelect"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -90,7 +114,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -109,14 +138,24 @@
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>select: <span class="tsd-signature-type">HTMLElement</span></h5> <h5>
select:
<span class="tsd-signature-type">HTMLElement</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>place in the select that will be reassigned to &#39;&#39;.</p> <p>
place in the select that will be reassigned to
&#39;&#39;.
</p>
</div> </div>
</li> </li>
<li> <li>
<h5>element: <span class="tsd-signature-type">Element</span></h5> <h5>
<div class="tsd-comment tsd-typography"><p>class instance CgSelect.</p></div> element: <span class="tsd-signature-type">Element</span>
</h5>
<div class="tsd-comment tsd-typography">
<p>class instance CgSelect.</p>
</div>
</li> </li>
<li> <li>
<h5> <h5>
@ -173,7 +212,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -240,40 +283,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -285,7 +365,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -307,7 +392,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -315,7 +405,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -323,7 +418,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -331,7 +431,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -339,7 +444,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -347,7 +457,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -355,7 +470,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -363,7 +483,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -374,7 +499,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,9 +86,8 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="createSelected"> <li class="tsd-signature tsd-anchor-link" id="createSelected">
create<wbr />Selected<span class="tsd-signature-symbol">(</span>element<span create<wbr />Selected<span class="tsd-signature-symbol">(</span
class="tsd-signature-symbol" >element<span class="tsd-signature-symbol">: </span
>: </span
><span class="tsd-signature-type">Element</span>, content<span ><span class="tsd-signature-type">Element</span>, content<span
class="tsd-signature-symbol" class="tsd-signature-symbol"
>?: </span >?: </span
@ -80,7 +102,10 @@
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">void</span ><span class="tsd-signature-type">void</span
><a href="#createSelected" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#createSelected"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -90,7 +115,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -102,19 +132,24 @@
></a> ></a>
</li> </li>
<li class="tsd-description"> <li class="tsd-description">
<div class="tsd-comment tsd-typography"><p>Creating an Item Selector Button.</p></div> <div class="tsd-comment tsd-typography">
<p>Creating an Item Selector Button.</p>
</div>
<div class="tsd-parameters"> <div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>element: <span class="tsd-signature-type">Element</span></h5> <h5>
element: <span class="tsd-signature-type">Element</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>instantiated class CgSelect.</p> <p>instantiated class CgSelect.</p>
</div> </div>
</li> </li>
<li> <li>
<h5> <h5>
<code class="tsd-tag ts-flagOptional">Optional</code> content: <code class="tsd-tag ts-flagOptional">Optional</code>
content:
<span class="tsd-signature-type">string</span> <span class="tsd-signature-type">string</span>
</h5> </h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
@ -123,7 +158,8 @@
</li> </li>
<li> <li>
<h5> <h5>
<code class="tsd-tag ts-flagOptional">Optional</code> styles: <code class="tsd-tag ts-flagOptional">Optional</code>
styles:
<a <a
href="../interfaces/interfaces_cg_select_interface.IStyle.html" href="../interfaces/interfaces_cg_select_interface.IStyle.html"
class="tsd-signature-type" class="tsd-signature-type"
@ -133,8 +169,8 @@
</h5> </h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p> <p>
optional parameter. The object in which the settings for customizing parts optional parameter. The object in which the settings for
of the select are located. customizing parts of the select are located.
</p> </p>
</div> </div>
</li> </li>
@ -179,7 +215,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -246,40 +286,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -291,7 +368,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -313,7 +395,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -321,7 +408,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -329,7 +421,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -337,7 +434,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -345,7 +447,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -353,7 +460,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -361,7 +473,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -369,7 +486,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -380,7 +502,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,9 +86,8 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="customStyles"> <li class="tsd-signature tsd-anchor-link" id="customStyles">
custom<wbr />Styles<span class="tsd-signature-symbol">(</span>element<span custom<wbr />Styles<span class="tsd-signature-symbol">(</span
class="tsd-signature-symbol" >element<span class="tsd-signature-symbol">: </span
>: </span
><span class="tsd-signature-type">Element</span>, styles<span ><span class="tsd-signature-type">Element</span>, styles<span
class="tsd-signature-symbol" class="tsd-signature-symbol"
>: </span >: </span
@ -77,7 +99,10 @@
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">void</span ><span class="tsd-signature-type">void</span
><a href="#customStyles" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#customStyles"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -87,7 +112,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -100,13 +130,18 @@
</li> </li>
<li class="tsd-description"> <li class="tsd-description">
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>Finding and styling elements derived from the styles instance CgSelect</p> <p>
Finding and styling elements derived from the styles instance
CgSelect
</p>
</div> </div>
<div class="tsd-parameters"> <div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>element: <span class="tsd-signature-type">Element</span></h5> <h5>
element: <span class="tsd-signature-type">Element</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>instantiated class CgSelect.</p> <p>instantiated class CgSelect.</p>
</div> </div>
@ -122,7 +157,10 @@
> >
</h5> </h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>object in which there are settings for customizing parts of the select.</p> <p>
object in which there are settings for customizing parts
of the select.
</p>
</div> </div>
</li> </li>
</ul> </ul>
@ -166,7 +204,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -233,40 +275,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -278,7 +357,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -300,7 +384,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -308,7 +397,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -316,7 +410,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -324,7 +423,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -332,7 +436,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -340,7 +449,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -348,7 +462,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -356,7 +475,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -367,7 +491,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,22 +79,29 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All mobiles</a></li> <li><a href="../modules.html">All mobiles</a></li>
<li><a href="../modules/Utils.html">Utils</a></li> <li><a href="../modules/Utils.html">Utils</a></li>
<li><a href="Utils.customStylesFormat.html">customStylesFormat</a></li> <li>
<a href="Utils.customStylesFormat.html">customStylesFormat</a>
</li>
</ul> </ul>
<h1>Function customStylesFormat</h1> <h1>Function customStylesFormat</h1>
</div> </div>
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="customStylesFormat"> <li class="tsd-signature tsd-anchor-link" id="customStylesFormat">
custom<wbr />Styles<wbr />Format<span class="tsd-signature-symbol">(</span custom<wbr />Styles<wbr />Format<span class="tsd-signature-symbol"
>(</span
>elemOption<span class="tsd-signature-symbol">: </span >elemOption<span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">object</span>, selector<span ><span class="tsd-signature-type">object</span>, selector<span
class="tsd-signature-symbol" class="tsd-signature-symbol"
>: </span >: </span
><span class="tsd-signature-type">any</span><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-symbol">: </span
><span class="tsd-signature-type">void</span ><span class="tsd-signature-type">void</span
><a href="#customStylesFormat" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#customStylesFormat"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -81,7 +111,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -100,16 +135,20 @@
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>elemOption: <span class="tsd-signature-type">object</span></h5> <h5>
elemOption: <span class="tsd-signature-type">object</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p> <p>
an object obtained from the styles object from which we get the styles an object obtained from the styles object from which we
key-value. get the styles key-value.
</p> </p>
</div> </div>
</li> </li>
<li> <li>
<h5>selector: <span class="tsd-signature-type">any</span></h5> <h5>
selector: <span class="tsd-signature-type">any</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>HTMLElement subject to customization.</p> <p>HTMLElement subject to customization.</p>
</div> </div>
@ -155,7 +194,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -222,40 +265,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -267,7 +347,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -289,7 +374,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -297,7 +387,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -305,7 +400,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -313,7 +413,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -321,7 +426,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -329,7 +439,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -337,7 +452,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -345,7 +465,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -356,7 +481,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,11 +86,12 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="getFormatItem"> <li class="tsd-signature tsd-anchor-link" id="getFormatItem">
get<wbr />Format<wbr />Item<span class="tsd-signature-symbol">(</span>dataItem<span 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" class="tsd-signature-symbol"
>: </span >: </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-type">number</span
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
@ -76,7 +100,10 @@
class="tsd-signature-type" class="tsd-signature-type"
data-tsd-kind="Interface" data-tsd-kind="Interface"
>IItems</a >IItems</a
><a href="#getFormatItem" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#getFormatItem"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -86,7 +113,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -108,14 +140,20 @@
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>dataItem: <span class="tsd-signature-type">any</span></h5> <h5>
dataItem: <span class="tsd-signature-type">any</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>received element passed when creating the select.</p> <p>received element passed when creating the select.</p>
</div> </div>
</li> </li>
<li> <li>
<h5>index: <span class="tsd-signature-type">number</span></h5> <h5>
<div class="tsd-comment tsd-typography"><p>index of this element.</p></div> index: <span class="tsd-signature-type">number</span>
</h5>
<div class="tsd-comment tsd-typography">
<p>index of this element.</p>
</div>
</li> </li>
</ul> </ul>
</div> </div>
@ -164,7 +202,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -231,40 +273,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -276,7 +355,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -298,7 +382,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -306,7 +395,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -314,7 +408,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -322,7 +421,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -330,7 +434,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -338,7 +447,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -346,7 +460,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -354,7 +473,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -365,7 +489,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,9 +86,9 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="getSelectText"> <li class="tsd-signature tsd-anchor-link" id="getSelectText">
get<wbr />Select<wbr />Text<span class="tsd-signature-symbol">(</span>data<span get<wbr />Select<wbr />Text<span class="tsd-signature-symbol"
class="tsd-signature-symbol" >(</span
>: </span >data<span class="tsd-signature-symbol">: </span
><a ><a
href="../interfaces/components_utils_urils_interface.ISelectedItems.html" href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
class="tsd-signature-type" class="tsd-signature-type"
@ -80,7 +103,10 @@
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">HTMLElement</span ><span class="tsd-signature-type">HTMLElement</span
><a href="#getSelectText" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#getSelectText"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -90,7 +116,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -122,7 +153,9 @@
> >
</h5> </h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>the object in which the title of the select is located.</p> <p>
the object in which the title of the select is located.
</p>
</div> </div>
</li> </li>
<li> <li>
@ -178,7 +211,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -245,40 +282,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -290,7 +364,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -312,7 +391,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -320,7 +404,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -328,7 +417,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -336,7 +430,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -344,7 +443,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -352,7 +456,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -360,7 +469,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -368,7 +482,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -379,7 +498,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,14 +79,18 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All mobiles</a></li> <li><a href="../modules.html">All mobiles</a></li>
<li><a href="../modules/Utils.html">Utils</a></li> <li><a href="../modules/Utils.html">Utils</a></li>
<li><a href="Utils.nativeOptionMultiple.html">nativeOptionMultiple</a></li> <li>
<a href="Utils.nativeOptionMultiple.html">nativeOptionMultiple</a>
</li>
</ul> </ul>
<h1>Function nativeOptionMultiple</h1> <h1>Function nativeOptionMultiple</h1>
</div> </div>
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="nativeOptionMultiple"> <li class="tsd-signature tsd-anchor-link" id="nativeOptionMultiple">
native<wbr />Option<wbr />Multiple<span class="tsd-signature-symbol">(</span native<wbr />Option<wbr />Multiple<span
class="tsd-signature-symbol"
>(</span
>element<span class="tsd-signature-symbol">: </span >element<span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">undefined</span ><span class="tsd-signature-type">undefined</span
><span class="tsd-signature-symbol"> | </span ><span class="tsd-signature-symbol"> | </span
@ -80,7 +107,10 @@
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">void</span ><span class="tsd-signature-type">void</span
><a href="#nativeOptionMultiple" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#nativeOptionMultiple"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -90,7 +120,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -103,7 +138,10 @@
</li> </li>
<li class="tsd-description"> <li class="tsd-description">
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>The behavior of the native (Multiple) select when choosing in a custom one.</p> <p>
The behavior of the native (Multiple) select when choosing in
a custom one.
</p>
</div> </div>
<div class="tsd-parameters"> <div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
@ -117,18 +155,27 @@
><span class="tsd-signature-type">Element</span ><span class="tsd-signature-type">Element</span
><span class="tsd-signature-symbol">&gt;</span> ><span class="tsd-signature-symbol">&gt;</span>
</h5> </h5>
<div class="tsd-comment tsd-typography"><p>NodeList of native select.</p></div> <div class="tsd-comment tsd-typography">
<p>NodeList of native select.</p>
</div>
</li> </li>
<li> <li>
<h5>item: <span class="tsd-signature-type">string</span></h5> <h5>
item: <span class="tsd-signature-type">string</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>selected element in custom select.</p> <p>selected element in custom select.</p>
</div> </div>
</li> </li>
<li> <li>
<h5>condition: <span class="tsd-signature-type">boolean</span></h5> <h5>
condition: <span class="tsd-signature-type">boolean</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>a special flag that adds / removes attributes from the native select.</p> <p>
a special flag that adds / removes attributes from the
native select.
</p>
</div> </div>
</li> </li>
</ul> </ul>
@ -172,7 +219,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -239,40 +290,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -284,7 +372,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -306,7 +399,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -314,7 +412,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -322,7 +425,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -330,7 +438,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -338,7 +451,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -346,7 +464,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -354,7 +477,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -362,7 +490,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -373,7 +506,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,14 +79,18 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All mobiles</a></li> <li><a href="../modules.html">All mobiles</a></li>
<li><a href="../modules/Utils.html">Utils</a></li> <li><a href="../modules/Utils.html">Utils</a></li>
<li><a href="Utils.nativeOptionOrdinary.html">nativeOptionOrdinary</a></li> <li>
<a href="Utils.nativeOptionOrdinary.html">nativeOptionOrdinary</a>
</li>
</ul> </ul>
<h1>Function nativeOptionOrdinary</h1> <h1>Function nativeOptionOrdinary</h1>
</div> </div>
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="nativeOptionOrdinary"> <li class="tsd-signature tsd-anchor-link" id="nativeOptionOrdinary">
native<wbr />Option<wbr />Ordinary<span class="tsd-signature-symbol">(</span native<wbr />Option<wbr />Ordinary<span
class="tsd-signature-symbol"
>(</span
>element<span class="tsd-signature-symbol">: </span >element<span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">undefined</span ><span class="tsd-signature-type">undefined</span
><span class="tsd-signature-symbol"> | </span ><span class="tsd-signature-symbol"> | </span
@ -77,7 +104,10 @@
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">void</span ><span class="tsd-signature-type">void</span
><a href="#nativeOptionOrdinary" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#nativeOptionOrdinary"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -87,7 +117,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -100,7 +135,10 @@
</li> </li>
<li class="tsd-description"> <li class="tsd-description">
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>Behavior of a native (single) select when choosing a custom one.</p> <p>
Behavior of a native (single) select when choosing a custom
one.
</p>
</div> </div>
<div class="tsd-parameters"> <div class="tsd-parameters">
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
@ -114,10 +152,14 @@
><span class="tsd-signature-type">Element</span ><span class="tsd-signature-type">Element</span
><span class="tsd-signature-symbol">&gt;</span> ><span class="tsd-signature-symbol">&gt;</span>
</h5> </h5>
<div class="tsd-comment tsd-typography"><p>NodeList native select.</p></div> <div class="tsd-comment tsd-typography">
<p>NodeList native select.</p>
</div>
</li> </li>
<li> <li>
<h5>item: <span class="tsd-signature-type">string</span></h5> <h5>
item: <span class="tsd-signature-type">string</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>selected element in custom select.</p> <p>selected element in custom select.</p>
</div> </div>
@ -163,7 +205,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -230,40 +276,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -275,7 +358,12 @@
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.checkItemStruct.html" class="tsd-index-link" <a href="Utils.checkItemStruct.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -297,7 +385,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.clearSelect.html" class="tsd-index-link" <a href="Utils.clearSelect.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
@ -305,7 +398,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.createSelected.html" class="tsd-index-link" <a href="Utils.createSelected.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
@ -313,7 +411,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStyles.html" class="tsd-index-link" <a href="Utils.customStyles.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
@ -321,7 +424,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.customStylesFormat.html" class="tsd-index-link" <a href="Utils.customStylesFormat.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
@ -329,7 +437,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getFormatItem.html" class="tsd-index-link" <a href="Utils.getFormatItem.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
@ -337,7 +450,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.getSelectText.html" class="tsd-index-link" <a href="Utils.getSelectText.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
@ -345,7 +463,12 @@
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionMultiple.html" class="tsd-index-link" <a href="Utils.nativeOptionMultiple.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
@ -353,7 +476,12 @@
</li> </li>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a href="Utils.nativeOptionOrdinary.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -364,7 +492,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,10 +79,13 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/components_create_element_create_element.html">Create-element</a> <a href="../modules/components_create_element_create_element.html"
>Create-element</a
>
</li> </li>
<li> <li>
<a href="components_create_element_create_element.createBreadCrumb.html" <a
href="components_create_element_create_element.createBreadCrumb.html"
>createBreadCrumb</a >createBreadCrumb</a
> >
</li> </li>
@ -69,9 +95,9 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="createBreadCrumb"> <li class="tsd-signature tsd-anchor-link" id="createBreadCrumb">
create<wbr />Bread<wbr />Crumb<span class="tsd-signature-symbol">(</span>data<span create<wbr />Bread<wbr />Crumb<span class="tsd-signature-symbol"
class="tsd-signature-symbol" >(</span
>: </span >data<span class="tsd-signature-symbol">: </span
><a ><a
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html" href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
class="tsd-signature-type" class="tsd-signature-type"
@ -81,13 +107,17 @@
><span class="tsd-signature-type">string</span>, index<span ><span class="tsd-signature-type">string</span>, index<span
class="tsd-signature-symbol" class="tsd-signature-symbol"
>: </span >: </span
><span class="tsd-signature-type">number</span>, id<span class="tsd-signature-symbol" ><span class="tsd-signature-type">number</span>, id<span
class="tsd-signature-symbol"
>: </span >: </span
><span class="tsd-signature-type">string</span ><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">HTMLLIElement</span ><span class="tsd-signature-type">HTMLLIElement</span
><a href="#createBreadCrumb" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#createBreadCrumb"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -97,7 +127,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -110,7 +145,10 @@
</li> </li>
<li class="tsd-description"> <li class="tsd-description">
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>The method that creates and is responsible for the behavior of the chips.</p> <p>
The method that creates and is responsible for the behavior of
the chips.
</p>
<h3>Returns</h3> <h3>Returns</h3>
<p>returns the generated HTMLElement chips item.</p> <p>returns the generated HTMLElement chips item.</p>
@ -129,17 +167,23 @@
> >
</h5> </h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>an object that contains settings and select elements.</p> <p>
an object that contains settings and select elements.
</p>
</div> </div>
</li> </li>
<li> <li>
<h5>title: <span class="tsd-signature-type">string</span></h5> <h5>
title: <span class="tsd-signature-type">string</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>the name of the selected element to draw chips.</p> <p>the name of the selected element to draw chips.</p>
</div> </div>
</li> </li>
<li> <li>
<h5>index: <span class="tsd-signature-type">number</span></h5> <h5>
index: <span class="tsd-signature-type">number</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>index of the selected item to draw chips.</p> <p>index of the selected item to draw chips.</p>
</div> </div>
@ -191,7 +235,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -258,38 +306,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="selected tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -303,7 +390,12 @@
<a <a
href="components_create_element_create_element.createBreadCrumb.html" href="components_create_element_create_element.createBreadCrumb.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -327,7 +419,12 @@
<a <a
href="components_create_element_create_element.createInputSearch.html" href="components_create_element_create_element.createInputSearch.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Input<wbr />Search</a >create<wbr />Input<wbr />Search</a
@ -337,7 +434,12 @@
<a <a
href="components_create_element_create_element.createNativeSelect.html" href="components_create_element_create_element.createNativeSelect.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select</a >create<wbr />Native<wbr />Select</a
@ -347,7 +449,12 @@
<a <a
href="components_create_element_create_element.createNativeSelectOption.html" href="components_create_element_create_element.createNativeSelectOption.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select<wbr />Option</a >create<wbr />Native<wbr />Select<wbr />Option</a
@ -358,7 +465,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,10 +79,13 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/components_create_element_create_element.html">Create-element</a> <a href="../modules/components_create_element_create_element.html"
>Create-element</a
>
</li> </li>
<li> <li>
<a href="components_create_element_create_element.createInputSearch.html" <a
href="components_create_element_create_element.createInputSearch.html"
>createInputSearch</a >createInputSearch</a
> >
</li> </li>
@ -69,9 +95,9 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="createInputSearch"> <li class="tsd-signature tsd-anchor-link" id="createInputSearch">
create<wbr />Input<wbr />Search<span class="tsd-signature-symbol">(</span>random<span create<wbr />Input<wbr />Search<span class="tsd-signature-symbol"
class="tsd-signature-symbol" >(</span
>: </span >random<span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">string</span>, lenguage<span ><span class="tsd-signature-type">string</span>, lenguage<span
class="tsd-signature-symbol" class="tsd-signature-symbol"
>: </span >: </span
@ -79,7 +105,10 @@
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">HTMLInputElement</span ><span class="tsd-signature-type">HTMLInputElement</span
><a href="#createInputSearch" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#createInputSearch"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -89,7 +118,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -102,7 +136,9 @@
</li> </li>
<li class="tsd-description"> <li class="tsd-description">
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>The method that creates a search for elements in the select.</p> <p>
The method that creates a search for elements in the select.
</p>
<h3>Returns</h3> <h3>Returns</h3>
<p>Returns the rendered input element.</p> <p>Returns the rendered input element.</p>
@ -111,15 +147,21 @@
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>random: <span class="tsd-signature-type">string</span></h5> <h5>
random: <span class="tsd-signature-type">string</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>unique value for input element.</p> <p>unique value for input element.</p>
</div> </div>
</li> </li>
<li> <li>
<h5>lenguage: <span class="tsd-signature-type">string</span></h5> <h5>
lenguage: <span class="tsd-signature-type">string</span>
</h5>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>text in specific language passed from language.ts file</p> <p>
text in specific language passed from language.ts file
</p>
</div> </div>
</li> </li>
</ul> </ul>
@ -163,7 +205,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -230,38 +276,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="selected tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -275,7 +360,12 @@
<a <a
href="components_create_element_create_element.createBreadCrumb.html" href="components_create_element_create_element.createBreadCrumb.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -299,7 +389,12 @@
<a <a
href="components_create_element_create_element.createInputSearch.html" href="components_create_element_create_element.createInputSearch.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Input<wbr />Search</a >create<wbr />Input<wbr />Search</a
@ -309,7 +404,12 @@
<a <a
href="components_create_element_create_element.createNativeSelect.html" href="components_create_element_create_element.createNativeSelect.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select</a >create<wbr />Native<wbr />Select</a
@ -319,7 +419,12 @@
<a <a
href="components_create_element_create_element.createNativeSelectOption.html" href="components_create_element_create_element.createNativeSelectOption.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select<wbr />Option</a >create<wbr />Native<wbr />Select<wbr />Option</a
@ -330,7 +435,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,10 +79,13 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/components_create_element_create_element.html">Create-element</a> <a href="../modules/components_create_element_create_element.html"
>Create-element</a
>
</li> </li>
<li> <li>
<a href="components_create_element_create_element.createNativeSelect.html" <a
href="components_create_element_create_element.createNativeSelect.html"
>createNativeSelect</a >createNativeSelect</a
> >
</li> </li>
@ -69,11 +95,15 @@
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="createNativeSelect"> <li class="tsd-signature tsd-anchor-link" id="createNativeSelect">
create<wbr />Native<wbr />Select<span class="tsd-signature-symbol">(</span 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-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">HTMLSelectElement</span ><span class="tsd-signature-type">HTMLSelectElement</span
><a href="#createNativeSelect" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#createNativeSelect"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -83,7 +113,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -102,7 +137,8 @@
<p>Returns the created native select.</p> <p>Returns the created native select.</p>
</div> </div>
<h4 class="tsd-returns-title"> <h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">HTMLSelectElement</span> Returns
<span class="tsd-signature-type">HTMLSelectElement</span>
</h4> </h4>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
@ -140,7 +176,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -207,38 +247,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="selected tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -252,7 +331,12 @@
<a <a
href="components_create_element_create_element.createBreadCrumb.html" href="components_create_element_create_element.createBreadCrumb.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -276,7 +360,12 @@
<a <a
href="components_create_element_create_element.createInputSearch.html" href="components_create_element_create_element.createInputSearch.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Input<wbr />Search</a >create<wbr />Input<wbr />Search</a
@ -286,7 +375,12 @@
<a <a
href="components_create_element_create_element.createNativeSelect.html" href="components_create_element_create_element.createNativeSelect.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select</a >create<wbr />Native<wbr />Select</a
@ -296,7 +390,12 @@
<a <a
href="components_create_element_create_element.createNativeSelectOption.html" href="components_create_element_create_element.createNativeSelectOption.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select<wbr />Option</a >create<wbr />Native<wbr />Select<wbr />Option</a
@ -307,7 +406,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,10 +79,13 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/components_create_element_create_element.html">Create-element</a> <a href="../modules/components_create_element_create_element.html"
>Create-element</a
>
</li> </li>
<li> <li>
<a href="components_create_element_create_element.createNativeSelectOption.html" <a
href="components_create_element_create_element.createNativeSelectOption.html"
>createNativeSelectOption</a >createNativeSelectOption</a
> >
</li> </li>
@ -68,13 +94,20 @@
</div> </div>
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="createNativeSelectOption"> <li
create<wbr />Native<wbr />Select<wbr />Option<span class="tsd-signature-symbol" class="tsd-signature tsd-anchor-link"
id="createNativeSelectOption"
>
create<wbr />Native<wbr />Select<wbr />Option<span
class="tsd-signature-symbol"
>(</span >(</span
><span class="tsd-signature-symbol">)</span ><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 ><span class="tsd-signature-type">HTMLOptionElement</span
><a href="#createNativeSelectOption" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#createNativeSelectOption"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -84,7 +117,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -103,7 +141,8 @@
<p>Returns the generated Options of the native select.</p> <p>Returns the generated Options of the native select.</p>
</div> </div>
<h4 class="tsd-returns-title"> <h4 class="tsd-returns-title">
Returns <span class="tsd-signature-type">HTMLOptionElement</span> Returns
<span class="tsd-signature-type">HTMLOptionElement</span>
</h4> </h4>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
@ -141,7 +180,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -208,38 +251,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="selected tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -253,7 +335,12 @@
<a <a
href="components_create_element_create_element.createBreadCrumb.html" href="components_create_element_create_element.createBreadCrumb.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -277,7 +364,12 @@
<a <a
href="components_create_element_create_element.createInputSearch.html" href="components_create_element_create_element.createInputSearch.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Input<wbr />Search</a >create<wbr />Input<wbr />Search</a
@ -287,7 +379,12 @@
<a <a
href="components_create_element_create_element.createNativeSelect.html" href="components_create_element_create_element.createNativeSelect.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select</a >create<wbr />Native<wbr />Select</a
@ -297,7 +394,12 @@
<a <a
href="components_create_element_create_element.createNativeSelectOption.html" href="components_create_element_create_element.createNativeSelectOption.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select<wbr />Option</a >create<wbr />Native<wbr />Select<wbr />Option</a
@ -308,7 +410,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,24 +79,40 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li><a href="../modules/components_theme_theme.html">Theme</a></li> <li><a href="../modules/components_theme_theme.html">Theme</a></li>
<li><a href="components_theme_theme.changeTheme.html">changeTheme</a></li> <li>
<a href="components_theme_theme.changeTheme.html">changeTheme</a>
</li>
</ul> </ul>
<h1>Function changeTheme</h1> <h1>Function changeTheme</h1>
</div> </div>
<section class="tsd-panel"> <section class="tsd-panel">
<ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module"> <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
<li class="tsd-signature tsd-anchor-link" id="changeTheme"> <li class="tsd-signature tsd-anchor-link" id="changeTheme">
change<wbr />Theme<span class="tsd-signature-symbol">(</span>element<span change<wbr />Theme<span class="tsd-signature-symbol">(</span
class="tsd-signature-symbol" >element<span class="tsd-signature-symbol">: </span
>: </span
><span class="tsd-signature-type">Element</span>, theme<span ><span class="tsd-signature-type">Element</span>, theme<span
class="tsd-signature-symbol" class="tsd-signature-symbol"
>: </span >: </span
><span class="tsd-signature-type">string</span ><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol"> | </span
><a
href="../interfaces/theme_interface.CustomTheme.html"
class="tsd-signature-type"
data-tsd-kind="Interface"
>CustomTheme</a
><span class="tsd-signature-symbol"> | </span
><a
href="../interfaces/theme_interface.CustomThemeJson.html"
class="tsd-signature-type"
data-tsd-kind="Interface"
>CustomThemeJson</a
><span class="tsd-signature-symbol">)</span ><span class="tsd-signature-symbol">)</span
><span class="tsd-signature-symbol">: </span ><span class="tsd-signature-symbol">: </span
><span class="tsd-signature-type">void</span ><span class="tsd-signature-type">void</span
><a href="#changeTheme" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#changeTheme"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -83,7 +122,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -99,10 +143,27 @@
<h4 class="tsd-parameters-title">Parameters</h4> <h4 class="tsd-parameters-title">Parameters</h4>
<ul class="tsd-parameter-list"> <ul class="tsd-parameter-list">
<li> <li>
<h5>element: <span class="tsd-signature-type">Element</span></h5> <h5>
element: <span class="tsd-signature-type">Element</span>
</h5>
</li> </li>
<li> <li>
<h5>theme: <span class="tsd-signature-type">string</span></h5> <h5>
theme: <span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol"> | </span
><a
href="../interfaces/theme_interface.CustomTheme.html"
class="tsd-signature-type"
data-tsd-kind="Interface"
>CustomTheme</a
><span class="tsd-signature-symbol"> | </span
><a
href="../interfaces/theme_interface.CustomThemeJson.html"
class="tsd-signature-type"
data-tsd-kind="Interface"
>CustomThemeJson</a
>
</h5>
</li> </li>
</ul> </ul>
</div> </div>
@ -114,8 +175,8 @@
<li> <li>
Defined in Defined in
<a <a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/components/theme/theme.ts#L1" href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.ts#L4"
>components/theme/theme.ts:1</a >theme.ts:4</a
> >
</li> </li>
</ul> </ul>
@ -145,7 +206,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -212,38 +277,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -254,8 +358,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="current tsd-kind-function tsd-parent-kind-module"> <li class="current tsd-kind-function tsd-parent-kind-module">
<a href="components_theme_theme.changeTheme.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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 <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -280,7 +391,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -97,7 +97,7 @@
id="version--0231" id="version--0231"
style="color: inherit; text-decoration: none" style="color: inherit; text-decoration: none"
> >
<h2>version ~ 0.2.5</h2> <h2>version ~ 0.3.12</h2>
</a> </a>
<p> <p>
This component allows you to create a custom select. It offers more This component allows you to create a custom select. It offers more
@ -197,17 +197,11 @@
<h2>Example of different selects</h2> <h2>Example of different selects</h2>
</a> </a>
<p> <p>
Same working example -- View live example
<a href="https://cg-select.itguild.info/" <a href="https://cg-select.itguild.info/"
>https://cg-select.itguild.info/</a >https://cg-select.itguild.info/</a
> >
</p> </p>
<p>
<img src="../src/img/DefaultSelect.png" alt="image" />
<img src="../src/img/MultiSelect.png" alt="image" />
<img src="../src/img/WhiteTheme.png" alt="image" />
<img src="../src/img/Categories.png" alt="image" />
</p>
<p> <p>
Built-in themes are also available: dark, white. To apply them, Built-in themes are also available: dark, white. To apply them,
specify the theme attribute in the select settings and pass one of specify the theme attribute in the select settings and pass one of
@ -445,6 +439,10 @@
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="modules/components_theme_theme.html">Theme</a> <a href="modules/components_theme_theme.html">Theme</a>
</li> </li>
<li class="tsd-kind-module">
<a href="modules/theme_interface.html">Theme.interface</a>
</li>
<li <li
style=" style="
border-bottom: 1px solid white; border-bottom: 1px solid white;

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,12 +79,14 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-element.interface</a >Create-element.interface</a
> >
</li> </li>
<li> <li>
<a href="components_create_element_create_element_interface.ICreateBreadCrumb.html" <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html"
>ICreateBreadCrumb</a >ICreateBreadCrumb</a
> >
</li> </li>
@ -117,7 +142,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="#FF984D" stroke="#FF984D"
@ -139,7 +169,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>indexes</span></a ><span>indexes</span></a
@ -147,7 +182,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>option</span></a ><span>option</span></a
@ -155,7 +195,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>selected<wbr />Items</span></a ><span>selected<wbr />Items</span></a
@ -168,7 +213,9 @@
</section> </section>
<section class="tsd-panel-group tsd-member-group"> <section class="tsd-panel-group tsd-member-group">
<h2>Properties</h2> <h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="element" class="tsd-anchor"></a> <a id="element" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>element</span <span>element</span
@ -182,7 +229,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -199,7 +251,9 @@
><span class="tsd-signature-symbol"> | </span ><span class="tsd-signature-symbol"> | </span
><span class="tsd-signature-type">Element</span> ><span class="tsd-signature-type">Element</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>A specific instance of a class.</p></div> <div class="tsd-comment tsd-typography">
<p>A specific instance of a class.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -212,7 +266,9 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="indexes" class="tsd-anchor"></a> <a id="indexes" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>indexes</span <span>indexes</span
@ -251,7 +307,9 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="option" class="tsd-anchor"></a> <a id="option" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>option</span <span>option</span
@ -279,7 +337,9 @@
>ICgSelect</a >ICgSelect</a
> >
</div> </div>
<div class="tsd-comment tsd-typography"><p>Select settings.</p></div> <div class="tsd-comment tsd-typography">
<p>Select settings.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -292,11 +352,16 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="selectedItems" class="tsd-anchor"></a> <a id="selectedItems" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>selected<wbr />Items</span <span>selected<wbr />Items</span
><a href="#selectedItems" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#selectedItems"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -316,7 +381,9 @@
<span class="tsd-signature-type">string</span <span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">[]</span> ><span class="tsd-signature-symbol">[]</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Array with selected elements.</p></div> <div class="tsd-comment tsd-typography">
<p>Array with selected elements.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -352,7 +419,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -419,38 +490,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -464,7 +574,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html" href="components_create_element_create_element_interface.ICreateBreadCrumb.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -488,7 +603,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#element"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>element</a >element</a
@ -498,7 +618,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#indexes"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>indexes</a >indexes</a
@ -508,7 +633,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#option"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>option</a >option</a
@ -518,7 +648,12 @@
<a <a
href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems" href="components_create_element_create_element_interface.ICreateBreadCrumb.html#selectedItems"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>selected<wbr />Items</a >selected<wbr />Items</a
@ -531,7 +666,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/docs/" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,9 +79,15 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li>
<li>
<a href="components_utils_urils_interface.IDataItem.html"
>IDataItem</a
>
</li> </li>
<li><a href="components_utils_urils_interface.IDataItem.html">IDataItem</a></li>
</ul> </ul>
<h1>Interface IDataItem</h1> <h1>Interface IDataItem</h1>
</div> </div>
@ -111,7 +140,12 @@
<a <a
href="components_utils_urils_interface.IDataItem.html#ItemValue" href="components_utils_urils_interface.IDataItem.html#ItemValue"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="#FF984D" stroke="#FF984D"
@ -133,7 +167,12 @@
<a <a
href="components_utils_urils_interface.IDataItem.html#category" href="components_utils_urils_interface.IDataItem.html#category"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>category?</span></a ><span>category?</span></a
@ -141,7 +180,12 @@
<a <a
href="components_utils_urils_interface.IDataItem.html#categoryItems" href="components_utils_urils_interface.IDataItem.html#categoryItems"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>category<wbr />Items?</span></a ><span>category<wbr />Items?</span></a
@ -154,11 +198,16 @@
</section> </section>
<section class="tsd-panel-group tsd-member-group"> <section class="tsd-panel-group tsd-member-group">
<h2>Properties</h2> <h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="ItemValue" class="tsd-anchor"></a> <a id="ItemValue" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>Item<wbr />Value</span <span>Item<wbr />Value</span
><a href="#ItemValue" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#ItemValue"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -168,7 +217,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -192,7 +246,9 @@
>IItems</a >IItems</a
> >
</div> </div>
<div class="tsd-comment tsd-typography"><p>The value of the passed element.</p></div> <div class="tsd-comment tsd-typography">
<p>The value of the passed element.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -205,11 +261,17 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="category" class="tsd-anchor"></a> <a id="category" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>category</span <code class="tsd-tag ts-flagOptional">Optional</code>
><a href="#category" aria-label="Permalink" class="tsd-anchor-icon" <span>category</span
><a
href="#category"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -243,11 +305,17 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="categoryItems" class="tsd-anchor"></a> <a id="categoryItems" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>category<wbr />Items</span <code class="tsd-tag ts-flagOptional">Optional</code>
><a href="#categoryItems" aria-label="Permalink" class="tsd-anchor-icon" <span>category<wbr />Items</span
><a
href="#categoryItems"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -312,7 +380,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -379,38 +451,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="selected tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -421,8 +532,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="current tsd-kind-interface tsd-parent-kind-module"> <li class="current tsd-kind-interface tsd-parent-kind-module">
<a href="components_utils_urils_interface.IDataItem.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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 <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -446,7 +564,12 @@
<a <a
href="components_utils_urils_interface.IDataItem.html#ItemValue" href="components_utils_urils_interface.IDataItem.html#ItemValue"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>Item<wbr />Value</a >Item<wbr />Value</a
@ -456,7 +579,12 @@
<a <a
href="components_utils_urils_interface.IDataItem.html#category" href="components_utils_urils_interface.IDataItem.html#category"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>category?</a >category?</a
@ -466,7 +594,12 @@
<a <a
href="components_utils_urils_interface.IDataItem.html#categoryItems" href="components_utils_urils_interface.IDataItem.html#categoryItems"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>category<wbr />Items?</a >category<wbr />Items?</a
@ -479,7 +612,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,10 +79,14 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All moduels</a></li> <li><a href="../modules.html">All moduels</a></li>
<li> <li>
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li> <li>
<a href="components_utils_urils_interface.ISelectedItems.html">ISelectedItems</a> <a href="components_utils_urils_interface.ISelectedItems.html"
>ISelectedItems</a
>
</li> </li>
</ul> </ul>
<h1>Interface ISelectedItems</h1> <h1>Interface ISelectedItems</h1>
@ -113,7 +140,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#indexes" href="components_utils_urils_interface.ISelectedItems.html#indexes"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="#FF984D" stroke="#FF984D"
@ -135,7 +167,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#multiselectTag" href="components_utils_urils_interface.ISelectedItems.html#multiselectTag"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>multiselect<wbr />Tag?</span></a ><span>multiselect<wbr />Tag?</span></a
@ -143,7 +180,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#placeholder" href="components_utils_urils_interface.ISelectedItems.html#placeholder"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>placeholder?</span></a ><span>placeholder?</span></a
@ -151,7 +193,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#selected" href="components_utils_urils_interface.ISelectedItems.html#selected"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>selected?</span></a ><span>selected?</span></a
@ -159,7 +206,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#selectedItems" href="components_utils_urils_interface.ISelectedItems.html#selectedItems"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>selected<wbr />Items?</span></a ><span>selected<wbr />Items?</span></a
@ -167,7 +219,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#theme" href="components_utils_urils_interface.ISelectedItems.html#theme"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>theme?</span></a ><span>theme?</span></a
@ -180,10 +237,13 @@
</section> </section>
<section class="tsd-panel-group tsd-member-group"> <section class="tsd-panel-group tsd-member-group">
<h2>Properties</h2> <h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="indexes" class="tsd-anchor"></a> <a id="indexes" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>indexes</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>indexes</span
><a href="#indexes" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#indexes" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -194,7 +254,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -225,12 +290,17 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="multiselectTag" class="tsd-anchor"></a> <a id="multiselectTag" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <code class="tsd-tag ts-flagOptional">Optional</code>
<span>multiselect<wbr />Tag</span <span>multiselect<wbr />Tag</span
><a href="#multiselectTag" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#multiselectTag"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -251,8 +321,9 @@
</div> </div>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p> <p>
An optional parameter that is responsible for the behavior of the select, for him, An optional parameter that is responsible for the behavior of
*** works only in a place with a multiselect connection. the select, for him, *** works only in a place with a
multiselect connection.
</p> </p>
</div> </div>
<aside class="tsd-sources"> <aside class="tsd-sources">
@ -267,11 +338,17 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="placeholder" class="tsd-anchor"></a> <a id="placeholder" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>placeholder</span <code class="tsd-tag ts-flagOptional">Optional</code>
><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon" <span>placeholder</span
><a
href="#placeholder"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -292,8 +369,8 @@
</div> </div>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p> <p>
Placeholder optional parameter to which the text of the select placeholder is Placeholder optional parameter to which the text of the select
passed. placeholder is passed.
</p> </p>
</div> </div>
<aside class="tsd-sources"> <aside class="tsd-sources">
@ -308,11 +385,17 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="selected" class="tsd-anchor"></a> <a id="selected" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>selected</span <code class="tsd-tag ts-flagOptional">Optional</code>
><a href="#selected" aria-label="Permalink" class="tsd-anchor-icon" <span>selected</span
><a
href="#selected"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -333,8 +416,8 @@
</div> </div>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p> <p>
An optional parameter, which is passed the element that will be selected initially An optional parameter, which is passed the element that will be
in the select. selected initially in the select.
</p> </p>
</div> </div>
<aside class="tsd-sources"> <aside class="tsd-sources">
@ -349,11 +432,17 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="selectedItems" class="tsd-anchor"></a> <a id="selectedItems" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>selected<wbr />Items</span <code class="tsd-tag ts-flagOptional">Optional</code>
><a href="#selectedItems" aria-label="Permalink" class="tsd-anchor-icon" <span>selected<wbr />Items</span
><a
href="#selectedItems"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -388,10 +477,13 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="theme" class="tsd-anchor"></a> <a id="theme" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>theme</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>theme</span
><a href="#theme" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#theme" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -413,8 +505,8 @@
</div> </div>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p> <p>
An optional parameter that is responsible for enabling a light/dark theme by An optional parameter that is responsible for enabling a
default, the dark theme is set. light/dark theme by default, the dark theme is set.
</p> </p>
</div> </div>
<aside class="tsd-sources"> <aside class="tsd-sources">
@ -452,7 +544,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -519,38 +615,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="selected tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -561,8 +696,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="current tsd-kind-interface tsd-parent-kind-module"> <li class="current tsd-kind-interface tsd-parent-kind-module">
<a href="components_utils_urils_interface.ISelectedItems.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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 <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -586,7 +728,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#indexes" href="components_utils_urils_interface.ISelectedItems.html#indexes"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>indexes?</a >indexes?</a
@ -596,7 +743,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#multiselectTag" href="components_utils_urils_interface.ISelectedItems.html#multiselectTag"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>multiselect<wbr />Tag?</a >multiselect<wbr />Tag?</a
@ -606,7 +758,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#placeholder" href="components_utils_urils_interface.ISelectedItems.html#placeholder"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>placeholder?</a >placeholder?</a
@ -616,7 +773,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#selected" href="components_utils_urils_interface.ISelectedItems.html#selected"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>selected?</a >selected?</a
@ -626,7 +788,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#selectedItems" href="components_utils_urils_interface.ISelectedItems.html#selectedItems"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>selected<wbr />Items?</a >selected<wbr />Items?</a
@ -636,7 +803,12 @@
<a <a
href="components_utils_urils_interface.ISelectedItems.html#theme" href="components_utils_urils_interface.ISelectedItems.html#theme"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>theme?</a >theme?</a
@ -649,7 +821,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

File diff suppressed because it is too large Load Diff

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,9 +79,13 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/interfaces_cg_select_interface.html">Cg-select.interface</a> <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> </li>
<li><a href="interfaces_cg_select_interface.IStyle.html">IStyle</a></li>
</ul> </ul>
<h1>Interface IStyle</h1> <h1>Interface IStyle</h1>
</div> </div>
@ -111,7 +138,12 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#caret" href="interfaces_cg_select_interface.IStyle.html#caret"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="#FF984D" stroke="#FF984D"
@ -133,7 +165,12 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#chips" href="interfaces_cg_select_interface.IStyle.html#chips"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>chips?</span></a ><span>chips?</span></a
@ -141,7 +178,12 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#head" href="interfaces_cg_select_interface.IStyle.html#head"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>head?</span></a ><span>head?</span></a
@ -149,7 +191,12 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#lable" href="interfaces_cg_select_interface.IStyle.html#lable"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>lable?</span></a ><span>lable?</span></a
@ -157,7 +204,12 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#list" href="interfaces_cg_select_interface.IStyle.html#list"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>list?</span></a ><span>list?</span></a
@ -165,7 +217,12 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#placeholder" href="interfaces_cg_select_interface.IStyle.html#placeholder"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>placeholder?</span></a ><span>placeholder?</span></a
@ -173,7 +230,12 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#search" href="interfaces_cg_select_interface.IStyle.html#search"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>search?</span></a ><span>search?</span></a
@ -186,10 +248,13 @@
</section> </section>
<section class="tsd-panel-group tsd-member-group"> <section class="tsd-panel-group tsd-member-group">
<h2>Properties</h2> <h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="caret" class="tsd-anchor"></a> <a id="caret" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>caret</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>caret</span
><a href="#caret" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#caret" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -200,7 +265,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -215,7 +285,9 @@
caret<span class="tsd-signature-symbol">?:</span> caret<span class="tsd-signature-symbol">?:</span>
<span class="tsd-signature-type">object</span> <span class="tsd-signature-type">object</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Carriage customization.</p></div> <div class="tsd-comment tsd-typography">
<p>Carriage customization.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -228,10 +300,13 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="chips" class="tsd-anchor"></a> <a id="chips" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>chips</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>chips</span
><a href="#chips" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#chips" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -266,10 +341,13 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="head" class="tsd-anchor"></a> <a id="head" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>head</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>head</span
><a href="#head" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#head" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -289,7 +367,9 @@
head<span class="tsd-signature-symbol">?:</span> head<span class="tsd-signature-symbol">?:</span>
<span class="tsd-signature-type">object</span> <span class="tsd-signature-type">object</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Select button customization.</p></div> <div class="tsd-comment tsd-typography">
<p>Select button customization.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -302,10 +382,13 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="lable" class="tsd-anchor"></a> <a id="lable" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>lable</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>lable</span
><a href="#lable" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#lable" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -325,7 +408,9 @@
lable<span class="tsd-signature-symbol">?:</span> lable<span class="tsd-signature-symbol">?:</span>
<span class="tsd-signature-type">object</span> <span class="tsd-signature-type">object</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Lable select customization.</p></div> <div class="tsd-comment tsd-typography">
<p>Lable select customization.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -338,10 +423,13 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="list" class="tsd-anchor"></a> <a id="list" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>list</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>list</span
><a href="#list" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#list" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -376,11 +464,17 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="placeholder" class="tsd-anchor"></a> <a id="placeholder" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>placeholder</span <code class="tsd-tag ts-flagOptional">Optional</code>
><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon" <span>placeholder</span
><a
href="#placeholder"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -399,7 +493,9 @@
placeholder<span class="tsd-signature-symbol">?:</span> placeholder<span class="tsd-signature-symbol">?:</span>
<span class="tsd-signature-type">object</span> <span class="tsd-signature-type">object</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Customization placeholder.</p></div> <div class="tsd-comment tsd-typography">
<p>Customization placeholder.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -412,10 +508,13 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="search" class="tsd-anchor"></a> <a id="search" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<code class="tsd-tag ts-flagOptional">Optional</code> <span>search</span <code class="tsd-tag ts-flagOptional">Optional</code>
<span>search</span
><a href="#search" aria-label="Permalink" class="tsd-anchor-icon" ><a href="#search" aria-label="Permalink" class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
@ -435,7 +534,9 @@
search<span class="tsd-signature-symbol">?:</span> search<span class="tsd-signature-symbol">?:</span>
<span class="tsd-signature-type">object</span> <span class="tsd-signature-type">object</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Search customization.</p></div> <div class="tsd-comment tsd-typography">
<p>Search customization.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -471,7 +572,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -538,38 +643,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -580,8 +724,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="current tsd-kind-interface tsd-parent-kind-module"> <li class="current tsd-kind-interface tsd-parent-kind-module">
<a href="interfaces_cg_select_interface.IStyle.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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 <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -602,40 +753,75 @@
> >
<ul> <ul>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_cg_select_interface.IStyle.html#caret" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>caret?</a >caret?</a
> >
</li> </li>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_cg_select_interface.IStyle.html#chips" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>chips?</a >chips?</a
> >
</li> </li>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_cg_select_interface.IStyle.html#head" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>head?</a >head?</a
> >
</li> </li>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_cg_select_interface.IStyle.html#lable" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>lable?</a >lable?</a
> >
</li> </li>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_cg_select_interface.IStyle.html#list" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>list?</a >list?</a
@ -645,15 +831,27 @@
<a <a
href="interfaces_cg_select_interface.IStyle.html#placeholder" href="interfaces_cg_select_interface.IStyle.html#placeholder"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>placeholder?</a >placeholder?</a
> >
</li> </li>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_cg_select_interface.IStyle.html#search" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>search?</a >search?</a
@ -666,7 +864,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,7 +79,9 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li><a href="interfaces_items_interface.IItems.html">IItems</a></li> <li><a href="interfaces_items_interface.IItems.html">IItems</a></li>
</ul> </ul>
@ -111,7 +136,12 @@
<a <a
href="interfaces_items_interface.IItems.html#id" href="interfaces_items_interface.IItems.html#id"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="#FF984D" stroke="#FF984D"
@ -133,7 +163,12 @@
<a <a
href="interfaces_items_interface.IItems.html#title" href="interfaces_items_interface.IItems.html#title"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>title</span></a ><span>title</span></a
@ -141,7 +176,12 @@
<a <a
href="interfaces_items_interface.IItems.html#value" href="interfaces_items_interface.IItems.html#value"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>value</span></a ><span>value</span></a
@ -154,7 +194,9 @@
</section> </section>
<section class="tsd-panel-group tsd-member-group"> <section class="tsd-panel-group tsd-member-group">
<h2>Properties</h2> <h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="id" class="tsd-anchor"></a> <a id="id" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>id</span <span>id</span
@ -168,7 +210,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -196,7 +243,9 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="title" class="tsd-anchor"></a> <a id="title" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>title</span <span>title</span
@ -219,7 +268,9 @@
title<span class="tsd-signature-symbol">:</span> title<span class="tsd-signature-symbol">:</span>
<span class="tsd-signature-type">string</span> <span class="tsd-signature-type">string</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Element text value.</p></div> <div class="tsd-comment tsd-typography">
<p>Element text value.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -232,7 +283,9 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="value" class="tsd-anchor"></a> <a id="value" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>value</span <span>value</span
@ -295,7 +348,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -362,38 +419,77 @@
> >
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -404,8 +500,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="current tsd-kind-interface tsd-parent-kind-module"> <li class="current tsd-kind-interface tsd-parent-kind-module">
<a href="interfaces_items_interface.IItems.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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 <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -426,24 +529,45 @@
> >
<ul> <ul>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_items_interface.IItems.html#id" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>id</a >id</a
> >
</li> </li>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_items_interface.IItems.html#title" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>title</a >title</a
> >
</li> </li>
<li class="tsd-kind-property tsd-parent-kind-interface"> <li class="tsd-kind-property tsd-parent-kind-interface">
<a href="interfaces_items_interface.IItems.html#value" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>value</a >value</a
@ -456,7 +580,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,9 +79,15 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li>
<li>
<a href="interfaces_language_interface.ILanguage.html"
>ILanguage</a
>
</li> </li>
<li><a href="interfaces_language_interface.ILanguage.html">ILanguage</a></li>
</ul> </ul>
<h1>Interface ILanguage</h1> <h1>Interface ILanguage</h1>
</div> </div>
@ -111,7 +140,12 @@
<a <a
href="interfaces_language_interface.ILanguage.html#placeholder" href="interfaces_language_interface.ILanguage.html#placeholder"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="#FF984D" stroke="#FF984D"
@ -133,7 +167,12 @@
<a <a
href="interfaces_language_interface.ILanguage.html#selectPlaceholder" href="interfaces_language_interface.ILanguage.html#selectPlaceholder"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>select<wbr />Placeholder</span></a ><span>select<wbr />Placeholder</span></a
@ -141,7 +180,12 @@
<a <a
href="interfaces_language_interface.ILanguage.html#textInListSearch" href="interfaces_language_interface.ILanguage.html#textInListSearch"
class="tsd-index-link tsd-kind-property tsd-parent-kind-interface" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
><span>text<wbr />In<wbr />List<wbr />Search</span></a ><span>text<wbr />In<wbr />List<wbr />Search</span></a
@ -154,11 +198,16 @@
</section> </section>
<section class="tsd-panel-group tsd-member-group"> <section class="tsd-panel-group tsd-member-group">
<h2>Properties</h2> <h2>Properties</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="placeholder" class="tsd-anchor"></a> <a id="placeholder" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>placeholder</span <span>placeholder</span
><a href="#placeholder" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#placeholder"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -168,7 +217,12 @@
stroke-linecap="round" stroke-linecap="round"
stroke-linejoin="round" stroke-linejoin="round"
> >
<path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path> <path
stroke="none"
d="M0 0h24v24H0z"
fill="none"
id="icon-anchor-a"
></path>
<path <path
d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5" 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" id="icon-anchor-b"
@ -196,11 +250,16 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="selectPlaceholder" class="tsd-anchor"></a> <a id="selectPlaceholder" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>select<wbr />Placeholder</span <span>select<wbr />Placeholder</span
><a href="#selectPlaceholder" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#selectPlaceholder"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -216,11 +275,16 @@
></a> ></a>
</h3> </h3>
<div class="tsd-signature"> <div class="tsd-signature">
select<wbr />Placeholder<span class="tsd-signature-symbol">:</span> select<wbr />Placeholder<span class="tsd-signature-symbol"
>:</span
>
<span class="tsd-signature-type">string</span> <span class="tsd-signature-type">string</span>
</div> </div>
<div class="tsd-comment tsd-typography"> <div class="tsd-comment tsd-typography">
<p>Default Select Text if no placeholder or selected element is specified.</p> <p>
Default Select Text if no placeholder or selected element is
specified.
</p>
</div> </div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
@ -234,11 +298,16 @@
</ul> </ul>
</aside> </aside>
</section> </section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"> <section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="textInListSearch" class="tsd-anchor"></a> <a id="textInListSearch" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link"> <h3 class="tsd-anchor-link">
<span>text<wbr />In<wbr />List<wbr />Search</span <span>text<wbr />In<wbr />List<wbr />Search</span
><a href="#textInListSearch" aria-label="Permalink" class="tsd-anchor-icon" ><a
href="#textInListSearch"
aria-label="Permalink"
class="tsd-anchor-icon"
><svg ><svg
class="icon icon-tabler icon-tabler-link" class="icon icon-tabler icon-tabler-link"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@ -254,10 +323,15 @@
></a> ></a>
</h3> </h3>
<div class="tsd-signature"> <div class="tsd-signature">
text<wbr />In<wbr />List<wbr />Search<span class="tsd-signature-symbol">:</span> text<wbr />In<wbr />List<wbr />Search<span
class="tsd-signature-symbol"
>:</span
>
<span class="tsd-signature-type">string</span> <span class="tsd-signature-type">string</span>
</div> </div>
<div class="tsd-comment tsd-typography"><p>Text if no match.</p></div> <div class="tsd-comment tsd-typography">
<p>Text if no match.</p>
</div>
<aside class="tsd-sources"> <aside class="tsd-sources">
<ul> <ul>
<li> <li>
@ -293,7 +367,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -360,38 +438,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -402,8 +519,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="current tsd-kind-interface tsd-parent-kind-module"> <li class="current tsd-kind-interface tsd-parent-kind-module">
<a href="interfaces_language_interface.ILanguage.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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 <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -427,7 +551,12 @@
<a <a
href="interfaces_language_interface.ILanguage.html#placeholder" href="interfaces_language_interface.ILanguage.html#placeholder"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>placeholder</a >placeholder</a
@ -437,7 +566,12 @@
<a <a
href="interfaces_language_interface.ILanguage.html#selectPlaceholder" href="interfaces_language_interface.ILanguage.html#selectPlaceholder"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>select<wbr />Placeholder</a >select<wbr />Placeholder</a
@ -447,7 +581,12 @@
<a <a
href="interfaces_language_interface.ILanguage.html#textInListSearch" href="interfaces_language_interface.ILanguage.html#textInListSearch"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-1024-path"></use> <use href="#icon-1024-path"></use>
<use href="#icon-1024-text"></use></svg <use href="#icon-1024-text"></use></svg
>text<wbr />In<wbr />List<wbr />Search</a >text<wbr />In<wbr />List<wbr />Search</a
@ -460,7 +599,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -0,0 +1,592 @@
<!DOCTYPE html>
<html class="default" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<title>CustomTheme | 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="/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/theme_interface.html">theme.interface</a>
</li>
<li><a href="theme_interface.CustomTheme.html">CustomTheme</a></li>
</ul>
<h1>Interface CustomTheme</h1>
</div>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">CustomTheme</span></li>
</ul>
</section>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.interface.ts#L1"
>theme.interface.ts:1</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="theme_interface.CustomTheme.html#name"
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>name</span></a
>
<a
href="theme_interface.CustomTheme.html#styles"
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>styles</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="name" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link">
<span>name</span
><a href="#name" 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">
name<span class="tsd-signature-symbol">:</span>
<span class="tsd-signature-type">string</span>
</div>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.interface.ts#L2"
>theme.interface.ts:2</a
>
</li>
</ul>
</aside>
</section>
<section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="styles" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link">
<span>styles</span
><a href="#styles" 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">
styles<span class="tsd-signature-symbol">:</span>
<span class="tsd-signature-symbol">{ </span><br /><span>    </span
>caret<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>chips<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>head<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>lable<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>list<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>placeholder<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>search<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span
><span class="tsd-signature-symbol">; </span><br /><span
class="tsd-signature-symbol"
>}</span
>
</div>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
caret<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
chips<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
head<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
lable<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
list<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
placeholder<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
search<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">string</span>
</h5>
</li>
</ul>
</div>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.interface.ts#L3"
>theme.interface.ts:3</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 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 class="tsd-kind-module selected">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a>
</li>
<li 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="theme_interface.CustomTheme.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>Custom<wbr />Theme</span></a
>
<ul>
<li class="tsd-kind-property tsd-parent-kind-interface">
<a
href="theme_interface.CustomTheme.html#name"
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
>name</a
>
</li>
<li class="tsd-kind-property tsd-parent-kind-interface">
<a
href="theme_interface.CustomTheme.html#styles"
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
>styles</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

@ -0,0 +1,585 @@
<!DOCTYPE html>
<html class="default" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<title>CustomThemeJson | 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="/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/theme_interface.html">theme.interface</a>
</li>
<li>
<a href="theme_interface.CustomThemeJson.html">CustomThemeJson</a>
</li>
</ul>
<h1>Interface CustomThemeJson</h1>
</div>
<section class="tsd-panel tsd-hierarchy">
<h4>Hierarchy</h4>
<ul class="tsd-hierarchy">
<li><span class="target">CustomThemeJson</span></li>
</ul>
</section>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.interface.ts#L14"
>theme.interface.ts:14</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="theme_interface.CustomThemeJson.html#name"
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>name</span></a
>
<a
href="theme_interface.CustomThemeJson.html#styles"
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>styles</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="name" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link">
<span>name</span
><a href="#name" 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">
name<span class="tsd-signature-symbol">:</span>
<span class="tsd-signature-type">string</span>
</div>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.interface.ts#L15"
>theme.interface.ts:15</a
>
</li>
</ul>
</aside>
</section>
<section
class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"
>
<a id="styles" class="tsd-anchor"></a>
<h3 class="tsd-anchor-link">
<span>styles</span
><a href="#styles" 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">
styles<span class="tsd-signature-symbol">:</span>
<span class="tsd-signature-symbol">{ </span><br /><span>    </span
>caret<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>head<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>lable<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>list<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>placeholder<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span
><span class="tsd-signature-symbol">; </span><br /><span
>    </span
>search<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span
><span class="tsd-signature-symbol">; </span><br /><span
class="tsd-signature-symbol"
>}</span
>
</div>
<div class="tsd-type-declaration">
<h4>Type declaration</h4>
<ul class="tsd-parameters">
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
caret<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
head<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
lable<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
list<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
placeholder<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span>
</h5>
</li>
<li class="tsd-parameter">
<h5>
<code class="tsd-tag ts-flagOptional">Optional</code>
search<span class="tsd-signature-symbol">?: </span
><span class="tsd-signature-type">object</span>
</h5>
</li>
</ul>
</div>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.interface.ts#L16"
>theme.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 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 class="tsd-kind-module selected">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a>
</li>
<li 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="theme_interface.CustomThemeJson.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>Custom<wbr />Theme<wbr />Json</span></a
>
<ul>
<li class="tsd-kind-property tsd-parent-kind-interface">
<a
href="theme_interface.CustomThemeJson.html#name"
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
>name</a
>
</li>
<li class="tsd-kind-property tsd-parent-kind-interface">
<a
href="theme_interface.CustomThemeJson.html#styles"
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
>styles</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

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base="."> <div class="table-cell" id="tsd-search" data-base=".">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -33,8 +36,10 @@
<li class="state loading">Preparing search index...</li> <li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="/docs/index.html" class="title">Home</a> <a href="index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Example</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -60,8 +83,15 @@
<section class="tsd-index-section"> <section class="tsd-index-section">
<h3 class="tsd-index-heading">Main</h3> <h3 class="tsd-index-heading">Main</h3>
<div class="tsd-index-list"> <div class="tsd-index-list">
<a href="modules/cg_select.html" class="tsd-index-link tsd-kind-module" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>CG-<wbr />Select</span></a ><span>CG-<wbr />Select</span></a
@ -70,7 +100,12 @@
<a <a
href="modules/interfaces_cg_select_interface.html" href="modules/interfaces_cg_select_interface.html"
class="tsd-index-link tsd-kind-module" class="tsd-index-link tsd-kind-module"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-4-path"></use> <use href="#icon-4-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>cg-<wbr />select.interface</span></a ><span>cg-<wbr />select.interface</span></a
@ -78,7 +113,12 @@
<a <a
href="modules/interfaces_items_interface.html" href="modules/interfaces_items_interface.html"
class="tsd-index-link tsd-kind-module" class="tsd-index-link tsd-kind-module"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-4-path"></use> <use href="#icon-4-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>items.interface</span></a ><span>items.interface</span></a
@ -86,8 +126,15 @@
</div> </div>
<h4 class="tsd-index-heading">Utils</h4> <h4 class="tsd-index-heading">Utils</h4>
<div class="tsd-index-list"> <div class="tsd-index-list">
<a href="modules/Utils.html" class="tsd-index-link tsd-kind-module" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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 <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-namespace)" stroke="var(--color-ts-namespace)"
@ -109,7 +156,12 @@
<a <a
href="modules/components_utils_urils_interface.html" href="modules/components_utils_urils_interface.html"
class="tsd-index-link tsd-kind-module" class="tsd-index-link tsd-kind-module"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-4-path"></use> <use href="#icon-4-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>utils.interface</span></a ><span>utils.interface</span></a
@ -121,7 +173,12 @@
<a <a
href="modules/components_create_element_create_element.html" href="modules/components_create_element_create_element.html"
class="tsd-index-link tsd-kind-module" class="tsd-index-link tsd-kind-module"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-4-path"></use> <use href="#icon-4-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>create-<wbr />element</span></a ><span>create-<wbr />element</span></a
@ -129,7 +186,12 @@
<a <a
href="modules/components_create_element_create_element_interface.html" href="modules/components_create_element_create_element_interface.html"
class="tsd-index-link tsd-kind-module" class="tsd-index-link tsd-kind-module"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-4-path"></use> <use href="#icon-4-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>create-<wbr />element.interface</span></a ><span>create-<wbr />element.interface</span></a
@ -138,8 +200,15 @@
<h4 class="tsd-index-heading">Language</h4> <h4 class="tsd-index-heading">Language</h4>
<div class="tsd-index-list"> <div class="tsd-index-list">
<a href="modules/language_language.html" class="tsd-index-link tsd-kind-module" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>language</span></a ><span>language</span></a
@ -147,7 +216,12 @@
<a <a
href="modules/interfaces_language_interface.html" href="modules/interfaces_language_interface.html"
class="tsd-index-link tsd-kind-module" class="tsd-index-link tsd-kind-module"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-4-path"></use> <use href="#icon-4-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>language.interface</span></a ><span>language.interface</span></a
@ -156,8 +230,15 @@
<h4 class="tsd-index-heading">Change-Theme</h4> <h4 class="tsd-index-heading">Change-Theme</h4>
<div class="tsd-index-list"> <div class="tsd-index-list">
<a href="modules/components_theme_theme.html" class="tsd-index-link tsd-kind-module" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-4-text"></use></svg <use href="#icon-4-text"></use></svg
><span>theme</span></a ><span>theme</span></a
@ -188,7 +269,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -255,38 +340,75 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="modules/interfaces_items_interface.html">Items.interface</a> <a href="modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="modules/components_create_element_create_element_interface.html" <a
href="modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="modules/components_theme_theme.html">Theme</a> <a href="modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="modules/theme_interface.html">Theme.interface</a>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="modules/language_language.html">language</a> <a href="modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="modules/interfaces_language_interface.html">Language.interface</a> <a href="modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -297,7 +419,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="assets/main.js"></script> <script src="assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -85,7 +108,12 @@
<a <a
href="../functions/Utils.checkItemStruct.html" href="../functions/Utils.checkItemStruct.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -107,7 +135,12 @@
<a <a
href="../functions/Utils.clearSelect.html" href="../functions/Utils.clearSelect.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>clear<wbr />Select</span></a ><span>clear<wbr />Select</span></a
@ -115,7 +148,12 @@
<a <a
href="../functions/Utils.createSelected.html" href="../functions/Utils.createSelected.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>create<wbr />Selected</span></a ><span>create<wbr />Selected</span></a
@ -123,7 +161,12 @@
<a <a
href="../functions/Utils.customStyles.html" href="../functions/Utils.customStyles.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>custom<wbr />Styles</span></a ><span>custom<wbr />Styles</span></a
@ -131,7 +174,12 @@
<a <a
href="../functions/Utils.customStylesFormat.html" href="../functions/Utils.customStylesFormat.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>custom<wbr />Styles<wbr />Format</span></a ><span>custom<wbr />Styles<wbr />Format</span></a
@ -139,7 +187,12 @@
<a <a
href="../functions/Utils.getFormatItem.html" href="../functions/Utils.getFormatItem.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>get<wbr />Format<wbr />Item</span></a ><span>get<wbr />Format<wbr />Item</span></a
@ -147,7 +200,12 @@
<a <a
href="../functions/Utils.getSelectText.html" href="../functions/Utils.getSelectText.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>get<wbr />Select<wbr />Text</span></a ><span>get<wbr />Select<wbr />Text</span></a
@ -155,7 +213,12 @@
<a <a
href="../functions/Utils.nativeOptionMultiple.html" href="../functions/Utils.nativeOptionMultiple.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>native<wbr />Option<wbr />Multiple</span></a ><span>native<wbr />Option<wbr />Multiple</span></a
@ -163,7 +226,12 @@
<a <a
href="../functions/Utils.nativeOptionOrdinary.html" href="../functions/Utils.nativeOptionOrdinary.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>native<wbr />Option<wbr />Ordinary</span></a ><span>native<wbr />Option<wbr />Ordinary</span></a
@ -194,7 +262,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -261,40 +333,78 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
<li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">Language</a> <a href="../modules/language_language.html">Language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -305,72 +415,135 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.checkItemStruct.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>check<wbr />Item<wbr />Struct</a >check<wbr />Item<wbr />Struct</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.clearSelect.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>clear<wbr />Select</a >clear<wbr />Select</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.createSelected.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Selected</a >create<wbr />Selected</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.customStyles.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles</a >custom<wbr />Styles</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.customStylesFormat.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>custom<wbr />Styles<wbr />Format</a >custom<wbr />Styles<wbr />Format</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.getFormatItem.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Format<wbr />Item</a >get<wbr />Format<wbr />Item</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.getSelectText.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>get<wbr />Select<wbr />Text</a >get<wbr />Select<wbr />Text</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.nativeOptionMultiple.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Multiple</a >native<wbr />Option<wbr />Multiple</a
> >
</li> </li>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/Utils.nativeOptionOrdinary.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>native<wbr />Option<wbr />Ordinary</a >native<wbr />Option<wbr />Ordinary</a
@ -381,7 +554,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,7 +86,8 @@
<ul> <ul>
<li> <li>
Defined in Defined in
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/cg-select.ts#L1" <a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/cg-select.ts#L1"
>cg-select.ts:1</a >cg-select.ts:1</a
> >
</li> </li>
@ -81,7 +105,12 @@
<a <a
href="../classes/cg_select.CGSelect.html" href="../classes/cg_select.CGSelect.html"
class="tsd-index-link tsd-kind-class tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-class)" stroke="var(--color-ts-class)"
@ -126,7 +155,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -193,38 +226,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -235,8 +307,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="tsd-kind-class tsd-parent-kind-module"> <li class="tsd-kind-class tsd-parent-kind-module">
<a href="../classes/cg_select.CGSelect.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-128-text"></use></svg <use href="#icon-128-text"></use></svg
>CGSelect</a >CGSelect</a
@ -247,7 +326,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,7 +79,9 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="components_create_element_create_element.html">Create-element</a> <a href="components_create_element_create_element.html"
>Create-element</a
>
</li> </li>
</ul> </ul>
<h1>Module components/create-element</h1> <h1>Module components/create-element</h1>
@ -84,7 +109,12 @@
<a <a
href="../functions/components_create_element_create_element.createBreadCrumb.html" href="../functions/components_create_element_create_element.createBreadCrumb.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -106,7 +136,12 @@
<a <a
href="../functions/components_create_element_create_element.createInputSearch.html" href="../functions/components_create_element_create_element.createInputSearch.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>create<wbr />Input<wbr />Search</span></a ><span>create<wbr />Input<wbr />Search</span></a
@ -114,7 +149,12 @@
<a <a
href="../functions/components_create_element_create_element.createNativeSelect.html" href="../functions/components_create_element_create_element.createNativeSelect.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>create<wbr />Native<wbr />Select</span></a ><span>create<wbr />Native<wbr />Select</span></a
@ -122,7 +162,12 @@
<a <a
href="../functions/components_create_element_create_element.createNativeSelectOption.html" href="../functions/components_create_element_create_element.createNativeSelectOption.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
><span>create<wbr />Native<wbr />Select<wbr />Option</span></a ><span>create<wbr />Native<wbr />Select<wbr />Option</span></a
@ -153,7 +198,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -220,38 +269,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></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"> <li class="selected tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-element.interface</a >Create-element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -265,7 +353,12 @@
<a <a
href="../functions/components_create_element_create_element.createBreadCrumb.html" href="../functions/components_create_element_create_element.createBreadCrumb.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Bread<wbr />Crumb</a >create<wbr />Bread<wbr />Crumb</a
@ -275,7 +368,12 @@
<a <a
href="../functions/components_create_element_create_element.createInputSearch.html" href="../functions/components_create_element_create_element.createInputSearch.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Input<wbr />Search</a >create<wbr />Input<wbr />Search</a
@ -285,7 +383,12 @@
<a <a
href="../functions/components_create_element_create_element.createNativeSelect.html" href="../functions/components_create_element_create_element.createNativeSelect.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select</a >create<wbr />Native<wbr />Select</a
@ -295,7 +398,12 @@
<a <a
href="../functions/components_create_element_create_element.createNativeSelectOption.html" href="../functions/components_create_element_create_element.createNativeSelectOption.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-64-path"></use> <use href="#icon-64-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>create<wbr />Native<wbr />Select<wbr />Option</a >create<wbr />Native<wbr />Select<wbr />Option</a
@ -306,7 +414,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -3,7 +3,9 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" /> <meta http-equiv="x-ua-compatible" content="IE=edge" />
<title>components/create-element/create-element.interface | cg-select</title> <title>
components/create-element/create-element.interface | cg-select
</title>
<meta name="description" content="Documentation for cg-select" /> <meta name="description" content="Documentation for cg-select" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../assets/style.css" /> <link rel="stylesheet" href="../assets/style.css" />
@ -12,13 +14,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +39,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +50,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -86,7 +111,12 @@
<a <a
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html" href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -131,7 +161,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -198,38 +232,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-element.interface</a >Create-element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -243,7 +316,12 @@
<a <a
href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html" href="../interfaces/components_create_element_create_element_interface.ICreateBreadCrumb.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
>ICreate<wbr />Bread<wbr />Crumb</a >ICreate<wbr />Bread<wbr />Crumb</a
@ -254,7 +332,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -82,7 +105,12 @@
<a <a
href="../functions/components_theme_theme.changeTheme.html" href="../functions/components_theme_theme.changeTheme.html"
class="tsd-index-link tsd-kind-function tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-function)" stroke="var(--color-ts-function)"
@ -127,7 +155,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -194,38 +226,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-element.interface</a >Create-element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -236,8 +307,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="tsd-kind-function tsd-parent-kind-module"> <li class="tsd-kind-function tsd-parent-kind-module">
<a href="../functions/components_theme_theme.changeTheme.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-64-text"></use></svg <use href="#icon-64-text"></use></svg
>change<wbr />Theme</a >change<wbr />Theme</a
@ -248,7 +326,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,7 +79,9 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All module</a></li> <li><a href="../modules.html">All module</a></li>
<li> <li>
<a href="components_utils_urils_interface.html">utils.interface</a> <a href="components_utils_urils_interface.html"
>utils.interface</a
>
</li> </li>
</ul> </ul>
<h1>Module components/urils.interface</h1> <h1>Module components/urils.interface</h1>
@ -84,7 +109,12 @@
<a <a
href="../interfaces/components_utils_urils_interface.IDataItem.html" href="../interfaces/components_utils_urils_interface.IDataItem.html"
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -106,7 +136,12 @@
<a <a
href="../interfaces/components_utils_urils_interface.ISelectedItems.html" href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
><span>ISelected<wbr />Items</span></a ><span>ISelected<wbr />Items</span></a
@ -137,7 +172,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -204,40 +243,78 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-element.interface</a >Create-element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
<li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -251,7 +328,12 @@
<a <a
href="../interfaces/components_utils_urils_interface.IDataItem.html" href="../interfaces/components_utils_urils_interface.IDataItem.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
>IData<wbr />Item</a >IData<wbr />Item</a
@ -261,7 +343,12 @@
<a <a
href="../interfaces/components_utils_urils_interface.ISelectedItems.html" href="../interfaces/components_utils_urils_interface.ISelectedItems.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
>ISelected<wbr />Items</a >ISelected<wbr />Items</a
@ -272,7 +359,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -56,7 +79,9 @@
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li> <li>
<a href="interfaces_cg_select_interface.html">Cg-select.interface</a> <a href="interfaces_cg_select_interface.html"
>Cg-select.interface</a
>
</li> </li>
</ul> </ul>
<h1>Module interfaces/Cg-select.interface</h1> <h1>Module interfaces/Cg-select.interface</h1>
@ -84,7 +109,12 @@
<a <a
href="../interfaces/interfaces_cg_select_interface.ICgSelect.html" href="../interfaces/interfaces_cg_select_interface.ICgSelect.html"
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -106,7 +136,12 @@
<a <a
href="../interfaces/interfaces_cg_select_interface.IStyle.html" href="../interfaces/interfaces_cg_select_interface.IStyle.html"
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
><span>IStyle</span></a ><span>IStyle</span></a
@ -137,7 +172,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -204,40 +243,78 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/Utils.html">Utils</a> <a href="../modules/Utils.html">Utils</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> <a href="../modules/components_utils_urils_interface.html"
>Utils.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <a
href="../modules/components_create_element_create_element.html"
>Create-<wbr />element</a >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-element.interface</a >Create-element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
<li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -251,7 +328,12 @@
<a <a
href="../interfaces/interfaces_cg_select_interface.ICgSelect.html" href="../interfaces/interfaces_cg_select_interface.ICgSelect.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
>ICg<wbr />Select</a >ICg<wbr />Select</a
@ -261,7 +343,12 @@
<a <a
href="../interfaces/interfaces_cg_select_interface.IStyle.html" href="../interfaces/interfaces_cg_select_interface.IStyle.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
>IStyle</a >IStyle</a
@ -272,7 +359,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -55,7 +78,9 @@
<div class="tsd-page-title"> <div class="tsd-page-title">
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li><a href="interfaces_items_interface.html">Items.interface</a></li> <li>
<a href="interfaces_items_interface.html">Items.interface</a>
</li>
</ul> </ul>
<h1>Module interfaces/Items.interface</h1> <h1>Module interfaces/Items.interface</h1>
</div> </div>
@ -82,7 +107,12 @@
<a <a
href="../interfaces/interfaces_items_interface.IItems.html" href="../interfaces/interfaces_items_interface.IItems.html"
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -127,7 +157,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -194,38 +228,78 @@
> >
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">Language</a> <a href="../modules/language_language.html">Language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -236,8 +310,15 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="tsd-kind-interface tsd-parent-kind-module"> <li class="tsd-kind-interface tsd-parent-kind-module">
<a href="../interfaces/interfaces_items_interface.IItems.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
>IItems</a >IItems</a
@ -248,7 +329,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -55,7 +78,11 @@
<div class="tsd-page-title"> <div class="tsd-page-title">
<ul class="tsd-breadcrumb"> <ul class="tsd-breadcrumb">
<li><a href="../modules.html">All modules</a></li> <li><a href="../modules.html">All modules</a></li>
<li><a href="interfaces_language_interface.html">Language.interface</a></li> <li>
<a href="interfaces_language_interface.html"
>Language.interface</a
>
</li>
</ul> </ul>
<h1>Module interfaces/Language.interface</h1> <h1>Module interfaces/Language.interface</h1>
</div> </div>
@ -82,7 +109,12 @@
<a <a
href="../interfaces/interfaces_language_interface.ILanguage.html" href="../interfaces/interfaces_language_interface.ILanguage.html"
class="tsd-index-link tsd-kind-interface tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-interface)" stroke="var(--color-ts-interface)"
@ -127,7 +159,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -194,38 +230,78 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
<li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">Language</a> <a href="../modules/language_language.html">Language</a>
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -239,7 +315,12 @@
<a <a
href="../interfaces/interfaces_language_interface.ILanguage.html" href="../interfaces/interfaces_language_interface.ILanguage.html"
class="tsd-index-link" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-256-path"></use> <use href="#icon-256-path"></use>
<use href="#icon-256-text"></use></svg <use href="#icon-256-text"></use></svg
>ILanguage</a >ILanguage</a
@ -250,7 +331,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -63,7 +86,8 @@
<ul> <ul>
<li> <li>
Defined in Defined in
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L1" <a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L1"
>language/language.ts:1</a >language/language.ts:1</a
> >
</li> </li>
@ -81,7 +105,12 @@
<a <a
href="../variables/language_language.en.html" href="../variables/language_language.en.html"
class="tsd-index-link tsd-kind-variable tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-variable)" stroke="var(--color-ts-variable)"
@ -103,7 +132,12 @@
<a <a
href="../variables/language_language.ru.html" href="../variables/language_language.ru.html"
class="tsd-index-link tsd-kind-variable tsd-parent-kind-module" 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"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-32-path"></use> <use href="#icon-32-path"></use>
<use href="#icon-32-text"></use></svg <use href="#icon-32-text"></use></svg
><span>ru</span></a ><span>ru</span></a
@ -134,7 +168,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -201,38 +239,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/language_language.html">Language</a> <a href="../modules/language_language.html">Language</a>
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -243,16 +320,30 @@
<nav class="tsd-navigation secondary menu-sticky"> <nav class="tsd-navigation secondary menu-sticky">
<ul> <ul>
<li class="tsd-kind-variable tsd-parent-kind-module"> <li class="tsd-kind-variable tsd-parent-kind-module">
<a href="../variables/language_language.en.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-32-text"></use></svg <use href="#icon-32-text"></use></svg
>en</a >en</a
> >
</li> </li>
<li class="tsd-kind-variable tsd-parent-kind-module"> <li class="tsd-kind-variable tsd-parent-kind-module">
<a href="../variables/language_language.ru.html" class="tsd-index-link" <a
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> 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-path"></use>
<use href="#icon-32-text"></use></svg <use href="#icon-32-text"></use></svg
>ru</a >ru</a
@ -263,7 +354,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -0,0 +1,366 @@
<!DOCTYPE html>
<html class="default" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<title>theme.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="/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="theme_interface.html">theme.interface</a></li>
</ul>
<h1>Module theme.interface</h1>
</div>
<aside class="tsd-sources">
<ul>
<li>
Defined in
<a
href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.interface.ts#L1"
>theme.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/theme_interface.CustomTheme.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>Custom<wbr />Theme</span></a
>
<a
href="../interfaces/theme_interface.CustomThemeJson.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>Custom<wbr />Theme<wbr />Json</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 class="tsd-kind-module selected">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a>
</li>
<li 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/theme_interface.CustomTheme.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
>Custom<wbr />Theme</a
>
</li>
<li class="tsd-kind-interface tsd-parent-kind-module">
<a
href="../interfaces/theme_interface.CustomThemeJson.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
>Custom<wbr />Theme<wbr />Json</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

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -73,7 +96,8 @@
<ul> <ul>
<li> <li>
Defined in Defined in
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L9" <a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L9"
>language/language.ts:9</a >language/language.ts:9</a
> >
</li> </li>
@ -101,7 +125,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -168,38 +196,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -211,7 +278,12 @@
<ul> <ul>
<li class="current tsd-kind-variable tsd-parent-kind-module"> <li class="current tsd-kind-variable tsd-parent-kind-module">
<a href="language_language.en.html" class="tsd-index-link" <a href="language_language.en.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-variable)" stroke="var(--color-ts-variable)"
@ -233,7 +305,12 @@
</li> </li>
<li class="tsd-kind-variable tsd-parent-kind-module"> <li class="tsd-kind-variable tsd-parent-kind-module">
<a href="language_language.ru.html" class="tsd-index-link" <a href="language_language.ru.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-32-path"></use> <use href="#icon-32-path"></use>
<use href="#icon-32-text"></use></svg <use href="#icon-32-text"></use></svg
>ru</a >ru</a
@ -244,7 +321,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -12,13 +12,16 @@
</head> </head>
<body> <body>
<script> <script>
document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os'; document.documentElement.dataset.theme =
localStorage.getItem("tsd-theme") || "os";
</script> </script>
<header class="tsd-page-toolbar"> <header class="tsd-page-toolbar">
<div class="tsd-toolbar-contents container"> <div class="tsd-toolbar-contents container">
<div class="table-cell" id="tsd-search" data-base=".."> <div class="table-cell" id="tsd-search" data-base="..">
<div class="field"> <div class="field">
<label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption" <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"> ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
<path <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" 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"
@ -34,7 +37,9 @@
<li class="state failure">The search index is not available</li> <li class="state failure">The search index is not available</li>
</ul> </ul>
<a href="../index.html" class="title">Home</a> <a href="../index.html" class="title">Home</a>
<a href="/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a> <a href="/index.html" class="title" style="margin-left: 15px"
>Go to CGSelect</a
>
</div> </div>
<div class="table-cell" id="tsd-widgets"> <div class="table-cell" id="tsd-widgets">
<a <a
@ -43,9 +48,27 @@
data-toggle="menu" data-toggle="menu"
aria-label="Menu" aria-label="Menu"
><svg width="16" height="16" viewBox="0 0 16 16" fill="none"> ><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
<rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect> x="1"
<rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg 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> ></a>
</div> </div>
</div> </div>
@ -73,7 +96,8 @@
<ul> <ul>
<li> <li>
Defined in Defined in
<a href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L3" <a
href="https://github.com/apuc/cg-select/blob/31b10e2/src/language/language.ts#L3"
>language/language.ts:3</a >language/language.ts:3</a
> >
</li> </li>
@ -101,7 +125,11 @@
<ul id="tsd-filter-options"> <ul id="tsd-filter-options">
<li class="tsd-filter-item"> <li class="tsd-filter-item">
<label class="tsd-filter-input" <label class="tsd-filter-input"
><input type="checkbox" id="tsd-filter-private" name="private" /><svg ><input
type="checkbox"
id="tsd-filter-private"
name="private"
/><svg
width="32" width="32"
height="32" height="32"
viewBox="0 0 32 32" viewBox="0 0 32 32"
@ -168,38 +196,77 @@
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/interfaces_items_interface.html">Items.interface</a> <a href="../modules/interfaces_items_interface.html"
>Items.interface</a
>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
<li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li> border-bottom: 1px solid white;
<li class="tsd-kind-module"> width: 80%;
<a href="../modules/components_utils_urils_interface.html">Utils.interface</a> margin-left: 25px;
</li> "
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> ></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element.html" <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 >Create-<wbr />element</a
> >
</li> </li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_create_element_create_element_interface.html" <a
href="../modules/components_create_element_create_element_interface.html"
>Create-<wbr />element.interface</a >Create-<wbr />element.interface</a
> >
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/components_theme_theme.html">Theme</a> <a href="../modules/components_theme_theme.html">Theme</a>
</li> </li>
<li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li> <li class="tsd-kind-module">
<a href="../modules/theme_interface.html"
>Theme.interface</a
>
</li>
<li
style="
border-bottom: 1px solid white;
width: 80%;
margin-left: 25px;
"
></li>
<li class="tsd-kind-module"> <li class="tsd-kind-module">
<a href="../modules/language_language.html">language</a> <a href="../modules/language_language.html">language</a>
</li> </li>
<li class="selected tsd-kind-module"> <li class="selected tsd-kind-module">
<a href="../modules/interfaces_language_interface.html">Language.interface</a> <a href="../modules/interfaces_language_interface.html"
>Language.interface</a
>
</li> </li>
</ul> </ul>
</li> </li>
@ -211,7 +278,12 @@
<ul> <ul>
<li class="tsd-kind-variable tsd-parent-kind-module"> <li class="tsd-kind-variable tsd-parent-kind-module">
<a href="language_language.en.html" class="tsd-index-link" <a href="language_language.en.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<rect <rect
fill="var(--color-icon-background)" fill="var(--color-icon-background)"
stroke="var(--color-ts-variable)" stroke="var(--color-ts-variable)"
@ -233,7 +305,12 @@
</li> </li>
<li class="current tsd-kind-variable tsd-parent-kind-module"> <li class="current tsd-kind-variable tsd-parent-kind-module">
<a href="language_language.ru.html" class="tsd-index-link" <a href="language_language.ru.html" class="tsd-index-link"
><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"> ><svg
class="tsd-kind-icon"
width="24"
height="24"
viewBox="0 0 24 24"
>
<use href="#icon-32-path"></use> <use href="#icon-32-path"></use>
<use href="#icon-32-text"></use></svg <use href="#icon-32-text"></use></svg
>ru</a >ru</a
@ -244,7 +321,10 @@
</div> </div>
</div> </div>
<div class="container tsd-generator"> <div class="container tsd-generator">
<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p> <p>
Generated using
<a href="https://typedoc.org/" target="_blank">TypeDoc</a>
</p>
</div> </div>
<div class="overlay"></div> <div class="overlay"></div>
<script src="../assets/main.js"></script> <script src="../assets/main.js"></script>

View File

@ -15,7 +15,7 @@
<title>Cg-Select</title> <title>Cg-Select</title>
<link rel="shortcut icon" href="src/img/logoCG2.ico" type="image/x-icon" /> <link rel="shortcut icon" href="src/img/logoCG2.ico" type="image/x-icon" />
<link href="example.scss" rel="stylesheet" /> <link type="text/css" media="all" rel="stylesheet" href="style.scss" />
</head> </head>
<body class="body-example"> <body class="body-example">
<div class="container"> <div class="container">
@ -29,9 +29,11 @@
<ul class="navlist"> <ul class="navlist">
<li><a href="">Home</a></li> <li><a href="">Home</a></li>
<li><a href="docs/index.html">Documentation</a></li> <li><a href="docs/index.html">Documentation</a></li>
<li><a href="src/constructor/constructor.html">Constructor</a></li>
<li><a href="src/cdn/cdn.html">CDN</a></li>
</ul> </ul>
</nav> </nav>
<p class="version">v. 0.2.5</p> <p class="version">v. 0.3.12</p>
</header> </header>
</div> </div>
@ -43,15 +45,17 @@
<button class="cg-dropdown cg-dropdown_one"></button> <button class="cg-dropdown cg-dropdown_one"></button>
</div> </div>
<input type="submit" value="Отправить!" class="example-select_submit" /> <input type="submit" value="Submit!" class="example-select_submit" />
<button type="button" class="check-code" id="first">View code</button> <button type="button" class="check-code" id="first">View code</button>
<code id="codeFirst"> <code id="codeFirst">
<pre> <pre>
<button class="copy" id="cp1">Copy code</button>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
selector: <span class="code__string">'.cg-dropdown_one',</span> selector: <span class="code__string">'.cg-dropdown_one',</span>
placeholder: <span class="code__string">'Choose a car',</span> placeholder: <span class="code__string">'Choose a car',</span>
lable: <span class="code__string">'EXAMPLE',</span> label: <span class="code__string">'EXAMPLE',</span>
items: [ items: [
<span class="code__string">'BMW',</span> <span class="code__string">'BMW',</span>
{ {
@ -78,90 +82,93 @@
</div> </div>
<div class="example-select"> <div class="example-select">
<h2 class="example-select_title">Default select with function nativeSelectMode</h2> <h2 class="example-select_title">
Default select with function nativeSelectMode
</h2>
<form method="get" class="form"> <p style="margin-left: 12px; color: white">
<p style="margin-left: 12px; color: white"> *Native select appears on mobile resolution.
*Native select appears on mobile resolution. </p>
</p> <div class="layout-select">
<div class="layout-select"> <button class="cg-dropdown cg-dropdown_selectNative"></button>
<button class="cg-dropdown cg-dropdown_selectNative"></button> </div>
</div>
<button type="button" class="check-code" id="Native">View code</button> <button type="button" class="check-code" id="Native">View code</button>
<code id="codeNative"> <code id="codeNative">
<pre> <pre>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <button class="copy" id="cp2">Copy code</button>
selector: <span class="code__string">'.cg-dropdown_one',</span> <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
placeholder: <span class="code__string">'Choose a car',</span> selector: <span class="code__string">'.cg-dropdown_one',</span>
nativeSelectMode: <span class="code__keyword">true,</span> placeholder: <span class="code__string">'Choose a car',</span>
items: [ nativeSelectMode: <span class="code__keyword">true,</span>
<span class="code__string">'BMW',</span> items: [
{ <span class="code__string">'BMW',</span>
id: <span class="code__string">'213sade',</span> {
title: <span class="code__string">'Opel',</span> id: <span class="code__string">'213sade',</span>
value: 1, 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>
},
}, },
}); <span class="code__string">'Mersedes',</span>
</pre> <span class="code__string">'MAN',</span>
</code> <span class="code__string">'Ferari',</span>
</form> ],
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
},
});
</pre>
</code>
</div> </div>
<div class="example-select"> <div class="example-select">
<h2 class="example-select_title">Default select with function listDisplayMode</h2> <h2 class="example-select_title">
Default select with function listDisplayMode
</h2>
<form method="get" class="form"> <p style="margin-left: 12px; color: white">
<p style="margin-left: 12px; color: white"> *When using this method, the selection sheet appears as a modal
*When using this method, the selection sheet appears as a modal window. window.
</p> </p>
<div class="layout-select"> <div class="layout-select">
<button class="cg-dropdown cg-dropdown_listDisplayMode"></button> <button class="cg-dropdown cg-dropdown_listDisplayMode"></button>
</div> </div>
<button type="button" class="check-code" id="six">View code</button> <button type="button" class="check-code" id="six">View code</button>
<code id="codeSix"> <code id="codeSix">
<pre> <pre>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <button class="copy" id="cp3">Copy code</button>
selector: <span class="code__string">'.cg-dropdown_listDisplayMode',</span> <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
placeholder: <span class="code__string">'Choose a car',</span> selector: <span class="code__string">'.cg-dropdown_listDisplayMode',</span>
listDisplayMode: <span class="code__keyword">true,</span> placeholder: <span class="code__string">'Choose a car',</span>
items: [ listDisplayMode: <span class="code__keyword">true,</span>
<span class="code__string">'BMW',</span> items: [
{ <span class="code__string">'BMW',</span>
id: <span class="code__string">'213sade',</span> {
title: <span class="code__string">'Opel',</span> id: <span class="code__string">'213sade',</span>
value: 1, 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>
},
}, },
}); <span class="code__string">'Mersedes',</span>
</pre> <span class="code__string">'MAN',</span>
</code> <span class="code__string">'Ferari',</span>
</form> ],
styles: {
head: {
width: <span class="code__string">'830px',</span>
},
list: {
width: <span class="code__string">'824px',</span>
},
},
});
</pre>
</code>
</div> </div>
<div class="example-select"> <div class="example-select">
@ -173,10 +180,11 @@
<code id="codeSecond"> <code id="codeSecond">
<pre> <pre>
<button class="copy" id="cp4">Copy code</button>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
selector: <span class="code__string">'.cg-dropdown_three',</span> selector: <span class="code__string">'.cg-dropdown_three',</span>
placeholder: <span class="code__string">'URL',</span> placeholder: <span class="code__string">'URL',</span>
url: <span class="code__string">'https://jsonplaceholder.typicode.com/users',</span> url: <span class="code__string">'https://jsonplaceholder.typicode.com/todos',</span>
searchMode: <span class="code__keyword">true,</span> searchMode: <span class="code__keyword">true,</span>
darkTheme: <span class="code__keyword">false,</span> darkTheme: <span class="code__keyword">false,</span>
language: <span class="code__string">'ru',</span> language: <span class="code__string">'ru',</span>
@ -201,21 +209,21 @@
<div class="col"> <div class="col">
<h5>Default theme:</h5> <h5>Default theme:</h5>
<p style="margin-right: 50px"> <p style="margin-right: 50px">
To change the theme of the select, you need to specify this parameter in the select To change the theme of the select, you need to specify this
settings. The default theme is the classic theme, you can choose a white or dark parameter in the select settings. The default theme is the
theme. classic theme, you can choose a white or dark theme.
</p> </p>
<code style="display: block; margin-top: 32px"> <code style="display: block; margin-top: 104px">
<pre> <pre style="height: 240px">
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
selector: <span class="code__string">'.cg-dropdown_one',</span> selector: <span class="code__string">'.cg-dropdown_one',</span>
placeholder: <span class="code__string">'Choose a car',</span> placeholder: <span class="code__string">'Choose a car',</span>
lable: <span class="code__string">'EXAMPLE',</span> label: <span class="code__string">'EXAMPLE',</span>
items: [ items: [
... ...
], ],
<span class="code__keyword">theme</span>: <span class="code__string">'dark / white'</span> <span class="code__keyword">theme</span>: <span class="code__string">'dark / white'</span>
}); });
</pre> </pre>
</code> </code>
</div> </div>
@ -224,24 +232,28 @@
<h5>Create custom theme:</h5> <h5>Create custom theme:</h5>
<div class="createTheme"> <div class="createTheme">
<p style="margin-right: 25px"> <p style="margin-right: 25px">
To create your own theme, you need to create an object with the following fields. To create your own theme, you need to create an object with
In these fields you need to insert the previously created css class. After the following fields. In these fields you need to insert the
creating the object, just pass it to the select settings. previously created css class. After creating the object, just
pass it to the select settings.
<br />The main interface for creating a theme uses a Json data
view, however if you want to set the theme locally using
classes, use the CustomTheme interface (an example with it is
below)
</p> </p>
<code style="display: block"> <code style="display: block">
<pre> <pre>
<span class="code__keyword">interface</span> <span class="code__var">CustomTheme</span> { <span class="code__keyword">interface</span> <span class="code__var">CustomThemeJson</span> {
name: <span class="code__class">'string',</span> name: <span class="code__class">'string',</span>
styles: { styles: {
head?: <span class="code__class">'string',</span> head?: <span class="code__class">object</span>
list?: <span class="code__class">'testClass',</span> , list?: <span class="code__class">object</span> ,
placeholder?: <span class="code__class">'string',</span> , placeholder?: <span class="code__class">object</span> ,
caret?: <span class="code__class">'string',</span> , caret?: <span class="code__class">object</span> ,
search?: <span class="code__class">'string',</span> , search?: <span class="code__class">object</span> ,
chips?: <span class="code__class">'string',</span> , label?: <span class="code__class">object</span> ,
lable?: <span class="code__class">'string',</span> , },
}, };
});
</pre> </pre>
</code> </code>
</div> </div>
@ -251,61 +263,65 @@
<h5 style="margin: 20px 0 5px; text-align: center">Example:</h5> <h5 style="margin: 20px 0 5px; text-align: center">Example:</h5>
<div class="row type"> <div class="row type">
<h6>For JS</h6> <h6>CustomTheme</h6>
<h6>For TS</h6> <h6>CustomThemeJson</h6>
</div> </div>
<div class="row"> <div class="row">
<code style="display: block"> <code style="display: block">
<pre> <pre style="height: 460px">
<span class="code__keyword">const</span> <span class="code__var">newTheme</span> = { <span class="code__keyword">const</span> <span class="code__var">newTheme</span>:<span class="code__class"> CustomTheme</span> = {
name: <span class="code__string">'test',</span> name: <span class="code__string">'test',</span>
styles: { styles: {
head: <span class="code__string">'headTestClass',</span> head: <span class="code__string">'headTestClass',</span>
list: <span class="code__string">'listTestClass',</span> , list: <span class="code__string">'listTestClass',</span> ,
placeholder: <span class="code__string">'placeholderTestClass',</span> , placeholder: <span class="code__string">'placeholderTestClass',</span> ,
caret: <span class="code__string">'caretTestClass',</span> , caret: <span class="code__string">'caretTestClass',</span> ,
search: <span class="code__string">'searchTestClass',</span> , search: <span class="code__string">'searchTestClass',</span> ,
chips: <span class="code__string">'chipsTestClass',</span> , chips: <span class="code__string">'chipsTestClass',</span> ,
lable: <span class="code__string">'lableTestClass',</span> , label: <span class="code__string">'labelTestClass',</span> ,
}, },
}); };
.headTestClass {
background-color: <span class="code__string">#8297ff</span>;
color: <span class="code__string">white</span>;
}
.listTestClass {
background-color: <span class="code__string">#8297ff</span>;
border: <span class="code__string">1px solid black</span>;
color: <span class="code__string">white</span> ;
}
</pre> </pre>
</code> </code>
<code style="display: block"> <code style="display: block">
<pre> <pre>
<span class="code__keyword">const</span> <span class="code__var">newCustomTheme</span>:<span class="code__class"> CustomTheme</span> = { <span class="code__keyword">const</span> <span class="code__var">newCustomTheme</span>:<span class="code__class"> CustomThemeJson</span> = {
name: <span class="code__string">'test',</span> name: <span class="code__string">'test',</span>
styles: { styles: {
head: <span class="code__string">'headTestClass',</span> head: {<span class="code__string">
list: <span class="code__string">'listTestClass',</span> , color: 'red',
placeholder: <span class="code__string">'placeholderTestClass',</span> , background: 'green',
caret: <span class="code__string">'caretTestClass',</span> , </span> },
search: <span class="code__string">'searchTestClass',</span> , list: {<span class="code__string">
chips: <span class="code__string">'chipsTestClass',</span> , color: 'red',
lable: <span class="code__string">'lableTestClass',</span> , background: 'green',
}, </span>},
}); placeholder: {<span class="code__string">
color: 'red',
fontSize: '26px',
</span> },
caret: {<span class="code__string">
borderTop: '6px solid white'
</span> },
search: {},
label: {},
},
};
</pre> </pre>
</code> </code>
</div> </div>
<h6>CSS</h6>
<code style="display: block; width: 44%" class="stylesTheme">
<pre>
.headTestClass {
background-color: <span class="code__string">#8297ff</span>;
color: <span class="code__string">white</span>;
}
.listTestClass {
background-color: <span class="code__string">#8297ff</span>;
border: <span class="code__string">1px solid black</span>;
color: <span class="code__string">white</span> ;
}
</pre>
</code>
<h6>Example custom theme in CG-Select</h6> <h6>Example custom theme in CG-Select</h6>
<p> <p>
See an example of a select on See an example of a select on
@ -321,44 +337,6 @@
</div> </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"> <div class="example-select">
<h1 class="example-select_title">Categories</h1> <h1 class="example-select_title">Categories</h1>
@ -369,6 +347,7 @@
<code id="codeThird"> <code id="codeThird">
<pre> <pre>
<button class="copy" id="cp5">Copy code</button>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
selector: <span class="code__string">'.cg-dropdown_categories',</span> selector: <span class="code__string">'.cg-dropdown_categories',</span>
placeholder: <span class="code__string">'Выберите регион',</span> placeholder: <span class="code__string">'Выберите регион',</span>
@ -422,20 +401,28 @@
<div class="example-select"> <div class="example-select">
<h1 class="example-select_title">Use callbacks</h1> <h1 class="example-select_title">Use callbacks</h1>
<div class="layout-select"> <div class="layout-select">
<div class="col"> <div class="col">
<p style="color: white;">When using a callback, you can pass in the first parameter such values as: <span class="code__string">open, close, select, clear</span>. <p style="color: white">
<br>The second parameter is a function in which there are two parameters: <span class="code__string">state</span> and <span class="code__string">value</span>. When using a callback, you can pass in the first parameter such
<br>The output of the value can be seen in the browser console. values as:
<span class="code__string">open, close, select, clear</span>.
<br />The second parameter is a function in which there are two
parameters: <span class="code__string">state</span> and
<span class="code__string">value</span>. <br />The output of the
value can be seen in the browser console.
</p> </p>
</div> </div>
<button class="cg-dropdown cg-dropdown_callback"></button> <button class="cg-dropdown cg-dropdown_callback"></button>
</div> </div>
<button type="button" class="check-code" id="callback">View code</button> <button type="button" class="check-code" id="callback">
View code
</button>
<code id="codeCallback"> <code id="codeCallback">
<pre> <pre>
<button class="copy" id="cp6">Copy code</button>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
selector: <span class="code__string">'.cg-dropdown_categories',</span> selector: <span class="code__string">'.cg-dropdown_categories',</span>
placeholder: <span class="code__string">'Choose a car',</span> placeholder: <span class="code__string">'Choose a car',</span>
@ -481,6 +468,7 @@
<code id="codeFourth"> <code id="codeFourth">
<pre> <pre>
<button class="copy" id="cp7">Copy code</button>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
selector: <span class="code__string">'.cg-dropdown_usedBtn',</span> selector: <span class="code__string">'.cg-dropdown_usedBtn',</span>
placeholder: <span class="code__string">'Choose a car',</span> placeholder: <span class="code__string">'Choose a car',</span>
@ -527,7 +515,12 @@
<div class="example-select"> <div class="example-select">
<h1 class="example-select_title">Function disabled</h1> <h1 class="example-select_title">Function disabled</h1>
<input type="checkbox" name="chbx" id="checkboxDisable" style="margin: 16px" /> <input
type="checkbox"
name="chbx"
id="checkboxDisable"
style="margin: 16px"
/>
<label for="checkboxDisable" style="color: white"> <label for="checkboxDisable" style="color: white">
You agree to the processing of data</label You agree to the processing of data</label
> >
@ -539,6 +532,7 @@
<button type="button" class="check-code" id="fifth">View code</button> <button type="button" class="check-code" id="fifth">View code</button>
<code id="codeFifth"> <code id="codeFifth">
<pre> <pre>
<button class="copy" id="cp8">Copy code</button>
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({ <span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">CGSelect</span>({
selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span> selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
placeholder: <span class="code__string">'Choose a car',</span> placeholder: <span class="code__string">'Choose a car',</span>

View File

@ -1,8 +1,7 @@
import CGSelect from "cg-select"; import CGSelect from "cg-select";
// import { newCustomTheme } from './src/themeTest'; import "./src/buttonControlCode";
import "./src/example"; import "./style.scss";
import "./src/constructor/constructor";
// ------------------------------Обычный селект-------------------- // ------------------------------Обычный селект--------------------
const dropdown = new CGSelect({ const dropdown = new CGSelect({

397
package-lock.json generated
View File

@ -1,15 +1,15 @@
{ {
"name": "example-cg-select-page", "name": "example-cg-select-page",
"version": "0.2.5", "version": "0.3.11",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "example-cg-select-page", "name": "example-cg-select-page",
"version": "0.2.5", "version": "0.3.11",
"license": "ISC", "license": "ISC",
"dependencies": { "dependencies": {
"cg-select": "^0.2.4", "cg-select": "^0.3.11",
"gh-pages": "^5.0.0", "gh-pages": "^5.0.0",
"parcel": "^2.8.3" "parcel": "^2.8.3"
}, },
@ -1371,11 +1371,6 @@
"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
"integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==" "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
}, },
"node_modules/@types/prettier": {
"version": "2.7.2",
"resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.2.tgz",
"integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg=="
},
"node_modules/abortcontroller-polyfill": { "node_modules/abortcontroller-polyfill": {
"version": "1.7.5", "version": "1.7.5",
"resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.5.tgz", "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.5.tgz",
@ -1392,11 +1387,6 @@
"node": ">=0.4.0" "node": ">=0.4.0"
} }
}, },
"node_modules/ansi-sequence-parser": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/ansi-sequence-parser/-/ansi-sequence-parser-1.1.0.tgz",
"integrity": "sha512-lEm8mt52to2fT8GhciPCGeCXACSz2UwIN4X2e2LJSnZ5uAbn2/dsYdOmUXq0AtWS5cpAupysIneExOgH0Vd2TQ=="
},
"node_modules/ansi-styles": { "node_modules/ansi-styles": {
"version": "4.3.0", "version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@ -1551,55 +1541,9 @@
] ]
}, },
"node_modules/cg-select": { "node_modules/cg-select": {
"version": "0.2.4", "version": "0.3.11",
"resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.2.4.tgz", "resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.3.11.tgz",
"integrity": "sha512-Fs4Kr0EIvMNrev3TZ3kGzvfqKvA5VDPqKw+/gLPXr2uXG/jt3VTOA26OY2xHkOHsXeFXz2FitYJiY6Umg2xy1Q==", "integrity": "sha512-0oU3o0lG0vrFf2iySlgOFO/UnOhypIy65/PWhMc9cfcVUEMg+Bxkq2g5RO7UpKqGNGLJGSwyVwkj4n8e1ZgZyQ=="
"dependencies": {
"@parcel/optimizer-css": "^2.8.0",
"@types/prettier": "^2.7.2",
"gh-pages": "^4.0.0",
"typedoc": "^0.23.24",
"typescript": "^4.9.4"
}
},
"node_modules/cg-select/node_modules/async": {
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
"integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
"dependencies": {
"lodash": "^4.17.14"
}
},
"node_modules/cg-select/node_modules/commander": {
"version": "2.20.3",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
},
"node_modules/cg-select/node_modules/email-addresses": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz",
"integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg=="
},
"node_modules/cg-select/node_modules/gh-pages": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-4.0.0.tgz",
"integrity": "sha512-p8S0T3aGJc68MtwOcZusul5qPSNZCalap3NWbhRUZYu1YOdp+EjZ+4kPmRM8h3NNRdqw00yuevRjlkuSzCn7iQ==",
"dependencies": {
"async": "^2.6.1",
"commander": "^2.18.0",
"email-addresses": "^3.0.1",
"filenamify": "^4.3.0",
"find-cache-dir": "^3.3.1",
"fs-extra": "^8.1.0",
"globby": "^6.1.0"
},
"bin": {
"gh-pages": "bin/gh-pages.js",
"gh-pages-clean": "bin/gh-pages-clean.js"
},
"engines": {
"node": ">=10"
}
}, },
"node_modules/chalk": { "node_modules/chalk": {
"version": "4.1.2", "version": "4.1.2",
@ -2256,11 +2200,6 @@
"node": ">=6" "node": ">=6"
} }
}, },
"node_modules/jsonc-parser": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
"integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w=="
},
"node_modules/jsonfile": { "node_modules/jsonfile": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
@ -2488,16 +2427,6 @@
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"node_modules/lunr": {
"version": "2.3.9",
"resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz",
"integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow=="
},
"node_modules/make-dir": { "node_modules/make-dir": {
"version": "3.1.0", "version": "3.1.0",
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@ -2520,17 +2449,6 @@
"semver": "bin/semver.js" "semver": "bin/semver.js"
} }
}, },
"node_modules/marked": {
"version": "4.2.12",
"resolved": "https://registry.npmjs.org/marked/-/marked-4.2.12.tgz",
"integrity": "sha512-yr8hSKa3Fv4D3jdZmtMMPghgVt6TWbk86WQaWhDloQjRSQhMMYCAro7jP7VDJrjjdV8pxVxMssXS8B8Y5DZ5aw==",
"bin": {
"marked": "bin/marked.js"
},
"engines": {
"node": ">= 12"
}
},
"node_modules/mdn-data": { "node_modules/mdn-data": {
"version": "2.0.14", "version": "2.0.14",
"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz", "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
@ -2599,6 +2517,25 @@
"node-gyp-build-optional-packages-test": "build-test.js" "node-gyp-build-optional-packages-test": "build-test.js"
} }
}, },
"node_modules/nanoid": {
"version": "3.3.6",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
"integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/ai"
}
],
"optional": true,
"peer": true,
"bin": {
"nanoid": "bin/nanoid.cjs"
},
"engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/node-addon-api": { "node_modules/node-addon-api": {
"version": "3.2.1", "version": "3.2.1",
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
@ -2845,6 +2782,31 @@
"node": ">=8" "node": ">=8"
} }
}, },
"node_modules/postcss": {
"version": "8.4.21",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
"integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
"funding": [
{
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
},
{
"type": "tidelift",
"url": "https://tidelift.com/funding/github/npm/postcss"
}
],
"optional": true,
"peer": true,
"dependencies": {
"nanoid": "^3.3.4",
"picocolors": "^1.0.0",
"source-map-js": "^1.0.2"
},
"engines": {
"node": "^10 || ^12 || >=14"
}
},
"node_modules/postcss-value-parser": { "node_modules/postcss-value-parser": {
"version": "4.2.0", "version": "4.2.0",
"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
@ -2925,6 +2887,16 @@
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
"integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
}, },
"node_modules/relateurl": {
"version": "0.2.7",
"resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
"integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
"optional": true,
"peer": true,
"engines": {
"node": ">= 0.10"
}
},
"node_modules/resolve-from": { "node_modules/resolve-from": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@ -2977,17 +2949,6 @@
"semver": "bin/semver" "semver": "bin/semver"
} }
}, },
"node_modules/shiki": {
"version": "0.14.1",
"resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.1.tgz",
"integrity": "sha512-+Jz4nBkCBe0mEDqo1eKRcCdjRtrCjozmcbTUjbPTX7OOJfEbTZzlUWlZtGe3Gb5oV1/jnojhG//YZc3rs9zSEw==",
"dependencies": {
"ansi-sequence-parser": "^1.1.0",
"jsonc-parser": "^3.2.0",
"vscode-oniguruma": "^1.7.0",
"vscode-textmate": "^8.0.0"
}
},
"node_modules/source-map": { "node_modules/source-map": {
"version": "0.6.1", "version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@ -3000,7 +2961,7 @@
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
"dev": true, "devOptional": true,
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"
} }
@ -3085,9 +3046,9 @@
} }
}, },
"node_modules/terser": { "node_modules/terser": {
"version": "5.16.4", "version": "5.16.8",
"resolved": "https://registry.npmjs.org/terser/-/terser-5.16.4.tgz", "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.8.tgz",
"integrity": "sha512-5yEGuZ3DZradbogeYQ1NaGz7rXVBDWujWlx1PT8efXO6Txn+eWbfKqB2bTDVmFXmePFkoLU6XI8UektMIEA0ug==", "integrity": "sha512-QI5g1E/ef7d+PsDifb+a6nnVgC4F22Bg6T0xrBrz6iloVB4PUkkunp6V8nzoOOZJIzjWVdAGqCdlKlhLq/TbIA==",
"dependencies": { "dependencies": {
"@jridgewell/source-map": "^0.3.2", "@jridgewell/source-map": "^0.3.2",
"acorn": "^8.5.0", "acorn": "^8.5.0",
@ -3149,60 +3110,6 @@
"url": "https://github.com/sponsors/sindresorhus" "url": "https://github.com/sponsors/sindresorhus"
} }
}, },
"node_modules/typedoc": {
"version": "0.23.25",
"resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.23.25.tgz",
"integrity": "sha512-O1he153qVyoCgJYSvIyY3bPP1wAJTegZfa6tL3APinSZhJOf8CSd8F/21M6ex8pUY/fuY6n0jAsT4fIuMGA6sA==",
"dependencies": {
"lunr": "^2.3.9",
"marked": "^4.2.12",
"minimatch": "^6.1.6",
"shiki": "^0.14.1"
},
"bin": {
"typedoc": "bin/typedoc"
},
"engines": {
"node": ">= 14.14"
},
"peerDependencies": {
"typescript": "4.6.x || 4.7.x || 4.8.x || 4.9.x"
}
},
"node_modules/typedoc/node_modules/brace-expansion": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
"dependencies": {
"balanced-match": "^1.0.0"
}
},
"node_modules/typedoc/node_modules/minimatch": {
"version": "6.2.0",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-6.2.0.tgz",
"integrity": "sha512-sauLxniAmvnhhRjFwPNnJKaPFYyddAgbYdeUpHULtCT/GhzdCx/MDNy+Y40lBxTQUrMzDE8e0S43Z5uqfO0REg==",
"dependencies": {
"brace-expansion": "^2.0.1"
},
"engines": {
"node": ">=10"
},
"funding": {
"url": "https://github.com/sponsors/isaacs"
}
},
"node_modules/typescript": {
"version": "4.9.5",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
"integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
"bin": {
"tsc": "bin/tsc",
"tsserver": "bin/tsserver"
},
"engines": {
"node": ">=4.2.0"
}
},
"node_modules/universalify": { "node_modules/universalify": {
"version": "0.1.2", "version": "0.1.2",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@ -3249,16 +3156,6 @@
"resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz", "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
"integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==" "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA=="
}, },
"node_modules/vscode-oniguruma": {
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz",
"integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA=="
},
"node_modules/vscode-textmate": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz",
"integrity": "sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg=="
},
"node_modules/weak-lru-cache": { "node_modules/weak-lru-cache": {
"version": "1.2.2", "version": "1.2.2",
"resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz", "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
@ -4132,11 +4029,6 @@
"resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
"integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==" "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
}, },
"@types/prettier": {
"version": "2.7.2",
"resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.2.tgz",
"integrity": "sha512-KufADq8uQqo1pYKVIYzfKbJfBAc0sOeXqGbFaSpv8MRmC/zXgowNZmFcbngndGk922QDmOASEXUZCaY48gs4cg=="
},
"abortcontroller-polyfill": { "abortcontroller-polyfill": {
"version": "1.7.5", "version": "1.7.5",
"resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.5.tgz", "resolved": "https://registry.npmjs.org/abortcontroller-polyfill/-/abortcontroller-polyfill-1.7.5.tgz",
@ -4147,11 +4039,6 @@
"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
"integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==" "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw=="
}, },
"ansi-sequence-parser": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/ansi-sequence-parser/-/ansi-sequence-parser-1.1.0.tgz",
"integrity": "sha512-lEm8mt52to2fT8GhciPCGeCXACSz2UwIN4X2e2LJSnZ5uAbn2/dsYdOmUXq0AtWS5cpAupysIneExOgH0Vd2TQ=="
},
"ansi-styles": { "ansi-styles": {
"version": "4.3.0", "version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@ -4256,50 +4143,9 @@
"integrity": "sha512-SDIV6bgE1aVbK6XyxdURbUE89zY7+k1BBBaOwYwkNCglXlel/E7mELiHC64HQ+W0xSKlqWhV9Wh7iHxUjMs4fA==" "integrity": "sha512-SDIV6bgE1aVbK6XyxdURbUE89zY7+k1BBBaOwYwkNCglXlel/E7mELiHC64HQ+W0xSKlqWhV9Wh7iHxUjMs4fA=="
}, },
"cg-select": { "cg-select": {
"version": "0.2.4", "version": "0.3.11",
"resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.2.4.tgz", "resolved": "https://registry.npmjs.org/cg-select/-/cg-select-0.3.11.tgz",
"integrity": "sha512-Fs4Kr0EIvMNrev3TZ3kGzvfqKvA5VDPqKw+/gLPXr2uXG/jt3VTOA26OY2xHkOHsXeFXz2FitYJiY6Umg2xy1Q==", "integrity": "sha512-0oU3o0lG0vrFf2iySlgOFO/UnOhypIy65/PWhMc9cfcVUEMg+Bxkq2g5RO7UpKqGNGLJGSwyVwkj4n8e1ZgZyQ=="
"requires": {
"@parcel/optimizer-css": "^2.8.0",
"@types/prettier": "^2.7.2",
"gh-pages": "^4.0.0",
"typedoc": "^0.23.24",
"typescript": "^4.9.4"
},
"dependencies": {
"async": {
"version": "2.6.4",
"resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
"integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
"requires": {
"lodash": "^4.17.14"
}
},
"commander": {
"version": "2.20.3",
"resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
"integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
},
"email-addresses": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz",
"integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg=="
},
"gh-pages": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-4.0.0.tgz",
"integrity": "sha512-p8S0T3aGJc68MtwOcZusul5qPSNZCalap3NWbhRUZYu1YOdp+EjZ+4kPmRM8h3NNRdqw00yuevRjlkuSzCn7iQ==",
"requires": {
"async": "^2.6.1",
"commander": "^2.18.0",
"email-addresses": "^3.0.1",
"filenamify": "^4.3.0",
"find-cache-dir": "^3.3.1",
"fs-extra": "^8.1.0",
"globby": "^6.1.0"
}
}
}
}, },
"chalk": { "chalk": {
"version": "4.1.2", "version": "4.1.2",
@ -4742,11 +4588,6 @@
"resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
"integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==" "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="
}, },
"jsonc-parser": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
"integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w=="
},
"jsonfile": { "jsonfile": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz", "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
@ -4857,16 +4698,6 @@
"p-locate": "^4.1.0" "p-locate": "^4.1.0"
} }
}, },
"lodash": {
"version": "4.17.21",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"lunr": {
"version": "2.3.9",
"resolved": "https://registry.npmjs.org/lunr/-/lunr-2.3.9.tgz",
"integrity": "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow=="
},
"make-dir": { "make-dir": {
"version": "3.1.0", "version": "3.1.0",
"resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz", "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
@ -4882,11 +4713,6 @@
} }
} }
}, },
"marked": {
"version": "4.2.12",
"resolved": "https://registry.npmjs.org/marked/-/marked-4.2.12.tgz",
"integrity": "sha512-yr8hSKa3Fv4D3jdZmtMMPghgVt6TWbk86WQaWhDloQjRSQhMMYCAro7jP7VDJrjjdV8pxVxMssXS8B8Y5DZ5aw=="
},
"mdn-data": { "mdn-data": {
"version": "2.0.14", "version": "2.0.14",
"resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz", "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
@ -4940,6 +4766,13 @@
} }
} }
}, },
"nanoid": {
"version": "3.3.6",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
"integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
"optional": true,
"peer": true
},
"node-addon-api": { "node-addon-api": {
"version": "3.2.1", "version": "3.2.1",
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz", "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
@ -5109,6 +4942,18 @@
"find-up": "^4.0.0" "find-up": "^4.0.0"
} }
}, },
"postcss": {
"version": "8.4.21",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
"integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
"optional": true,
"peer": true,
"requires": {
"nanoid": "^3.3.4",
"picocolors": "^1.0.0",
"source-map-js": "^1.0.2"
}
},
"postcss-value-parser": { "postcss-value-parser": {
"version": "4.2.0", "version": "4.2.0",
"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
@ -5173,6 +5018,13 @@
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
"integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
}, },
"relateurl": {
"version": "0.2.7",
"resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
"integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
"optional": true,
"peer": true
},
"resolve-from": { "resolve-from": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@ -5199,17 +5051,6 @@
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
"integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==" "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ=="
}, },
"shiki": {
"version": "0.14.1",
"resolved": "https://registry.npmjs.org/shiki/-/shiki-0.14.1.tgz",
"integrity": "sha512-+Jz4nBkCBe0mEDqo1eKRcCdjRtrCjozmcbTUjbPTX7OOJfEbTZzlUWlZtGe3Gb5oV1/jnojhG//YZc3rs9zSEw==",
"requires": {
"ansi-sequence-parser": "^1.1.0",
"jsonc-parser": "^3.2.0",
"vscode-oniguruma": "^1.7.0",
"vscode-textmate": "^8.0.0"
}
},
"source-map": { "source-map": {
"version": "0.6.1", "version": "0.6.1",
"resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
@ -5219,7 +5060,7 @@
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
"dev": true "devOptional": true
}, },
"source-map-support": { "source-map-support": {
"version": "0.5.21", "version": "0.5.21",
@ -5276,9 +5117,9 @@
"integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==" "integrity": "sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg=="
}, },
"terser": { "terser": {
"version": "5.16.4", "version": "5.16.8",
"resolved": "https://registry.npmjs.org/terser/-/terser-5.16.4.tgz", "resolved": "https://registry.npmjs.org/terser/-/terser-5.16.8.tgz",
"integrity": "sha512-5yEGuZ3DZradbogeYQ1NaGz7rXVBDWujWlx1PT8efXO6Txn+eWbfKqB2bTDVmFXmePFkoLU6XI8UektMIEA0ug==", "integrity": "sha512-QI5g1E/ef7d+PsDifb+a6nnVgC4F22Bg6T0xrBrz6iloVB4PUkkunp6V8nzoOOZJIzjWVdAGqCdlKlhLq/TbIA==",
"requires": { "requires": {
"@jridgewell/source-map": "^0.3.2", "@jridgewell/source-map": "^0.3.2",
"acorn": "^8.5.0", "acorn": "^8.5.0",
@ -5324,40 +5165,6 @@
"resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
"integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==" "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ=="
}, },
"typedoc": {
"version": "0.23.25",
"resolved": "https://registry.npmjs.org/typedoc/-/typedoc-0.23.25.tgz",
"integrity": "sha512-O1he153qVyoCgJYSvIyY3bPP1wAJTegZfa6tL3APinSZhJOf8CSd8F/21M6ex8pUY/fuY6n0jAsT4fIuMGA6sA==",
"requires": {
"lunr": "^2.3.9",
"marked": "^4.2.12",
"minimatch": "^6.1.6",
"shiki": "^0.14.1"
},
"dependencies": {
"brace-expansion": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
"integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
"requires": {
"balanced-match": "^1.0.0"
}
},
"minimatch": {
"version": "6.2.0",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-6.2.0.tgz",
"integrity": "sha512-sauLxniAmvnhhRjFwPNnJKaPFYyddAgbYdeUpHULtCT/GhzdCx/MDNy+Y40lBxTQUrMzDE8e0S43Z5uqfO0REg==",
"requires": {
"brace-expansion": "^2.0.1"
}
}
}
},
"typescript": {
"version": "4.9.5",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
"integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g=="
},
"universalify": { "universalify": {
"version": "0.1.2", "version": "0.1.2",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz", "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@ -5382,16 +5189,6 @@
"resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz", "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz",
"integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==" "integrity": "sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA=="
}, },
"vscode-oniguruma": {
"version": "1.7.0",
"resolved": "https://registry.npmjs.org/vscode-oniguruma/-/vscode-oniguruma-1.7.0.tgz",
"integrity": "sha512-L9WMGRfrjOhgHSdOYgCt/yRMsXzLDJSL7BPrOZt73gU0iWO4mpqzqQzOz5srxqTvMBaR0XZTSrVWo4j55Rc6cA=="
},
"vscode-textmate": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/vscode-textmate/-/vscode-textmate-8.0.0.tgz",
"integrity": "sha512-AFbieoL7a5LMqcnOF04ji+rpXadgOXnZsxQr//r83kLPr7biP7am3g9zbaZIaBGwBRWeSvoMD4mgPdX3e4NWBg=="
},
"weak-lru-cache": { "weak-lru-cache": {
"version": "1.2.2", "version": "1.2.2",
"resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz", "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",

View File

@ -1,9 +1,9 @@
{ {
"name": "example-cg-select-page", "name": "example-cg-select-page",
"version": "0.2.5", "version": "0.3.11",
"description": "This is a test page to demonstrate the capabilities of the select", "description": "This is a test page to demonstrate the capabilities of the select",
"scripts": { "scripts": {
"start": "parcel ./index.html -p 4500 --open", "start": "parcel ./index.html -p 4660 --open",
"build": "parcel build ./index.html", "build": "parcel build ./index.html",
"deploy": "gh-pages -d dist", "deploy": "gh-pages -d dist",
"predeploy": "npm run build" "predeploy": "npm run build"
@ -13,16 +13,24 @@
"url": "git+https://github.com/MaxOvs19/Example-CG-SELECT.git" "url": "git+https://github.com/MaxOvs19/Example-CG-SELECT.git"
}, },
"keywords": [ "keywords": [
"exemple-cg-select" "exemple-cg-select",
"select",
"autocomplete",
"dropdown",
"multiselect",
"tag"
], ],
"author": "MaxOvs19", "author": {
"name": "CraftGroup",
"url": "https://github.com/apuc/"
},
"license": "ISC", "license": "ISC",
"bugs": { "bugs": {
"url": "https://github.com/MaxOvs19/Example-CG-SELECT/issues" "url": "https://github.com/MaxOvs19/Example-CG-SELECT/issues"
}, },
"homepage": "https://MaxOvs19.github.io/Example-CG-SELECT", "homepage": "https://cg-select.itguild.info",
"dependencies": { "dependencies": {
"cg-select": "^0.2.4", "cg-select": "^0.3.11",
"gh-pages": "^5.0.0", "gh-pages": "^5.0.0",
"parcel": "^2.8.3" "parcel": "^2.8.3"
}, },

70
src/buttonControlCode.js Normal file
View File

@ -0,0 +1,70 @@
const copy1 = document.getElementById("cp1");
const copy2 = document.getElementById("cp2");
const copy3 = document.getElementById("cp3");
const copy4 = document.getElementById("cp4");
const copy5 = document.getElementById("cp5");
const copy6 = document.getElementById("cp6");
const copy7 = document.getElementById("cp7");
const copy8 = document.getElementById("cp8");
const firstBtn = document.getElementById("first");
const codeFirst = document.getElementById("codeFirst"); // cp1
copyCode(copy1, codeFirst);
const secondBtn = document.getElementById("second");
const codeSecond = document.getElementById("codeSecond"); // cp4
copyCode(copy4, codeSecond);
const thirdBtn = document.getElementById("third");
const codeThird = document.getElementById("codeThird"); // cp5
copyCode(copy5, codeThird);
const fourthBtn = document.getElementById("fourth");
const codeFourth = document.getElementById("codeFourth"); // cp7
copyCode(copy7, codeFourth);
const fifthBtn = document.getElementById("fifth");
const codeFifth = document.getElementById("codeFifth"); // cp8
copyCode(copy8, codeFifth);
const six = document.getElementById("six");
const codeSix = document.getElementById("codeSix"); // cp3
copyCode(copy3, codeSix);
const Native = document.getElementById("Native");
const codeNative = document.getElementById("codeNative"); // cp2
copyCode(copy2, codeNative);
const callback = document.getElementById("callback");
const codeCallback = document.getElementById("codeCallback"); // cp6
copyCode(copy6, codeCallback);
toggleCode(firstBtn, codeFirst);
toggleCode(secondBtn, codeSecond);
toggleCode(thirdBtn, codeThird);
toggleCode(fourthBtn, codeFourth);
toggleCode(fifthBtn, codeFifth);
toggleCode(six, codeSix);
toggleCode(Native, codeNative);
toggleCode(callback, codeCallback);
function copyCode(button, elementCopy) {
button.addEventListener("click", (e) => {
e.preventDefault();
navigator.clipboard.writeText(elementCopy.textContent);
});
}
function toggleCode(button, elementCopy) {
button.addEventListener("click", () => {
elementCopy.classList.toggle("active");
});
}

67
src/cdn/cdn.html Normal file
View File

@ -0,0 +1,67 @@
<!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="../img/logoCG.jpg" />
<title>Cg-Select</title>
<link rel="shortcut icon" href="../img/logoCG2.ico" type="image/x-icon" />
<link href="../../style.scss" rel="stylesheet" />
</head>
<body class="body-example">
<div class="container">
<header class="header">
<div class="header__logoBox">
<h1>CG-SELECT</h1>
<img src="../img/logoCG.jpg" alt="#" class="header__logo" />
</div>
<hr style="width: 55%" />
<nav>
<ul class="navlist">
<li><a href="../../index.html">Home</a></li>
<li><a href="../../docs/index.html">Documentation</a></li>
<li><a href="../constructor/constructor.html">Constructor</a></li>
<li><a href="./cdn.html">CDN</a></li>
</ul>
</nav>
<p class="version">v. 0.3.12</p>
</header>
</div>
<div class="container content">
<div class="example-select">
<h2 class="example-select_title">Select example using CDN</h2>
<p style="margin-left: 12px; color: white">
To use the select using sdn, you need to connect the file by
reference:
</p>
<h2
style="
margin: 5px 0 25px 12px;
color: white;
text-decoration: underline;
font-size: 16px;
"
>
https://cdn.itguild.info/items/cg-select/latest/main.js
</h2>
<div class="layout-select" style="margin-bottom: 40px">
<button class="cg-dropdown cg-dropdown_cdn"></button>
</div>
</div>
</div>
</body>
<script src="https://cdn.itguild.info/items/cg-select/latest/main.js"></script>
<script type="module" src="cdn.js"></script>
</html>

24
src/cdn/cdn.js Normal file
View File

@ -0,0 +1,24 @@
const dropdown = new CGSelect({
selector: ".cg-dropdown_cdn",
placeholder: "Choose a car",
label: "CDN EXAMPLE",
items: [
"BMW",
{
id: "213sade",
title: "Opel",
value: 1,
},
"Mersedes",
"MAN",
"Ferari",
],
styles: {
head: {
width: "830px",
},
list: {
width: "824px",
},
},
});

View File

@ -0,0 +1,83 @@
<!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="../img/logoCG.jpg" />
<title>Cg-Select</title>
<link rel="shortcut icon" href="../img/logoCG2.ico" type="image/x-icon" />
<link href="../../style.scss" rel="stylesheet" />
<link href="constructor.scss" rel="stylesheet" />
</head>
<body class="body-example">
<div class="container">
<header class="header">
<div class="header__logoBox">
<h1>CG-SELECT</h1>
<img src="../img/logoCG.jpg" alt="#" class="header__logo" />
</div>
<hr style="width: 55%" />
<nav>
<ul class="navlist">
<li><a href="../../index.html">Home</a></li>
<li><a href="../../docs/index.html">Documentation</a></li>
<li><a href="./constructor.html">Constructor</a></li>
<li><a href="../cdn/cdn.html">CDN</a></li>
</ul>
</nav>
<p class="version">v. 0.3.12</p>
</header>
</div>
<div class="container content">
<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>
</body>
<script type="module" src="constructor.js"></script>
</html>

View File

@ -1,55 +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");
const callback = document.getElementById("callback");
const codeCallback = document.getElementById("codeCallback");
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");
});
callback.addEventListener("click", () => {
codeCallback.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,3 @@
// @import '/src/main.scss';
@import "./src/constructor/constructor.scss";
* { * {
font-size: 14px; font-size: 14px;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
@ -80,7 +77,7 @@
justify-content: space-around; justify-content: space-around;
margin: 15px 0 30px 0; margin: 15px 0 30px 0;
padding: 0; padding: 0;
width: 230px; width: 500px;
li { li {
display: inline; display: inline;
@ -194,15 +191,33 @@ code {
} }
pre { pre {
position: relative;
background: #1e1e1e; background: #1e1e1e;
margin: 15px; margin: 15px;
padding: 15px; padding: 30px 15px 0 5px;
color: #88d0f7; color: #88d0f7;
border-radius: 15px; border-radius: 15px;
font-size: 16px; font-size: 16px;
line-height: 20px; line-height: 20px;
} }
.copy {
position: absolute;
top: 25px;
right: 25px;
height: 29px;
width: 100px;
border-radius: 8px;
text-align: center;
border: none;
cursor: pointer;
&:hover {
background-color: #d7d7d7;
transition: all 1s;
}
}
.code { .code {
&__class, &__class,
&__var, &__var,
@ -278,6 +293,9 @@ pre {
pre { pre {
overflow-x: auto !important; overflow-x: auto !important;
} }
.navlist {
width: 300px !important;
}
} }
.version { .version {