@twobirds/microcomponents 0.0.1 → 0.0.2

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.
Files changed (34) hide show
  1. package/.gitlab-ci.yml +16 -0
  2. package/README.md +10 -6
  3. package/assets/fiddle/MicroComponents.svg +15 -0
  4. package/assets/fiddle/fiddle.css +0 -0
  5. package/assets/fiddle/fiddle.js +0 -0
  6. package/assets/fiddle/index.html +0 -0
  7. package/assets/index.html +11 -0
  8. package/dist/microcomponents.d.ts +2 -1
  9. package/dist/microcomponents.d.ts.map +1 -1
  10. package/dist/microcomponents.js +47 -22
  11. package/dist/microcomponents.min.js +18 -11
  12. package/dist/microcomponents.ts +196 -0
  13. package/package.json +27 -6
  14. package/public/docs/assets/search.js +1 -0
  15. package/{docs → public/docs}/classes/microcomponents.MC.html +38 -23
  16. package/{docs → public/docs}/classes/microcomponents_es3.MC.html +16 -16
  17. package/{docs → public/docs}/functions/microcomponents_es3.__isEmpty.html +5 -5
  18. package/{docs → public/docs}/index.html +14 -9
  19. package/{docs → public/docs}/interfaces/microcomponents.HTMLElementMc.html +6 -6
  20. package/{docs → public/docs}/modules/microcomponents.html +5 -5
  21. package/{docs → public/docs}/modules/microcomponents_es3.html +4 -4
  22. package/{docs → public/docs}/modules.html +5 -5
  23. package/public/fiddle/MicroComponents.svg +15 -0
  24. package/public/fiddle/fiddle.css +0 -0
  25. package/public/fiddle/fiddle.js +0 -0
  26. package/public/fiddle/index.html +0 -0
  27. package/public/index.html +11 -0
  28. package/src/microcomponents.ts +53 -26
  29. package/typedoc.json +3 -3
  30. package/docs/assets/search.js +0 -1
  31. /package/{docs → public/docs}/.nojekyll +0 -0
  32. /package/{docs → public/docs}/assets/highlight.css +0 -0
  33. /package/{docs → public/docs}/assets/main.js +0 -0
  34. /package/{docs → public/docs}/assets/style.css +0 -0
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MC | microcomponents</title><meta name="description" content="Documentation for microcomponents"/><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">
1
+ <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MC | Micro Components</title><meta name="description" content="Documentation for Micro Components"/><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">
2
2
  <div class="tsd-toolbar-contents container">
3
3
  <div class="table-cell" id="tsd-search" data-base="..">
4
4
  <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>
@@ -6,13 +6,13 @@
6
6
  <div id="tsd-toolbar-links"></div></div>
7
7
  <ul class="results">
8
8
  <li class="state loading">Preparing search index...</li>
9
- <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">microcomponents</a></div>
9
+ <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Micro Components</a></div>
10
10
  <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>
11
11
  <div class="container container-main">
12
12
  <div class="col-8 col-content">
13
13
  <div class="tsd-page-title">
14
14
  <ul class="tsd-breadcrumb">
15
- <li><a href="../modules.html">microcomponents</a></li>
15
+ <li><a href="../modules.html">Micro Components</a></li>
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>
@@ -21,7 +21,7 @@
21
21
  <ul class="tsd-hierarchy">
22
22
  <li><span class="target">MC</span></li></ul></section><aside class="tsd-sources">
23
23
  <ul>
24
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L2">src/microcomponents.ts:2</a></li></ul></aside>
24
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L2">src/microcomponents.ts:2</a></li></ul></aside>
25
25
  <section class="tsd-panel-group tsd-index-group">
26
26
  <section class="tsd-panel tsd-index-panel">
27
27
  <details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
@@ -43,6 +43,7 @@
43
43
  <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>
44
44
  <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>
45
45
  <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>
46
+ <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>
46
47
  <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>
47
48
  <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>
48
49
  <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>
@@ -65,7 +66,7 @@
65
66
  <h5>target: <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol"> = null</span></h5></li></ul></div>
66
67
  <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">
67
68
  <ul>
68
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L10">src/microcomponents.ts:10</a></li></ul></aside></li></ul></section></section>
69
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L10">src/microcomponents.ts:10</a></li></ul></aside></li></ul></section></section>
69
70
  <section class="tsd-panel-group tsd-member-group">
70
71
  <h2>Properties</h2>
71
72
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="privateMCs" class="tsd-anchor"></a>
@@ -77,17 +78,17 @@
77
78
  <li class="tsd-parameter-index-signature">
78
79
  <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">
79
80
  <ul>
80
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L6">src/microcomponents.ts:6</a></li></ul></aside></section>
81
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L6">src/microcomponents.ts:6</a></li></ul></aside></section>
81
82
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-private"><a id="target" class="tsd-anchor"></a>
82
83
  <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>
83
84
  <div class="tsd-signature">target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">HTMLElement</span></div><aside class="tsd-sources">
84
85
  <ul>
85
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L4">src/microcomponents.ts:4</a></li></ul></aside></section>
86
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L4">src/microcomponents.ts:4</a></li></ul></aside></section>
86
87
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="debug" class="tsd-anchor"></a>
87
88
  <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>
88
89
  <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">
89
90
  <ul>
90
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L8">src/microcomponents.ts:8</a></li></ul></aside></section></section>
91
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L8">src/microcomponents.ts:8</a></li></ul></aside></section></section>
91
92
  <section class="tsd-panel-group tsd-member-group">
92
93
  <h2>Methods</h2>
93
94
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add" class="tsd-anchor"></a>
@@ -106,7 +107,7 @@
106
107
  <h5><code class="tsd-tag ts-flagOptional">Optional</code> target: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul></div>
107
108
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
108
109
  <ul>
109
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L39">src/microcomponents.ts:39</a></li></ul></aside></li></ul></section>
110
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L37">src/microcomponents.ts:37</a></li></ul></aside></li></ul></section>
110
111
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="children" class="tsd-anchor"></a>
111
112
  <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>
112
113
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -119,7 +120,7 @@
119
120
  <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
120
121
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
121
122
  <ul>
122
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L151">src/microcomponents.ts:151</a></li></ul></aside></li></ul></section>
123
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L172">src/microcomponents.ts:172</a></li></ul></aside></li></ul></section>
123
124
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="descendants" class="tsd-anchor"></a>
124
125
  <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>
125
126
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -132,7 +133,7 @@
132
133
  <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
133
134
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
134
135
  <ul>
135
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L161">src/microcomponents.ts:161</a></li></ul></aside></li></ul></section>
136
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L185">src/microcomponents.ts:185</a></li></ul></aside></li></ul></section>
136
137
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="getMicroComponents" class="tsd-anchor"></a>
137
138
  <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>
138
139
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -147,7 +148,20 @@
147
148
  <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
148
149
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
149
150
  <ul>
150
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L88">src/microcomponents.ts:88</a></li></ul></aside></li></ul></section>
151
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L88">src/microcomponents.ts:88</a></li></ul></aside></li></ul></section>
152
+ <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="isDOM" class="tsd-anchor"></a>
153
+ <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>
154
+ <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
155
+ <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>
156
+ <li class="tsd-description">
157
+ <div class="tsd-parameters">
158
+ <h4 class="tsd-parameters-title">Parameters</h4>
159
+ <ul class="tsd-parameter-list">
160
+ <li>
161
+ <h5>element: <span class="tsd-signature-type">any</span></h5></li></ul></div>
162
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
163
+ <ul>
164
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L133">src/microcomponents.ts:133</a></li></ul></aside></li></ul></section>
151
165
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parent" class="tsd-anchor"></a>
152
166
  <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>
153
167
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -160,7 +174,7 @@
160
174
  <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
161
175
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
162
176
  <ul>
163
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L135">src/microcomponents.ts:135</a></li></ul></aside></li></ul></section>
177
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L156">src/microcomponents.ts:156</a></li></ul></aside></li></ul></section>
164
178
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parents" class="tsd-anchor"></a>
165
179
  <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>
166
180
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -173,7 +187,7 @@
173
187
  <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
174
188
  <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
189
  <ul>
176
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L143">src/microcomponents.ts:143</a></li></ul></aside></li></ul></section>
190
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L164">src/microcomponents.ts:164</a></li></ul></aside></li></ul></section>
177
191
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove" class="tsd-anchor"></a>
178
192
  <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>
179
193
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -186,7 +200,7 @@
186
200
  <h5>key: <span class="tsd-signature-type">string</span></h5></li></ul></div>
187
201
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
188
202
  <ul>
189
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L71">src/microcomponents.ts:71</a></li></ul></aside></li></ul></section>
203
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L71">src/microcomponents.ts:71</a></li></ul></aside></li></ul></section>
190
204
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="siblings" class="tsd-anchor"></a>
191
205
  <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>
192
206
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -199,7 +213,7 @@
199
213
  <h5><code class="tsd-tag ts-flagOptional">Optional</code> search: <span class="tsd-signature-type">string</span></h5></li></ul></div>
200
214
  <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
215
  <ul>
202
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L130">src/microcomponents.ts:130</a></li></ul></aside></li></ul></section>
216
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L142">src/microcomponents.ts:142</a></li></ul></aside></li></ul></section>
203
217
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class tsd-is-private"><a id="traverseNodes" class="tsd-anchor"></a>
204
218
  <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>
205
219
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-private">
@@ -216,11 +230,11 @@
216
230
  <h5>firstonly: <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></h5></li></ul></div>
217
231
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
218
232
  <ul>
219
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L106">src/microcomponents.ts:106</a></li></ul></aside></li></ul></section>
233
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L114">src/microcomponents.ts:114</a></li></ul></aside></li></ul></section>
220
234
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add-2" class="tsd-anchor"></a>
221
235
  <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>
222
236
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
223
- <li class="tsd-signature tsd-anchor-link" id="add-2.add-3">add<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</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">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>
237
+ <li class="tsd-signature tsd-anchor-link" id="add-2.add-3">add<span class="tsd-signature-symbol">(</span>element<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</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">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>
224
238
  <li class="tsd-description">
225
239
  <div class="tsd-parameters">
226
240
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -228,12 +242,12 @@
228
242
  <li>
229
243
  <h5>element: <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = {}</span></h5></li>
230
244
  <li>
231
- <h5><code class="tsd-tag ts-flagOptional">Optional</code> key: <span class="tsd-signature-type">string</span></h5></li>
245
+ <h5>key: <span class="tsd-signature-type">string</span></h5></li>
232
246
  <li>
233
- <h5><code class="tsd-tag ts-flagOptional">Optional</code> target: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul></div>
247
+ <h5>target: <span class="tsd-signature-type">HTMLElement</span></h5></li></ul></div>
234
248
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
235
249
  <ul>
236
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L16">src/microcomponents.ts:16</a></li></ul></aside></li></ul></section>
250
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L16">src/microcomponents.ts:16</a></li></ul></aside></li></ul></section>
237
251
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove-2" class="tsd-anchor"></a>
238
252
  <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>
239
253
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -248,7 +262,7 @@
248
262
  <h5>key: <span class="tsd-signature-type">string</span></h5></li></ul></div>
249
263
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><aside class="tsd-sources">
250
264
  <ul>
251
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.ts#L53">src/microcomponents.ts:53</a></li></ul></aside></li></ul></section></section></div>
265
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.ts#L53">src/microcomponents.ts:53</a></li></ul></aside></li></ul></section></section></div>
252
266
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
253
267
  <div class="tsd-navigation settings">
254
268
  <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
@@ -268,7 +282,7 @@
268
282
  <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>
269
283
  <div class="tsd-accordion-details">
270
284
  <ul>
271
- <li class="current"><a href="../modules.html">microcomponents</a>
285
+ <li class="current"><a href="../modules.html">Micro <wbr/>Components</a>
272
286
  <ul>
273
287
  <li class="current tsd-kind-module"><a href="../modules/microcomponents.html">microcomponents</a></li>
274
288
  <li class="tsd-kind-module"><a href="../modules/microcomponents_es3.html">microcomponents.es3</a></li></ul></li></ul></div></details></nav>
@@ -284,6 +298,7 @@
284
298
  <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>
285
299
  <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>
286
300
  <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>
301
+ <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>
287
302
  <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>
288
303
  <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>
289
304
  <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>
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MC | microcomponents</title><meta name="description" content="Documentation for microcomponents"/><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">
1
+ <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>MC | Micro Components</title><meta name="description" content="Documentation for Micro Components"/><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">
2
2
  <div class="tsd-toolbar-contents container">
3
3
  <div class="table-cell" id="tsd-search" data-base="..">
4
4
  <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>
@@ -6,13 +6,13 @@
6
6
  <div id="tsd-toolbar-links"></div></div>
7
7
  <ul class="results">
8
8
  <li class="state loading">Preparing search index...</li>
9
- <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">microcomponents</a></div>
9
+ <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Micro Components</a></div>
10
10
  <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>
11
11
  <div class="container container-main">
12
12
  <div class="col-8 col-content">
13
13
  <div class="tsd-page-title">
14
14
  <ul class="tsd-breadcrumb">
15
- <li><a href="../modules.html">microcomponents</a></li>
15
+ <li><a href="../modules.html">Micro Components</a></li>
16
16
  <li><a href="../modules/microcomponents_es3.html">microcomponents.es3</a></li>
17
17
  <li><a href="microcomponents_es3.MC.html">MC</a></li></ul>
18
18
  <h1>Class MC</h1></div>
@@ -21,9 +21,9 @@
21
21
  <ul class="tsd-hierarchy">
22
22
  <li><span class="target">MC</span></li></ul></section><aside class="tsd-sources">
23
23
  <ul>
24
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li>
25
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li>
26
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside>
24
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li>
25
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li>
26
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside>
27
27
  <section class="tsd-panel-group tsd-index-group">
28
28
  <section class="tsd-panel tsd-index-panel">
29
29
  <details class="tsd-index-content tsd-index-accordion" open><summary class="tsd-accordion-summary tsd-index-summary">
@@ -61,14 +61,14 @@
61
61
  <h5>target: <span class="tsd-signature-type">any</span></h5></li></ul></div>
62
62
  <h4 class="tsd-returns-title">Returns <a href="microcomponents_es3.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
63
63
  <ul>
64
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li></ul></aside></li></ul></section></section>
64
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L13">src/microcomponents.es3.js:13</a></li></ul></aside></li></ul></section></section>
65
65
  <section class="tsd-panel-group tsd-member-group">
66
66
  <h2>Properties</h2>
67
67
  <section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class"><a id="_target" class="tsd-anchor"></a>
68
68
  <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>
69
69
  <div class="tsd-signature">_target<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span></div><aside class="tsd-sources">
70
70
  <ul>
71
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L14">src/microcomponents.es3.js:14</a></li></ul></aside></section></section>
71
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L14">src/microcomponents.es3.js:14</a></li></ul></aside></section></section>
72
72
  <section class="tsd-panel-group tsd-member-group">
73
73
  <h2>Methods</h2>
74
74
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="children" class="tsd-anchor"></a>
@@ -83,7 +83,7 @@
83
83
  <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
84
84
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
85
85
  <ul>
86
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L75">src/microcomponents.es3.js:75</a></li></ul></aside></li></ul></section>
86
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L75">src/microcomponents.es3.js:75</a></li></ul></aside></li></ul></section>
87
87
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="descendants" class="tsd-anchor"></a>
88
88
  <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>
89
89
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -96,7 +96,7 @@
96
96
  <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
97
97
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
98
98
  <ul>
99
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L92">src/microcomponents.es3.js:92</a></li></ul></aside></li></ul></section>
99
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L92">src/microcomponents.es3.js:92</a></li></ul></aside></li></ul></section>
100
100
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parent" class="tsd-anchor"></a>
101
101
  <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>
102
102
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -109,7 +109,7 @@
109
109
  <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
110
110
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span></h4><aside class="tsd-sources">
111
111
  <ul>
112
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L51">src/microcomponents.es3.js:51</a></li></ul></aside></li></ul></section>
112
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L51">src/microcomponents.es3.js:51</a></li></ul></aside></li></ul></section>
113
113
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="parents" class="tsd-anchor"></a>
114
114
  <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>
115
115
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -122,7 +122,7 @@
122
122
  <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
123
123
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
124
124
  <ul>
125
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L63">src/microcomponents.es3.js:63</a></li></ul></aside></li></ul></section>
125
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L63">src/microcomponents.es3.js:63</a></li></ul></aside></li></ul></section>
126
126
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="siblings" class="tsd-anchor"></a>
127
127
  <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>
128
128
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -135,7 +135,7 @@
135
135
  <h5>search: <span class="tsd-signature-type">any</span></h5></li></ul></div>
136
136
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">[]</span></h4><aside class="tsd-sources">
137
137
  <ul>
138
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L35">src/microcomponents.es3.js:35</a></li></ul></aside></li></ul></section>
138
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L35">src/microcomponents.es3.js:35</a></li></ul></aside></li></ul></section>
139
139
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="add" class="tsd-anchor"></a>
140
140
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <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>
141
141
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -152,7 +152,7 @@
152
152
  <h5>element: <span class="tsd-signature-type">any</span></h5></li></ul></div>
153
153
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="microcomponents_es3.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
154
154
  <ul>
155
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li></ul></aside></li></ul></section>
155
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L18">src/microcomponents.es3.js:18</a></li></ul></aside></li></ul></section>
156
156
  <section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class"><a id="remove" class="tsd-anchor"></a>
157
157
  <h3 class="tsd-anchor-link"><code class="tsd-tag ts-flagStatic">Static</code> <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>
158
158
  <ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
@@ -167,7 +167,7 @@
167
167
  <h5>key: <span class="tsd-signature-type">any</span></h5></li></ul></div>
168
168
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">typeof </span><a href="microcomponents_es3.MC.html" class="tsd-signature-type" data-tsd-kind="Class">MC</a></h4><aside class="tsd-sources">
169
169
  <ul>
170
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside></li></ul></section></section></div>
170
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L26">src/microcomponents.es3.js:26</a></li></ul></aside></li></ul></section></section></div>
171
171
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
172
172
  <div class="tsd-navigation settings">
173
173
  <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
@@ -187,7 +187,7 @@
187
187
  <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>
188
188
  <div class="tsd-accordion-details">
189
189
  <ul>
190
- <li class="current"><a href="../modules.html">microcomponents</a>
190
+ <li class="current"><a href="../modules.html">Micro <wbr/>Components</a>
191
191
  <ul>
192
192
  <li class="tsd-kind-module"><a href="../modules/microcomponents.html">microcomponents</a></li>
193
193
  <li class="current tsd-kind-module"><a href="../modules/microcomponents_es3.html">microcomponents.es3</a></li></ul></li></ul></div></details></nav>
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>__isEmpty | microcomponents</title><meta name="description" content="Documentation for microcomponents"/><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">
1
+ <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>__isEmpty | Micro Components</title><meta name="description" content="Documentation for Micro Components"/><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">
2
2
  <div class="tsd-toolbar-contents container">
3
3
  <div class="table-cell" id="tsd-search" data-base="..">
4
4
  <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>
@@ -6,13 +6,13 @@
6
6
  <div id="tsd-toolbar-links"></div></div>
7
7
  <ul class="results">
8
8
  <li class="state loading">Preparing search index...</li>
9
- <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">microcomponents</a></div>
9
+ <li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">Micro Components</a></div>
10
10
  <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>
11
11
  <div class="container container-main">
12
12
  <div class="col-8 col-content">
13
13
  <div class="tsd-page-title">
14
14
  <ul class="tsd-breadcrumb">
15
- <li><a href="../modules.html">microcomponents</a></li>
15
+ <li><a href="../modules.html">Micro Components</a></li>
16
16
  <li><a href="../modules/microcomponents_es3.html">microcomponents.es3</a></li>
17
17
  <li><a href="microcomponents_es3.__isEmpty.html">__isEmpty</a></li></ul>
18
18
  <h1>Function __isEmpty</h1></div>
@@ -27,7 +27,7 @@
27
27
  <h5>obj: <span class="tsd-signature-type">any</span></h5></li></ul></div>
28
28
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4><aside class="tsd-sources">
29
29
  <ul>
30
- <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/1c55793/src/microcomponents.es3.js#L3">src/microcomponents.es3.js:3</a></li></ul></aside></li></ul></section></div>
30
+ <li>Defined in <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/727e2de/src/microcomponents.es3.js#L3">src/microcomponents.es3.js:3</a></li></ul></aside></li></ul></section></div>
31
31
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
32
32
  <div class="tsd-navigation settings">
33
33
  <details class="tsd-index-accordion"><summary class="tsd-accordion-summary">
@@ -47,7 +47,7 @@
47
47
  <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>
48
48
  <div class="tsd-accordion-details">
49
49
  <ul>
50
- <li class="current"><a href="../modules.html">microcomponents</a>
50
+ <li class="current"><a href="../modules.html">Micro <wbr/>Components</a>
51
51
  <ul>
52
52
  <li class="tsd-kind-module"><a href="../modules/microcomponents.html">microcomponents</a></li>
53
53
  <li class="current tsd-kind-module"><a href="../modules/microcomponents_es3.html">microcomponents.es3</a></li></ul></li></ul></div></details></nav>
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>microcomponents</title><meta name="description" content="Documentation for microcomponents"/><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">
1
+ <!DOCTYPE html><html class="default" lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>Micro Components</title><meta name="description" content="Documentation for Micro Components"/><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">
2
2
  <div class="tsd-toolbar-contents container">
3
3
  <div class="table-cell" id="tsd-search" data-base=".">
4
4
  <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>
@@ -6,12 +6,12 @@
6
6
  <div id="tsd-toolbar-links"></div></div>
7
7
  <ul class="results">
8
8
  <li class="state loading">Preparing search index...</li>
9
- <li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">microcomponents</a></div>
9
+ <li class="state failure">The search index is not available</li></ul><a href="index.html" class="title">Micro Components</a></div>
10
10
  <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>
11
11
  <div class="container container-main">
12
12
  <div class="col-8 col-content">
13
13
  <div class="tsd-page-title">
14
- <h2>microcomponents</h2></div>
14
+ <h2>Micro Components</h2></div>
15
15
  <div class="tsd-panel tsd-typography">
16
16
  <a href="#micro-components" id="micro-components" style="color: inherit; text-decoration: none;">
17
17
  <h2>MICRO COMPONENTS</h2>
@@ -19,9 +19,9 @@
19
19
  <p><img src="./MicroComponents.svg" alt="Micro Components Logo"></p>
20
20
  <p>This code aims at <strong>improving Javascript modularity</strong>. It does not describe a specific Micro Component itself but rather describes they way they are <strong>organized</strong>. A typical example of a <strong>Micro Component</strong> can be found in &quot;additional concepts&quot; below.</p>
21
21
  <p>Using micro components enforces <strong>DRY, KISS and SOLID</strong> principles in Javascript programming. Read this <a href="./MicroComponentProposal_draft.md?ref_type=heads">RFC</a> for the shortest info.</p>
22
- <p>This is a low-level approach. It consists of a single class with 2 static methods and 5 selector methods, and weights less than 2 kB. Also there is an ES3 version to help e.g. <a href="https://en.wikipedia.org/wiki/Hybrid_Broadcast_Broadband_TV">hbbtv</a> modular JS coding, or any other device that relies on ES3.</p>
22
+ <p>This is a low-level approach. It consists of a single class with 2 static methods and 5 selector methods, and weights 2 kB. Also there is an ES3 version to help e.g. <a href="https://en.wikipedia.org/wiki/Hybrid_Broadcast_Broadband_TV">hbbtv</a> modular JS coding, or any other device that relies on ES3.</p>
23
23
  <p>For an overview, continue reading.</p>
24
- <p>For a detailed functional description goto <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_usage.md?ref_type=heads">Micro Component Usage</a>.</p>
24
+ <p>For a detailed functional description goto <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_usage.md?ref_type=heads">Micro Component Usage</a> and check the <a href="http://twobirds.gitlab.io/microcomponents-f10aa2/docs/modules.html">typedoc API documentation</a>.</p>
25
25
  <p>To see what can be done, go to <a href="https://gitlab.com/twoBirds/microcomponents/-/blob/main/microcomponents_magic.md?ref_type=heads">additional concepts</a> which delve a little deeper into how to use it, and what it already has been used for.</p>
26
26
 
27
27
  <a href="#why-would-i-give-this-a-try-in-my-company" id="why-would-i-give-this-a-try-in-my-company" style="color: inherit; text-decoration: none;">
@@ -33,7 +33,7 @@
33
33
  <h3><strong>As the CTO</strong>:</h3>
34
34
  </a>
35
35
  <ul>
36
- <li><strong>Reusability</strong>: this works with every Javascript framework that allows for DOM access, and it will work as long as the DOM exists in browsers.</li>
36
+ <li><strong>Reusability</strong>: this works with every Javascript framework that allows for DOM access, and it will work as long as the DOM exists in browsers. That is, forever.</li>
37
37
  <li><strong>Scalability</strong>: scales perfectly by design.</li>
38
38
  <li><strong>Interoperability</strong>: where many teams in different projects should share specific business or UI logic, you want to have something that works in any JS framework you use.</li>
39
39
  </ul>
@@ -78,7 +78,7 @@
78
78
  <pre><code class="language-HTML"><span class="hl-0">&lt;</span><span class="hl-1">button</span><span class="hl-0">&gt;&lt;/</span><span class="hl-1">button</span><span class="hl-0">&gt;</span>
79
79
  </code></pre>
80
80
  <p>code: (assume &quot;Button&quot; is some class in a library)</p>
81
- <pre><code class="language-javascript"><span class="hl-2">import</span><span class="hl-3"> </span><span class="hl-4">&#39;MC&#39;</span><span class="hl-3"> </span><span class="hl-2">from</span><span class="hl-3"> </span><span class="hl-4">&#39;twobirds/microcomponents&#39;</span><span class="hl-3">;</span><br/><span class="hl-2">import</span><span class="hl-3"> </span><span class="hl-4">&#39;Button&#39;</span><span class="hl-3"> </span><span class="hl-2">from</span><span class="hl-3"> </span><span class="hl-4">&#39;tb/ui&#39;</span><span class="hl-3">; </span><span class="hl-5">// made-up example library</span><br/><br/><span class="hl-5">// select first button element in DOM</span><br/><span class="hl-6">let</span><span class="hl-3"> </span><span class="hl-7">myButton</span><span class="hl-3"> = </span><span class="hl-7">document</span><span class="hl-3">.</span><span class="hl-8">querySelector</span><span class="hl-3">(</span><span class="hl-4">&#39;button&#39;</span><span class="hl-3">);</span><br/><br/><span class="hl-5">// this will add the micro component to the myButton._mc property:</span><br/><span class="hl-9">MC</span><span class="hl-3">.</span><span class="hl-8">add</span><span class="hl-3">( </span><span class="hl-7">myButton</span><span class="hl-3">, </span><span class="hl-4">&#39;tb_ui_button&#39;</span><span class="hl-3">, </span><span class="hl-6">new</span><span class="hl-3"> </span><span class="hl-8">Button</span><span class="hl-3">( </span><span class="hl-7">myButton</span><span class="hl-3">, { ...</span><span class="hl-7">config</span><span class="hl-3"> </span><span class="hl-7">data</span><span class="hl-3"> } ) );</span>
81
+ <pre><code class="language-javascript"><span class="hl-2">import</span><span class="hl-3"> </span><span class="hl-4">&#39;MC&#39;</span><span class="hl-3"> </span><span class="hl-2">from</span><span class="hl-3"> </span><span class="hl-4">&#39;@twobirds/microcomponents&#39;</span><span class="hl-3">;</span><br/><span class="hl-2">import</span><span class="hl-3"> </span><span class="hl-4">&#39;Button&#39;</span><span class="hl-3"> </span><span class="hl-2">from</span><span class="hl-3"> </span><span class="hl-4">&#39;tb/ui&#39;</span><span class="hl-3">; </span><span class="hl-5">// made-up example library</span><br/><br/><span class="hl-5">// select first button element in DOM</span><br/><span class="hl-6">let</span><span class="hl-3"> </span><span class="hl-7">myButton</span><span class="hl-3"> = </span><span class="hl-7">document</span><span class="hl-3">.</span><span class="hl-8">querySelector</span><span class="hl-3">(</span><span class="hl-4">&#39;button&#39;</span><span class="hl-3">);</span><br/><br/><span class="hl-5">// this will add the micro component to the myButton._mc property:</span><br/><span class="hl-9">MC</span><span class="hl-3">.</span><span class="hl-8">add</span><span class="hl-3">( </span><span class="hl-7">myButton</span><span class="hl-3">, </span><span class="hl-4">&#39;tb_ui_button&#39;</span><span class="hl-3">, </span><span class="hl-6">new</span><span class="hl-3"> </span><span class="hl-8">Button</span><span class="hl-3">( </span><span class="hl-7">myButton</span><span class="hl-3">, { ...</span><span class="hl-7">config</span><span class="hl-3"> </span><span class="hl-7">data</span><span class="hl-3"> } ) );</span>
82
82
  </code></pre>
83
83
  <p>after:</p>
84
84
  <pre><code class="language-HTML"><span class="hl-0">&lt;</span><span class="hl-1">button</span><span class="hl-3"> </span><span class="hl-10">_mc</span><span class="hl-0">&gt;&lt;/</span><span class="hl-1">button</span><span class="hl-0">&gt;</span>
@@ -101,6 +101,11 @@
101
101
  </ul>
102
102
  <p>I decided extract this from the <a href="https://www.npmjs.com/package/twobirds-core">twoBirds framework</a>, since it is framework agnostic and relies solely on the standard DOM and native javascript or typescript.</p>
103
103
 
104
+ <a href="#useful-links" id="useful-links" style="color: inherit; text-decoration: none;">
105
+ <h2>Useful Links</h2>
106
+ </a>
107
+ <p><a href="http://twobirds.gitlab.io/twobirds-core/docs/modules.html">API documentation</a></p>
108
+
104
109
  <a href="#contact" id="contact" style="color: inherit; text-decoration: none;">
105
110
  <h2>Contact</h2>
106
111
  </a>
@@ -127,9 +132,9 @@
127
132
  <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>
128
133
  <div class="tsd-accordion-details">
129
134
  <ul>
130
- <li class="current selected"><a href="modules.html">microcomponents</a>
135
+ <li class="current selected"><a href="modules.html">Micro <wbr/>Components</a>
131
136
  <ul>
132
- <li class="selected tsd-kind-module"><a href="modules/microcomponents.html">microcomponents</a></li>
137
+ <li class="tsd-kind-module"><a href="modules/microcomponents.html">microcomponents</a></li>
133
138
  <li class="tsd-kind-module"><a href="modules/microcomponents_es3.html">microcomponents.es3</a></li></ul></li></ul></div></details></nav></div></div>
134
139
  <div class="container tsd-generator">
135
140
  <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div>