@twobirds/microcomponents 0.0.10 → 0.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -47
- package/assets/documentation/ajaxian-1.png +0 -0
- package/assets/documentation/ajaxian-2.png +0 -0
- package/assets/documentation/ajaxian-3.png +0 -0
- package/assets/documentation/history.md +436 -0
- package/assets/documentation/how_tos.md +0 -0
- package/assets/documentation/introduction.md +0 -0
- package/{microcomponents_magic.md → assets/documentation/magic.md} +1 -1
- package/assets/documentation/rnd0023-1.jpg +0 -0
- package/assets/documentation/rnd0023-2.jpg +0 -0
- package/assets/documentation/rnd0023-3.jpg +0 -0
- package/assets/documentation/tB_react.md +369 -0
- package/assets/test.html +11 -0
- package/dist/microcomponents.d.ts +15 -231
- package/dist/microcomponents.d.ts.map +1 -1
- package/dist/microcomponents.es3.d.ts +5 -0
- package/dist/microcomponents.es3.d.ts.map +1 -1
- package/dist/microcomponents.js +143 -334
- package/dist/microcomponents.min.js +32 -29
- package/dist/microcomponents.ts +209 -395
- package/package.json +3 -4
- package/public/{docs/assets → assets}/highlight.css +29 -22
- package/public/assets/search.js +1 -0
- package/public/{docs/classes → classes}/microcomponents.MC.html +78 -241
- package/public/{docs/classes → classes}/microcomponents_es3.MC.html +12 -12
- package/public/documentation/ajaxian-1.png +0 -0
- package/public/documentation/ajaxian-2.png +0 -0
- package/public/documentation/ajaxian-3.png +0 -0
- package/public/documentation/functional_requirements.md +8 -0
- package/public/documentation/history.md +436 -0
- package/public/documentation/how_tos.md +0 -0
- package/public/documentation/introduction.md +0 -0
- package/public/documentation/magic.md +87 -0
- package/public/documentation/proposal_draft.md +37 -0
- package/public/documentation/rnd0023-1.jpg +0 -0
- package/public/documentation/rnd0023-2.jpg +0 -0
- package/public/documentation/rnd0023-3.jpg +0 -0
- package/public/documentation/tB_react.md +369 -0
- package/public/documentation/usage.md +142 -0
- package/public/documentation/why.md +25 -0
- package/public/{docs/functions → functions}/microcomponents_es3.__isEmpty.html +1 -1
- package/public/index.html +101 -11
- package/public/microcomponents.js +176 -0
- package/public/{docs/modules → modules}/microcomponents.html +2 -7
- package/public/test.html +11 -0
- package/public/test.js +216 -0
- package/src/microcomponents.ts +209 -395
- package/src/test.js +247 -0
- package/typedoc.json +1 -1
- package/assets/index.html +0 -11
- package/jsdoc.conf.json +0 -19
- package/public/docs/assets/search.js +0 -1
- package/public/docs/index.html +0 -97
- package/public/docs/interfaces/microcomponents.HTMLElementMc.html +0 -3605
- package/public/jsdoc/es3/files.html +0 -216
- package/public/jsdoc/es3/index.html +0 -210
- package/public/jsdoc/es3/symbols/_global_.html +0 -368
- package/public/jsdoc/es3/symbols/src/build_microcomponents.es3.js.html +0 -104
- package/public/jsdoc/es5+/files.html +0 -218
- package/public/jsdoc/es5+/index.html +0 -218
- package/public/jsdoc/es5+/symbols/MC.html +0 -621
- package/public/jsdoc/es5+/symbols/_global_.html +0 -720
- package/public/jsdoc/es5+/symbols/microcomponents.MC.html +0 -323
- package/public/jsdoc/es5+/symbols/src/build_microcomponents.js.html +0 -375
- /package/{microcomponents_functional_requirements.md → assets/documentation/functional_requirements.md} +0 -0
- /package/{MicroComponentProposal_draft.md → assets/documentation/proposal_draft.md} +0 -0
- /package/{microcomponents_usage.md → assets/documentation/usage.md} +0 -0
- /package/{microcomponents_why.md → assets/documentation/why.md} +0 -0
- /package/public/{docs/.nojekyll → .nojekyll} +0 -0
- /package/public/{docs/assets → assets}/main.js +0 -0
- /package/public/{docs/assets → assets}/style.css +0 -0
- /package/public/{docs/modules → modules}/microcomponents_es3.html +0 -0
- /package/public/{docs/modules.html → modules.html} +0 -0
|
@@ -16,25 +16,12 @@
|
|
|
16
16
|
<li><a href="../modules/microcomponents.html">microcomponents</a></li>
|
|
17
17
|
<li><a href="microcomponents.MC.html">MC</a></li></ul>
|
|
18
18
|
<h1>Class MC</h1></div>
|
|
19
|
-
<section class="tsd-panel tsd-comment">
|
|
20
|
-
<div class="tsd-comment tsd-typography"><p>Manages microcomponents (MCs) attached to DOM elements, allowing for the
|
|
21
|
-
addition, removal, and traversal of microcomponents across siblings, parents,
|
|
22
|
-
children, and descendants.</p>
|
|
23
|
-
<p>This class provides an API for interacting with microcomponents on DOM elements.
|
|
24
|
-
Public microcomponents are stored on the <code>_mc</code> attribute of the DOM element, while
|
|
25
|
-
private microcomponents are managed internally.</p>
|
|
26
|
-
|
|
27
|
-
<h3>Example</h3><pre><code class="language-javascript"><br/><span class="hl-2">// create the micro component class</span><br/><span class="hl-3">class</span><span class="hl-4"> </span><span class="hl-5">MyMC</span><span class="hl-4"> </span><span class="hl-3">extends</span><span class="hl-4"> </span><span class="hl-5">MC</span><span class="hl-4">{</span><br/><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-3">constructor</span><span class="hl-4">( </span><span class="hl-6">target</span><span class="hl-4"> ){</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-3">super</span><span class="hl-4">( </span><span class="hl-6">target</span><span class="hl-4"> );</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-3">this</span><span class="hl-4">.</span><span class="hl-6">target</span><span class="hl-4"> = </span><span class="hl-6">target</span><span class="hl-4">;</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;}</span><br/><span class="hl-4">}</span><br/><br/><span class="hl-3">const</span><span class="hl-4"> </span><span class="hl-7">element</span><span class="hl-4"> = </span><span class="hl-6">document</span><span class="hl-4">.</span><span class="hl-8">querySelector</span><span class="hl-4">(</span><span class="hl-9">'div'</span><span class="hl-4">)</span><br/><br/><span class="hl-2">// Add the top level microcomponent to the target element</span><br/><span class="hl-3">let</span><span class="hl-4"> </span><span class="hl-6">mcc</span><span class="hl-4"> = </span><span class="hl-7">MC</span><span class="hl-4">.</span><span class="hl-8">add</span><span class="hl-4">(</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-6">element</span><span class="hl-4">,</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-9">'myMC'</span><span class="hl-4">,</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-3">new</span><span class="hl-4"> </span><span class="hl-8">MyMC</span><span class="hl-4">( </span><span class="hl-6">element</span><span class="hl-4"> )</span><br/><span class="hl-4">);</span><br/><br/><span class="hl-2">// Add an inner (private) microcomponent to mcc</span><br/><span class="hl-3">let</span><span class="hl-4"> </span><span class="hl-6">mcc</span><span class="hl-4">.add(</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-9">'myInnerMC'</span><span class="hl-4">,</span><br/><span class="hl-4">&</span><span class="hl-6">nbsp</span><span class="hl-4">;</span><span class="hl-3">new</span><span class="hl-4"> </span><span class="hl-8">MyMC</span><span class="hl-4">( </span><span class="hl-6">element</span><span class="hl-4"> )</span><br/><span class="hl-4">);</span><br/><br/><span class="hl-6">console</span><span class="hl-4">.</span><span class="hl-8">log</span><span class="hl-4">( </span><span class="hl-6">element</span><span class="hl-4">.</span><span class="hl-6">_mc</span><span class="hl-4"> );</span><br/><span class="hl-2">// { 'myMC': { target: (element) } }</span><br/><br/><span class="hl-6">console</span><span class="hl-4">.</span><span class="hl-8">log</span><span class="hl-4">( </span><span class="hl-6">element</span><span class="hl-4">.</span><span class="hl-6">_mc</span><span class="hl-4">.</span><span class="hl-6">myMC</span><span class="hl-4"> );</span><br/><span class="hl-2">// { target: (element) }</span><br/><br/><span class="hl-6">console</span><span class="hl-4">.</span><span class="hl-8">log</span><span class="hl-4">( </span><span class="hl-6">mcc</span><span class="hl-4">.</span><span class="hl-8">siblings</span><span class="hl-4">() );</span><br/><span class="hl-2">// [ { target: (element) } ]</span><br/>
|
|
28
|
-
</code></pre>
|
|
29
|
-
|
|
30
|
-
<h3>Name</h3><p>MC</p>
|
|
31
|
-
</div></section>
|
|
32
19
|
<section class="tsd-panel tsd-hierarchy">
|
|
33
20
|
<h4>Hierarchy</h4>
|
|
34
21
|
<ul class="tsd-hierarchy">
|
|
35
22
|
<li><span class="target">MC</span></li></ul></section><aside class="tsd-sources">
|
|
36
23
|
<ul>
|
|
37
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
24
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L52">microcomponents.ts:52</a></li></ul></aside>
|
|
38
25
|
<section class="tsd-panel-group tsd-index-group">
|
|
39
26
|
<section class="tsd-panel tsd-index-panel">
|
|
40
27
|
<details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
|
|
@@ -46,23 +33,24 @@ private microcomponents are managed internally.</p>
|
|
|
46
33
|
</div></section>
|
|
47
34
|
<section class="tsd-index-section">
|
|
48
35
|
<h3 class="tsd-index-heading">Properties</h3>
|
|
49
|
-
<div class="tsd-index-list"><a href="microcomponents.MC.html#
|
|
50
|
-
<a href="microcomponents.MC.html#
|
|
51
|
-
<a href="microcomponents.MC.html#target" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-private"><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>target</span></a>
|
|
36
|
+
<div class="tsd-index-list"><a href="microcomponents.MC.html#__mc" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-private"><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>#_<wbr/>mc</span></a>
|
|
37
|
+
<a href="microcomponents.MC.html#_target" class="tsd-index-link tsd-kind-property tsd-parent-kind-class tsd-is-private"><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>#target</span></a>
|
|
52
38
|
<a href="microcomponents.MC.html#debug" class="tsd-index-link tsd-kind-property tsd-parent-kind-class"><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>debug</span></a>
|
|
53
39
|
</div></section>
|
|
54
40
|
<section class="tsd-index-section">
|
|
41
|
+
<h3 class="tsd-index-heading">Accessors</h3>
|
|
42
|
+
<div class="tsd-index-list"><a href="microcomponents.MC.html#_mc" class="tsd-index-link tsd-kind-accessor tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF4D4D" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-262144-path"></rect><path d="M8.85 16L11.13 7.24H12.582L14.85 16H13.758L13.182 13.672H10.53L9.954 16H8.85ZM10.746 12.76H12.954L12.282 10.06C12.154 9.548 12.054 9.12 11.982 8.776C11.91 8.432 11.866 8.208 11.85 8.104C11.834 8.208 11.79 8.432 11.718 8.776C11.646 9.12 11.546 9.544 11.418 10.048L10.746 12.76Z" fill="var(--color-text)" id="icon-262144-text"></path></svg><span>_mc</span></a>
|
|
43
|
+
<a href="microcomponents.MC.html#target" class="tsd-index-link tsd-kind-accessor tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-262144-path"></use><use href="#icon-262144-text"></use></svg><span>target</span></a>
|
|
44
|
+
</div></section>
|
|
45
|
+
<section class="tsd-index-section">
|
|
55
46
|
<h3 class="tsd-index-heading">Methods</h3>
|
|
56
47
|
<div class="tsd-index-list"><a href="microcomponents.MC.html#add" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><rect fill="var(--color-icon-background)" stroke="#FF4DB8" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="12" id="icon-2048-path"></rect><path d="M9.162 16V7.24H10.578L11.514 10.072C11.602 10.328 11.674 10.584 11.73 10.84C11.794 11.088 11.842 11.28 11.874 11.416C11.906 11.28 11.954 11.088 12.018 10.84C12.082 10.584 12.154 10.324 12.234 10.06L13.122 7.24H14.538V16H13.482V12.82C13.482 12.468 13.49 12.068 13.506 11.62C13.53 11.172 13.558 10.716 13.59 10.252C13.622 9.78 13.654 9.332 13.686 8.908C13.726 8.476 13.762 8.1 13.794 7.78L12.366 12.16H11.334L9.894 7.78C9.934 8.092 9.97 8.456 10.002 8.872C10.042 9.28 10.078 9.716 10.11 10.18C10.142 10.636 10.166 11.092 10.182 11.548C10.206 12.004 10.218 12.428 10.218 12.82V16H9.162Z" fill="var(--color-text)" id="icon-2048-text"></path></svg><span>add</span></a>
|
|
57
48
|
<a href="microcomponents.MC.html#children" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>children</span></a>
|
|
58
49
|
<a href="microcomponents.MC.html#descendants" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>descendants</span></a>
|
|
59
|
-
<a href="microcomponents.MC.html#getMicroComponents" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>get<wbr/>Micro<wbr/>Components</span></a>
|
|
60
|
-
<a href="microcomponents.MC.html#isDOM" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>isDOM</span></a>
|
|
61
50
|
<a href="microcomponents.MC.html#parent" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>parent</span></a>
|
|
62
51
|
<a href="microcomponents.MC.html#parents" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>parents</span></a>
|
|
63
52
|
<a href="microcomponents.MC.html#remove" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>remove</span></a>
|
|
64
53
|
<a href="microcomponents.MC.html#siblings" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>siblings</span></a>
|
|
65
|
-
<a href="microcomponents.MC.html#traverseNodes" class="tsd-index-link tsd-kind-method tsd-parent-kind-class tsd-is-private"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>traverse<wbr/>Nodes</span></a>
|
|
66
54
|
<a href="microcomponents.MC.html#add-2" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>add</span></a>
|
|
67
55
|
<a href="microcomponents.MC.html#remove-2" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>remove</span></a>
|
|
68
56
|
<a href="microcomponents.MC.html#siblings-2" class="tsd-index-link tsd-kind-method tsd-parent-kind-class"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg><span>siblings</span></a>
|
|
@@ -72,188 +60,109 @@ private microcomponents are managed internally.</p>
|
|
|
72
60
|
<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class"><a id="constructor" class="tsd-anchor"></a>
|
|
73
61
|
<h3 class="tsd-anchor-link"><span>constructor</span><a href="#constructor" 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>
|
|
74
62
|
<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
|
|
75
|
-
<li class="tsd-signature tsd-anchor-link" id="constructor.new_MC">new MC<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol"
|
|
63
|
+
<li class="tsd-signature tsd-anchor-link" id="constructor.new_MC">new MC<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span><br/><span> </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="microcomponents.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a><a href="#constructor.new_MC" 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></li>
|
|
76
64
|
<li class="tsd-description">
|
|
77
|
-
<div class="tsd-comment tsd-typography"><p>Constructs an MC instance with a target DOM element.</p>
|
|
78
|
-
</div>
|
|
79
65
|
<div class="tsd-parameters">
|
|
80
66
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
81
67
|
<ul class="tsd-parameter-list">
|
|
82
68
|
<li>
|
|
83
|
-
<h5>target: <span class="tsd-signature-
|
|
69
|
+
<h5>target: <span class="tsd-signature-symbol">{ </span><br/><span> </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span></h5>
|
|
70
|
+
<ul class="tsd-parameters">
|
|
71
|
+
<li class="tsd-parameter-index-signature">
|
|
72
|
+
<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">any</span></h5></li></ul></li></ul></div>
|
|
84
73
|
<h4 class="tsd-returns-title">Returns <a href="microcomponents.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
|
|
85
74
|
<ul>
|
|
86
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
75
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L60">microcomponents.ts:60</a></li></ul></aside></li></ul></section></section>
|
|
87
76
|
<section class="tsd-panel-group tsd-member-group">
|
|
88
77
|
<h2>Properties</h2>
|
|
89
|
-
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="
|
|
90
|
-
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-
|
|
91
|
-
<div class="tsd-signature"
|
|
78
|
+
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="__mc" class="tsd-anchor"></a>
|
|
79
|
+
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>#_<wbr/>mc</span><a href="#__mc" 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>
|
|
80
|
+
<div class="tsd-signature">#_<wbr/>mc<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span> </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = {}</span></div>
|
|
92
81
|
<div class="tsd-type-declaration">
|
|
93
82
|
<h4>Type declaration</h4>
|
|
94
83
|
<ul class="tsd-parameters">
|
|
95
84
|
<li class="tsd-parameter-index-signature">
|
|
96
85
|
<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">any</span></h5></li></ul></div><aside class="tsd-sources">
|
|
97
86
|
<ul>
|
|
98
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
99
|
-
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="
|
|
100
|
-
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span
|
|
101
|
-
<div class="tsd-signature"
|
|
87
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L56">microcomponents.ts:56</a></li></ul></aside></section>
|
|
88
|
+
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="_target" class="tsd-anchor"></a>
|
|
89
|
+
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>#target</span><a href="#_target" 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>
|
|
90
|
+
<div class="tsd-signature">#target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span><br/><span> </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span><span class="tsd-signature-symbol"> = {}</span></div>
|
|
102
91
|
<div class="tsd-type-declaration">
|
|
103
92
|
<h4>Type declaration</h4>
|
|
104
93
|
<ul class="tsd-parameters">
|
|
105
94
|
<li class="tsd-parameter-index-signature">
|
|
106
95
|
<h5><span class="tsd-signature-symbol">[</span>key: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]: </span><span class="tsd-signature-type">any</span></h5></li></ul></div><aside class="tsd-sources">
|
|
107
96
|
<ul>
|
|
108
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
109
|
-
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="target" class="tsd-anchor"></a>
|
|
110
|
-
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>target</span><a href="#target" 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>
|
|
111
|
-
<div class="tsd-signature">target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span><br/><span> </span>[key: <span class="tsd-signature-type">string</span>]<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span><br/><span class="tsd-signature-symbol">}</span></div><aside class="tsd-sources">
|
|
112
|
-
<ul>
|
|
113
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/cb1aec4/src/microcomponents.ts#L115">src/microcomponents.ts:115</a></li></ul></aside></section>
|
|
97
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L54">microcomponents.ts:54</a></li></ul></aside></section>
|
|
114
98
|
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="debug" class="tsd-anchor"></a>
|
|
115
99
|
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>debug</span><a href="#debug" 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>
|
|
116
100
|
<div class="tsd-signature">debug<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div><aside class="tsd-sources">
|
|
117
101
|
<ul>
|
|
118
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
102
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L58">microcomponents.ts:58</a></li></ul></aside></section></section>
|
|
103
|
+
<section class="tsd-panel-group tsd-member-group">
|
|
104
|
+
<h2>Accessors</h2>
|
|
105
|
+
<section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="_mc" class="tsd-anchor"></a>
|
|
106
|
+
<h3 class="tsd-anchor-link"><span>_mc</span><a href="#_mc" 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>
|
|
107
|
+
<ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class">
|
|
108
|
+
<li class="tsd-signature" id="_mc._mc-1"><span class="tsd-signature-symbol">get</span> _mc<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
|
|
109
|
+
<li class="tsd-description">
|
|
110
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
|
|
111
|
+
<ul>
|
|
112
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L65">microcomponents.ts:65</a></li></ul></aside></li></ul></section>
|
|
113
|
+
<section class="tsd-panel tsd-member tsd-kind-accessor tsd-parent-kind-class"><a id="target" class="tsd-anchor"></a>
|
|
114
|
+
<h3 class="tsd-anchor-link"><span>target</span><a href="#target" 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>
|
|
115
|
+
<ul class="tsd-signatures tsd-kind-accessor tsd-parent-kind-class">
|
|
116
|
+
<li class="tsd-signature" id="target.target-1"><span class="tsd-signature-symbol">get</span> target<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span></li>
|
|
117
|
+
<li class="tsd-description">
|
|
118
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
|
|
119
|
+
<ul>
|
|
120
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L70">microcomponents.ts:70</a></li></ul></aside></li></ul></section></section>
|
|
119
121
|
<section class="tsd-panel-group tsd-member-group">
|
|
120
122
|
<h2>Methods</h2>
|
|
121
123
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add" class="tsd-anchor"></a>
|
|
122
124
|
<h3 class="tsd-anchor-link"><span>add</span><a href="#add" 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>
|
|
123
125
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
124
|
-
<li class="tsd-signature tsd-anchor-link" id="add.add-1">add<span class="tsd-signature-symbol">(</span>key<span class="tsd-signature-symbol"
|
|
126
|
+
<li class="tsd-signature tsd-anchor-link" id="add.add-1">add<span class="tsd-signature-symbol">(</span>key<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span>, target<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><a href="#add.add-1" 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></li>
|
|
125
127
|
<li class="tsd-description">
|
|
126
|
-
<div class="tsd-comment tsd-typography"><p>adds a microcomponent to the private collection.</p>
|
|
127
|
-
|
|
128
|
-
<h3>Name</h3><p>add</p>
|
|
129
|
-
|
|
130
|
-
<h3>Instance</h3>
|
|
131
|
-
<h3>Function</h3>
|
|
132
|
-
<h3>Returns</h3><p>The added microcomponent.</p>
|
|
133
|
-
|
|
134
|
-
<h3>Example</h3><pre><code class="language-ts"><span class="hl-3">const</span><span class="hl-4"> </span><span class="hl-7">privateComp</span><span class="hl-4"> = </span><span class="hl-3">this</span><span class="hl-4">.</span><span class="hl-8">add</span><span class="hl-4">(</span><span class="hl-9">'privateComponent'</span><span class="hl-4">, {});</span>
|
|
135
|
-
</code></pre>
|
|
136
|
-
</div>
|
|
137
128
|
<div class="tsd-parameters">
|
|
138
129
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
139
130
|
<ul class="tsd-parameter-list">
|
|
140
131
|
<li>
|
|
141
|
-
<h5
|
|
142
|
-
<div class="tsd-comment tsd-typography"><p>The key to identify the microcomponent.</p>
|
|
143
|
-
</div></li>
|
|
132
|
+
<h5>key: <span class="tsd-signature-type">string</span></h5></li>
|
|
144
133
|
<li>
|
|
145
|
-
<h5
|
|
146
|
-
<
|
|
147
|
-
</
|
|
134
|
+
<h5>element: <span class="tsd-signature-type">any</span></h5></li>
|
|
135
|
+
<li>
|
|
136
|
+
<h5><code class="tsd-tag ts-flagOptional">Optional</code> target: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul></div>
|
|
148
137
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
|
|
149
138
|
<ul>
|
|
150
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
139
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L133">microcomponents.ts:133</a></li></ul></aside></li></ul></section>
|
|
151
140
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="children" class="tsd-anchor"></a>
|
|
152
141
|
<h3 class="tsd-anchor-link"><span>children</span><a href="#children" 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>
|
|
153
142
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
154
143
|
<li class="tsd-signature tsd-anchor-link" id="children.children-1">children<span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#children.children-1" 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></li>
|
|
155
144
|
<li class="tsd-description">
|
|
156
|
-
<div class="tsd-comment tsd-typography"><p>retrieves nearest child _mc DOM nodes, gets their matching microcomponents, and stops there.</p>
|
|
157
|
-
|
|
158
|
-
<h3>Name</h3><p>children</p>
|
|
159
|
-
|
|
160
|
-
<h3>Instance</h3>
|
|
161
|
-
<h3>Function</h3>
|
|
162
|
-
<h3>Returns</h3><p>An array of matching child microcomponents.</p>
|
|
163
|
-
|
|
164
|
-
<h3>Example</h3><pre><code class="language-ts"><span class="hl-3">const</span><span class="hl-4"> </span><span class="hl-7">children</span><span class="hl-4"> = </span><span class="hl-6">mcInstance</span><span class="hl-4">.</span><span class="hl-8">children</span><span class="hl-4">(</span><span class="hl-9">'childComponent'</span><span class="hl-4">);</span>
|
|
165
|
-
</code></pre>
|
|
166
|
-
</div>
|
|
167
145
|
<div class="tsd-parameters">
|
|
168
146
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
169
147
|
<ul class="tsd-parameter-list">
|
|
170
148
|
<li>
|
|
171
|
-
<h5
|
|
172
|
-
<div class="tsd-comment tsd-typography"><p>The key of the specific microcomponent.</p>
|
|
173
|
-
</div></li></ul></div>
|
|
149
|
+
<h5>search: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ''</span></h5></li></ul></div>
|
|
174
150
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
175
151
|
<ul>
|
|
176
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
152
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L195">microcomponents.ts:195</a></li></ul></aside></li></ul></section>
|
|
177
153
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="descendants" class="tsd-anchor"></a>
|
|
178
154
|
<h3 class="tsd-anchor-link"><span>descendants</span><a href="#descendants" 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>
|
|
179
155
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
180
156
|
<li class="tsd-signature tsd-anchor-link" id="descendants.descendants-1">descendants<span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#descendants.descendants-1" 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></li>
|
|
181
157
|
<li class="tsd-description">
|
|
182
|
-
<div class="tsd-comment tsd-typography"><p>retrieves all decendant _mc DOM nodes and gets their matching microcomponents.</p>
|
|
183
|
-
|
|
184
|
-
<h3>Name</h3><p>children</p>
|
|
185
|
-
|
|
186
|
-
<h3>Instance</h3>
|
|
187
|
-
<h3>Function</h3>
|
|
188
|
-
<h3>Returns</h3><p>An array of matching descendant microcomponents.</p>
|
|
189
|
-
|
|
190
|
-
<h3>Example</h3><pre><code class="language-ts"><span class="hl-3">const</span><span class="hl-4"> </span><span class="hl-7">descendants</span><span class="hl-4"> = </span><span class="hl-6">mcInstance</span><span class="hl-4">.</span><span class="hl-8">descendants</span><span class="hl-4">(</span><span class="hl-9">'descendantComponent'</span><span class="hl-4">);</span>
|
|
191
|
-
</code></pre>
|
|
192
|
-
</div>
|
|
193
158
|
<div class="tsd-parameters">
|
|
194
159
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
195
160
|
<ul class="tsd-parameter-list">
|
|
196
161
|
<li>
|
|
197
|
-
<h5
|
|
198
|
-
<div class="tsd-comment tsd-typography"><p>The key of the specific microcomponent.</p>
|
|
199
|
-
</div></li></ul></div>
|
|
162
|
+
<h5>search: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ''</span></h5></li></ul></div>
|
|
200
163
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
201
164
|
<ul>
|
|
202
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
203
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="getMicroComponents" class="tsd-anchor"></a>
|
|
204
|
-
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>get<wbr/>Micro<wbr/>Components</span><a href="#getMicroComponents" 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>
|
|
205
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
206
|
-
<li class="tsd-signature tsd-anchor-link" id="getMicroComponents.getMicroComponents-1">get<wbr/>Micro<wbr/>Components<span class="tsd-signature-symbol">(</span>elements<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span>, search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#getMicroComponents.getMicroComponents-1" 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></li>
|
|
207
|
-
<li class="tsd-description"><code class="tsd-tag ts-flagPrivate">Private</code>
|
|
208
|
-
<div class="tsd-comment tsd-typography"><p>returns top level microcomponents from a list of HTMLElements.</p>
|
|
209
|
-
|
|
210
|
-
<h3>Name</h3><p>getMicroComponents</p>
|
|
211
|
-
|
|
212
|
-
<h3>Instance</h3>
|
|
213
|
-
<h3>Function</h3><ul>
|
|
214
|
-
<li></li>
|
|
215
|
-
</ul>
|
|
216
|
-
|
|
217
|
-
<h3>Returns</h3><p>An array of microcomponents.</p>
|
|
218
|
-
</div>
|
|
219
|
-
<div class="tsd-parameters">
|
|
220
|
-
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
221
|
-
<ul class="tsd-parameter-list">
|
|
222
|
-
<li>
|
|
223
|
-
<h5>elements: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h5>
|
|
224
|
-
<div class="tsd-comment tsd-typography"><p>The elements to search for microcomponents.
|
|
225
|
-
*</p>
|
|
226
|
-
</div></li>
|
|
227
|
-
<li>
|
|
228
|
-
<h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5>
|
|
229
|
-
<div class="tsd-comment tsd-typography"><p>The key of the specific microcomponent.
|
|
230
|
-
*</p>
|
|
231
|
-
</div></li></ul></div>
|
|
232
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
233
|
-
<ul>
|
|
234
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/cb1aec4/src/microcomponents.ts#L202">src/microcomponents.ts:202</a></li></ul></aside></li></ul></section>
|
|
235
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="isDOM" class="tsd-anchor"></a>
|
|
236
|
-
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>isDOM</span><a href="#isDOM" 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>
|
|
237
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
238
|
-
<li class="tsd-signature tsd-anchor-link" id="isDOM.isDOM-1">isDOM<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><a href="#isDOM.isDOM-1" 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></li>
|
|
239
|
-
<li class="tsd-description"><code class="tsd-tag ts-flagPrivate">Private</code>
|
|
240
|
-
<div class="tsd-comment tsd-typography"><p>returns true if the element is an instance of HTMLElement.</p>
|
|
241
|
-
|
|
242
|
-
<h3>Instance</h3>
|
|
243
|
-
<h3>Function</h3>
|
|
244
|
-
<h3>Name</h3><p>isDOM</p>
|
|
245
|
-
|
|
246
|
-
<h3>Returns</h3></div>
|
|
247
|
-
<div class="tsd-parameters">
|
|
248
|
-
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
249
|
-
<ul class="tsd-parameter-list">
|
|
250
|
-
<li>
|
|
251
|
-
<h5>element: <span class="tsd-signature-type">any</span></h5>
|
|
252
|
-
<div class="tsd-comment tsd-typography"><p>The element to check.</p>
|
|
253
|
-
</div></li></ul></div>
|
|
254
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
|
|
255
|
-
<ul>
|
|
256
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/cb1aec4/src/microcomponents.ts#L265">src/microcomponents.ts:265</a></li></ul></aside></li></ul></section>
|
|
165
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L209">microcomponents.ts:209</a></li></ul></aside></li></ul></section>
|
|
257
166
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parent" class="tsd-anchor"></a>
|
|
258
167
|
<h3 class="tsd-anchor-link"><span>parent</span><a href="#parent" 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>
|
|
259
168
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
@@ -263,126 +172,55 @@ private microcomponents are managed internally.</p>
|
|
|
263
172
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
264
173
|
<ul class="tsd-parameter-list">
|
|
265
174
|
<li>
|
|
266
|
-
<h5
|
|
175
|
+
<h5>search: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ''</span></h5></li></ul></div>
|
|
267
176
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
268
177
|
<ul>
|
|
269
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
178
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L181">microcomponents.ts:181</a></li></ul></aside></li></ul></section>
|
|
270
179
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parents" class="tsd-anchor"></a>
|
|
271
180
|
<h3 class="tsd-anchor-link"><span>parents</span><a href="#parents" 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>
|
|
272
181
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
273
182
|
<li class="tsd-signature tsd-anchor-link" id="parents.parents-1">parents<span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#parents.parents-1" 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></li>
|
|
274
183
|
<li class="tsd-description">
|
|
275
|
-
<div class="tsd-comment tsd-typography"><p>retrieves the first ancestor DOM node with a matching microcomponent.</p>
|
|
276
|
-
|
|
277
|
-
<h3>Name</h3><p>parents</p>
|
|
278
|
-
|
|
279
|
-
<h3>Instance</h3>
|
|
280
|
-
<h3>Function</h3>
|
|
281
|
-
<h3>Returns</h3><p>An array of matching ancestor microcomponents.</p>
|
|
282
|
-
|
|
283
|
-
<h3>Example</h3><pre><code class="language-ts"><span class="hl-3">const</span><span class="hl-4"> </span><span class="hl-7">parents</span><span class="hl-4"> = </span><span class="hl-6">mcInstance</span><span class="hl-4">.</span><span class="hl-8">parents</span><span class="hl-4">(</span><span class="hl-9">'ancestorComponent'</span><span class="hl-4">);</span>
|
|
284
|
-
</code></pre>
|
|
285
|
-
</div>
|
|
286
184
|
<div class="tsd-parameters">
|
|
287
185
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
288
186
|
<ul class="tsd-parameter-list">
|
|
289
187
|
<li>
|
|
290
|
-
<h5
|
|
291
|
-
<div class="tsd-comment tsd-typography"><p>The key of the specific microcomponent.</p>
|
|
292
|
-
</div></li></ul></div>
|
|
188
|
+
<h5>search: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ''</span></h5></li></ul></div>
|
|
293
189
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
294
190
|
<ul>
|
|
295
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
191
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L188">microcomponents.ts:188</a></li></ul></aside></li></ul></section>
|
|
296
192
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove" class="tsd-anchor"></a>
|
|
297
193
|
<h3 class="tsd-anchor-link"><span>remove</span><a href="#remove" 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>
|
|
298
194
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
299
|
-
<li class="tsd-signature tsd-anchor-link" id="remove.remove-1">remove<span class="tsd-signature-symbol">(</span>key<span class="tsd-signature-symbol"
|
|
195
|
+
<li class="tsd-signature tsd-anchor-link" id="remove.remove-1">remove<span class="tsd-signature-symbol">(</span>key<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, target<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#remove.remove-1" 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></li>
|
|
300
196
|
<li class="tsd-description">
|
|
301
|
-
<div class="tsd-comment tsd-typography"><p>removes a microcomponent from the private collection.</p>
|
|
302
|
-
|
|
303
|
-
<h3>Name</h3><p>remove</p>
|
|
304
|
-
|
|
305
|
-
<h3>Instance</h3>
|
|
306
|
-
<h3>Function</h3>
|
|
307
|
-
<h3>Example</h3><pre><code class="language-ts"><span class="hl-3">this</span><span class="hl-4">.</span><span class="hl-8">remove</span><span class="hl-4">(</span><span class="hl-9">'privateComponent'</span><span class="hl-4">);</span>
|
|
308
|
-
</code></pre>
|
|
309
|
-
</div>
|
|
310
197
|
<div class="tsd-parameters">
|
|
311
198
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
312
199
|
<ul class="tsd-parameter-list">
|
|
313
200
|
<li>
|
|
314
|
-
<h5
|
|
315
|
-
<
|
|
316
|
-
</
|
|
201
|
+
<h5>key: <span class="tsd-signature-type">string</span></h5></li>
|
|
202
|
+
<li>
|
|
203
|
+
<h5><code class="tsd-tag ts-flagOptional">Optional</code> target: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul></div>
|
|
317
204
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
318
205
|
<ul>
|
|
319
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
206
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L149">microcomponents.ts:149</a></li></ul></aside></li></ul></section>
|
|
320
207
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="siblings" class="tsd-anchor"></a>
|
|
321
208
|
<h3 class="tsd-anchor-link"><span>siblings</span><a href="#siblings" 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>
|
|
322
209
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
323
210
|
<li class="tsd-signature tsd-anchor-link" id="siblings.siblings-1">siblings<span class="tsd-signature-symbol">(</span>search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#siblings.siblings-1" 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></li>
|
|
324
211
|
<li class="tsd-description">
|
|
325
|
-
<div class="tsd-comment tsd-typography"><p>removes a microcomponent from the private collection.</p>
|
|
326
|
-
|
|
327
|
-
<h3>Name</h3><p>siblings</p>
|
|
328
|
-
|
|
329
|
-
<h3>Instance</h3>
|
|
330
|
-
<h3>Function</h3><ul>
|
|
331
|
-
<li></li>
|
|
332
|
-
</ul>
|
|
333
|
-
|
|
334
|
-
<h3>Returns</h3><p>An array of matching sibling microcomponents.
|
|
335
|
-
*</p>
|
|
336
|
-
|
|
337
|
-
<h3>Example</h3><pre><code class="language-ts"><span class="hl-4">* </span><span class="hl-3">const</span><span class="hl-4"> </span><span class="hl-7">siblings</span><span class="hl-4"> = </span><span class="hl-3">this</span><span class="hl-4">.</span><span class="hl-8">siblings</span><span class="hl-4">(</span><span class="hl-9">'siblingComponent'</span><span class="hl-4">);</span>
|
|
338
|
-
</code></pre>
|
|
339
|
-
</div>
|
|
340
|
-
<div class="tsd-parameters">
|
|
341
|
-
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
342
|
-
<ul class="tsd-parameter-list">
|
|
343
|
-
<li>
|
|
344
|
-
<h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5>
|
|
345
|
-
<div class="tsd-comment tsd-typography"><p>The key of the specific microcomponent.
|
|
346
|
-
*</p>
|
|
347
|
-
</div></li></ul></div>
|
|
348
|
-
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
349
|
-
<ul>
|
|
350
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/cb1aec4/src/microcomponents.ts#L312">src/microcomponents.ts:312</a></li></ul></aside></li></ul></section>
|
|
351
|
-
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="traverseNodes" class="tsd-anchor"></a>
|
|
352
|
-
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagPrivate">Private</code> <span>traverse<wbr/>Nodes</span><a href="#traverseNodes" 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>
|
|
353
|
-
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
|
|
354
|
-
<li class="tsd-signature tsd-anchor-link" id="traverseNodes.traverseNodes-1">traverse<wbr/>Nodes<span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Node</span>, search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span>, firstonly<span class="tsd-signature-symbol">??: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#traverseNodes.traverseNodes-1" 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></li>
|
|
355
|
-
<li class="tsd-description"><code class="tsd-tag ts-flagPrivate">Private</code>
|
|
356
|
-
<div class="tsd-comment tsd-typography"><p>returns ancestor MCs</p>
|
|
357
|
-
|
|
358
|
-
<h3>Name</h3><p>traverseNodes</p>
|
|
359
|
-
|
|
360
|
-
<h3>Instance</h3>
|
|
361
|
-
<h3>Function</h3>
|
|
362
|
-
<h3>Returns</h3><p>An array of matching microcomponents.</p>
|
|
363
|
-
</div>
|
|
364
212
|
<div class="tsd-parameters">
|
|
365
213
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
366
214
|
<ul class="tsd-parameter-list">
|
|
367
215
|
<li>
|
|
368
|
-
<h5>
|
|
369
|
-
<div class="tsd-comment tsd-typography"><p>The starting DOM node.</p>
|
|
370
|
-
</div></li>
|
|
371
|
-
<li>
|
|
372
|
-
<h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5>
|
|
373
|
-
<div class="tsd-comment tsd-typography"><p>The key of the specific microcomponent.</p>
|
|
374
|
-
</div></li>
|
|
375
|
-
<li>
|
|
376
|
-
<h5><code class="tsd-tag ts-flagOptional">Optional</code> firstonly: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5>
|
|
377
|
-
<div class="tsd-comment tsd-typography"><p>If true, returns the first match only.</p>
|
|
378
|
-
</div></li></ul></div>
|
|
216
|
+
<h5>search: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ''</span></h5></li></ul></div>
|
|
379
217
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
380
218
|
<ul>
|
|
381
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
219
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L166">microcomponents.ts:166</a></li></ul></aside></li></ul></section>
|
|
382
220
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add-2" class="tsd-anchor"></a>
|
|
383
221
|
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>add</span><a href="#add-2" 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>
|
|
384
222
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
385
|
-
<li class="tsd-signature tsd-anchor-link" id="add-2.add-3">add<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, key<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, element<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-
|
|
223
|
+
<li class="tsd-signature tsd-anchor-link" id="add-2.add-3">add<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span>, key<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, element<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">any</span><a href="#add-2.add-3" 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></li>
|
|
386
224
|
<li class="tsd-description">
|
|
387
225
|
<div class="tsd-parameters">
|
|
388
226
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
@@ -392,40 +230,41 @@ private microcomponents are managed internally.</p>
|
|
|
392
230
|
<li>
|
|
393
231
|
<h5>key: <span class="tsd-signature-type">string</span></h5></li>
|
|
394
232
|
<li>
|
|
395
|
-
<h5>element: <span class="tsd-signature-
|
|
396
|
-
<
|
|
233
|
+
<h5>element: <span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol"> = {}</span></h5>
|
|
234
|
+
<ul class="tsd-parameters"></ul></li></ul></div>
|
|
235
|
+
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
|
|
397
236
|
<ul>
|
|
398
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
237
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L92">microcomponents.ts:92</a></li></ul></aside></li></ul></section>
|
|
399
238
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove-2" class="tsd-anchor"></a>
|
|
400
239
|
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>remove</span><a href="#remove-2" 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>
|
|
401
240
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
402
|
-
<li class="tsd-signature tsd-anchor-link" id="remove-2.remove-3">remove<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">
|
|
241
|
+
<li class="tsd-signature tsd-anchor-link" id="remove-2.remove-3">remove<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElementMC</span>, key<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><a href="#remove-2.remove-3" 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></li>
|
|
403
242
|
<li class="tsd-description">
|
|
404
243
|
<div class="tsd-parameters">
|
|
405
244
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
406
245
|
<ul class="tsd-parameter-list">
|
|
407
246
|
<li>
|
|
408
|
-
<h5>target: <span class="tsd-signature-type">
|
|
247
|
+
<h5>target: <span class="tsd-signature-type">HTMLElementMC</span></h5></li>
|
|
409
248
|
<li>
|
|
410
249
|
<h5>key: <span class="tsd-signature-type">string</span></h5></li></ul></div>
|
|
411
250
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
|
|
412
251
|
<ul>
|
|
413
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
252
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L115">microcomponents.ts:115</a></li></ul></aside></li></ul></section>
|
|
414
253
|
<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="siblings-2" class="tsd-anchor"></a>
|
|
415
254
|
<h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <span>siblings</span><a href="#siblings-2" 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>
|
|
416
255
|
<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
|
|
417
|
-
<li class="tsd-signature tsd-anchor-link" id="siblings-2.siblings-3">siblings<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">
|
|
256
|
+
<li class="tsd-signature tsd-anchor-link" id="siblings-2.siblings-3">siblings<span class="tsd-signature-symbol">(</span>target<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElementMC</span>, search<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span><a href="#siblings-2.siblings-3" 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></li>
|
|
418
257
|
<li class="tsd-description">
|
|
419
258
|
<div class="tsd-parameters">
|
|
420
259
|
<h4 class="tsd-parameters-title">Parameters</h4>
|
|
421
260
|
<ul class="tsd-parameter-list">
|
|
422
261
|
<li>
|
|
423
|
-
<h5>target: <span class="tsd-signature-type">
|
|
262
|
+
<h5>target: <span class="tsd-signature-type">HTMLElementMC</span></h5></li>
|
|
424
263
|
<li>
|
|
425
|
-
<h5
|
|
264
|
+
<h5>search: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = ''</span></h5></li></ul></div>
|
|
426
265
|
<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
|
|
427
266
|
<ul>
|
|
428
|
-
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/
|
|
267
|
+
<li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/f72dc84/src/microcomponents.ts#L75">microcomponents.ts:75</a></li></ul></aside></li></ul></section></section></div>
|
|
429
268
|
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
|
|
430
269
|
<div class="tsd-navigation settings">
|
|
431
270
|
<details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
|
|
@@ -454,20 +293,18 @@ private microcomponents are managed internally.</p>
|
|
|
454
293
|
<li class="current tsd-kind-class tsd-parent-kind-module"><a href="microcomponents.MC.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-class)" stroke-width="1.5" x="1" y="1" width="22" height="22" rx="6" id="icon-128-path"></rect><path d="M11.898 16.1201C11.098 16.1201 10.466 15.8961 10.002 15.4481C9.53803 15.0001 9.30603 14.3841 9.30603 13.6001V9.64012C9.30603 8.85612 9.53803 8.24012 10.002 7.79212C10.466 7.34412 11.098 7.12012 11.898 7.12012C12.682 7.12012 13.306 7.34812 13.77 7.80412C14.234 8.25212 14.466 8.86412 14.466 9.64012H13.386C13.386 9.14412 13.254 8.76412 12.99 8.50012C12.734 8.22812 12.37 8.09212 11.898 8.09212C11.426 8.09212 11.054 8.22412 10.782 8.48812C10.518 8.75212 10.386 9.13212 10.386 9.62812V13.6001C10.386 14.0961 10.518 14.4801 10.782 14.7521C11.054 15.0161 11.426 15.1481 11.898 15.1481C12.37 15.1481 12.734 15.0161 12.99 14.7521C13.254 14.4801 13.386 14.0961 13.386 13.6001H14.466C14.466 14.3761 14.234 14.9921 13.77 15.4481C13.306 15.8961 12.682 16.1201 11.898 16.1201Z" fill="var(--color-text)" id="icon-128-text"></path></svg><span>MC</span></a>
|
|
455
294
|
<ul>
|
|
456
295
|
<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="microcomponents.MC.html#constructor" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-512-path"></use><use href="#icon-512-text"></use></svg>constructor</a></li>
|
|
457
|
-
<li class="tsd-kind-property tsd-parent-kind-class"><a href="microcomponents.MC.html#
|
|
458
|
-
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#
|
|
459
|
-
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#target" 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>target</a></li>
|
|
296
|
+
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#__mc" 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>#_<wbr/>mc</a></li>
|
|
297
|
+
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#_target" 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>#target</a></li>
|
|
460
298
|
<li class="tsd-kind-property tsd-parent-kind-class"><a href="microcomponents.MC.html#debug" 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>debug</a></li>
|
|
299
|
+
<li class="tsd-kind-accessor tsd-parent-kind-class"><a href="microcomponents.MC.html#_mc" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-262144-path"></use><use href="#icon-262144-text"></use></svg>_mc</a></li>
|
|
300
|
+
<li class="tsd-kind-accessor tsd-parent-kind-class"><a href="microcomponents.MC.html#target" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-262144-path"></use><use href="#icon-262144-text"></use></svg>target</a></li>
|
|
461
301
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#add" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>add</a></li>
|
|
462
302
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#children" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>children</a></li>
|
|
463
303
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#descendants" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>descendants</a></li>
|
|
464
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#getMicroComponents" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>get<wbr/>Micro<wbr/>Components</a></li>
|
|
465
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#isDOM" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>isDOM</a></li>
|
|
466
304
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#parent" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>parent</a></li>
|
|
467
305
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#parents" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>parents</a></li>
|
|
468
306
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#remove" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>remove</a></li>
|
|
469
307
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#siblings" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>siblings</a></li>
|
|
470
|
-
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><a href="microcomponents.MC.html#traverseNodes" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>traverse<wbr/>Nodes</a></li>
|
|
471
308
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#add-2" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>add</a></li>
|
|
472
309
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#remove-2" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>remove</a></li>
|
|
473
310
|
<li class="tsd-kind-method tsd-parent-kind-class"><a href="microcomponents.MC.html#siblings-2" class="tsd-index-link"><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24"><use href="#icon-2048-path"></use><use href="#icon-2048-text"></use></svg>siblings</a></li></ul></li></ul></nav></div></div>
|