Loading... ⏳
+Something went wrong. 😭
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/coverage/lcov-report/slotted-element/index.html b/coverage/lcov-report/slotted-element/index.html
new file mode 100644
index 0000000..d90dd73
--- /dev/null
+++ b/coverage/lcov-report/slotted-element/index.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+ All files / slotted-element fetch-element.js
+
+
+
+
+ 98.65%
+ Statements
+ 147/149
+
+
+
+
+ 100%
+ Branches
+ 40/40
+
+
+
+
+ 85.71%
+ Functions
+ 24/28
+
+
+
+
+ 98.65%
+ Lines
+ 147/149
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 | 0 +0 +0 +0 +0 +0 +0 +0 +0 +0 +0 +0 | Unable to lookup source: C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\fetch-element.js (ENOENT: no such file or directory, open 'C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\fetch-element.js') +Error: Unable to lookup source: C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\fetch-element.js (ENOENT: no such file or directory, open 'C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\fetch-element.js') + at Context.defaultSourceLookup [as sourceFinder] (C:\aWork\slotted-element-test\node_modules\istanbul-lib-report\lib\context.js:17:15) + at Context.getSource (C:\aWork\slotted-element-test\node_modules\istanbul-lib-report\lib\context.js:71:21) + at annotateSourceCode (C:\aWork\slotted-element-test\node_modules\istanbul-reports\lib\html\annotator.js:232:40) + at HtmlReport.onDetail (C:\aWork\slotted-element-test\node_modules\istanbul-reports\lib\html\index.js:414:33) + at LcovReport. |
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/coverage/lcov-report/slotted-element/render/index.html b/coverage/lcov-report/slotted-element/render/index.html
new file mode 100644
index 0000000..80c0bdd
--- /dev/null
+++ b/coverage/lcov-report/slotted-element/render/index.html
@@ -0,0 +1,116 @@
+
+
+
+
+
+
+
+
+ All files slotted-element
+
+
+
+
+ 91.76%
+ Statements
+ 234/255
+
+
+
+
+ 89.47%
+ Branches
+ 51/57
+
+
+
+
+ 82.5%
+ Functions
+ 33/40
+
+
+
+
+ 91.76%
+ Lines
+ 234/255
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+
+
+
+
+
+
+ | File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| fetch-element.js | +
+
+ |
+ 98.65% | +147/149 | +100% | +40/40 | +85.71% | +24/28 | +98.65% | +147/149 | +
| slotted-element.js | +
+
+ |
+ 82.07% | +87/106 | +64.7% | +11/17 | +75% | +9/12 | +82.07% | +87/106 | +
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/coverage/lcov-report/slotted-element/render/json.js.html b/coverage/lcov-report/slotted-element/render/json.js.html
new file mode 100644
index 0000000..e63396f
--- /dev/null
+++ b/coverage/lcov-report/slotted-element/render/json.js.html
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+ All files slotted-element/render
+
+
+
+
+ 100%
+ Statements
+ 44/44
+
+
+
+
+ 87.5%
+ Branches
+ 7/8
+
+
+
+
+ 100%
+ Functions
+ 2/2
+
+
+
+
+ 100%
+ Lines
+ 44/44
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+
+
+
+
+
+
+ | File | ++ | Statements | ++ | Branches | ++ | Functions | ++ | Lines | ++ |
|---|---|---|---|---|---|---|---|---|---|
| json.js | +
+
+ |
+ 100% | +44/44 | +87.5% | +7/8 | +100% | +2/2 | +100% | +44/44 | +
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/coverage/lcov-report/slotted-element/slotted-element.js.html b/coverage/lcov-report/slotted-element/slotted-element.js.html
new file mode 100644
index 0000000..d9dbc01
--- /dev/null
+++ b/coverage/lcov-report/slotted-element/slotted-element.js.html
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+ All files / slotted-element/render json.js
+
+
+
+
+ 100%
+ Statements
+ 44/44
+
+
+
+
+ 87.5%
+ Branches
+ 7/8
+
+
+
+
+ 100%
+ Functions
+ 2/2
+
+
+
+
+ 100%
+ Lines
+ 44/44
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 | 0 +0 +0 +0 +0 +0 +0 +0 +0 +0 +0 +0 | Unable to lookup source: C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\render\json.js (ENOENT: no such file or directory, open 'C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\render\json.js') +Error: Unable to lookup source: C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\render\json.js (ENOENT: no such file or directory, open 'C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\render\json.js') + at Context.defaultSourceLookup [as sourceFinder] (C:\aWork\slotted-element-test\node_modules\istanbul-lib-report\lib\context.js:17:15) + at Context.getSource (C:\aWork\slotted-element-test\node_modules\istanbul-lib-report\lib\context.js:71:21) + at annotateSourceCode (C:\aWork\slotted-element-test\node_modules\istanbul-reports\lib\html\annotator.js:232:40) + at HtmlReport.onDetail (C:\aWork\slotted-element-test\node_modules\istanbul-reports\lib\html\index.js:414:33) + at LcovReport. |
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/coverage/lcov-report/sort-arrow-sprite.png b/coverage/lcov-report/sort-arrow-sprite.png
new file mode 100644
index 0000000..03f704a
Binary files /dev/null and b/coverage/lcov-report/sort-arrow-sprite.png differ
diff --git a/coverage/lcov-report/sorter.js b/coverage/lcov-report/sorter.js
new file mode 100644
index 0000000..2bb296a
--- /dev/null
+++ b/coverage/lcov-report/sorter.js
@@ -0,0 +1,196 @@
+/* eslint-disable */
+var addSorting = (function() {
+ 'use strict';
+ var cols,
+ currentSort = {
+ index: 0,
+ desc: false
+ };
+
+ // returns the summary table element
+ function getTable() {
+ return document.querySelector('.coverage-summary');
+ }
+ // returns the thead element of the summary table
+ function getTableHeader() {
+ return getTable().querySelector('thead tr');
+ }
+ // returns the tbody element of the summary table
+ function getTableBody() {
+ return getTable().querySelector('tbody');
+ }
+ // returns the th element for nth column
+ function getNthColumn(n) {
+ return getTableHeader().querySelectorAll('th')[n];
+ }
+
+ function onFilterInput() {
+ const searchValue = document.getElementById('fileSearch').value;
+ const rows = document.getElementsByTagName('tbody')[0].children;
+ for (let i = 0; i < rows.length; i++) {
+ const row = rows[i];
+ if (
+ row.textContent
+ .toLowerCase()
+ .includes(searchValue.toLowerCase())
+ ) {
+ row.style.display = '';
+ } else {
+ row.style.display = 'none';
+ }
+ }
+ }
+
+ // loads the search box
+ function addSearchBox() {
+ var template = document.getElementById('filterTemplate');
+ var templateClone = template.content.cloneNode(true);
+ templateClone.getElementById('fileSearch').oninput = onFilterInput;
+ template.parentElement.appendChild(templateClone);
+ }
+
+ // loads all columns
+ function loadColumns() {
+ var colNodes = getTableHeader().querySelectorAll('th'),
+ colNode,
+ cols = [],
+ col,
+ i;
+
+ for (i = 0; i < colNodes.length; i += 1) {
+ colNode = colNodes[i];
+ col = {
+ key: colNode.getAttribute('data-col'),
+ sortable: !colNode.getAttribute('data-nosort'),
+ type: colNode.getAttribute('data-type') || 'string'
+ };
+ cols.push(col);
+ if (col.sortable) {
+ col.defaultDescSort = col.type === 'number';
+ colNode.innerHTML =
+ colNode.innerHTML + '';
+ }
+ }
+ return cols;
+ }
+ // attaches a data attribute to every tr element with an object
+ // of data values keyed by column name
+ function loadRowData(tableRow) {
+ var tableCols = tableRow.querySelectorAll('td'),
+ colNode,
+ col,
+ data = {},
+ i,
+ val;
+ for (i = 0; i < tableCols.length; i += 1) {
+ colNode = tableCols[i];
+ col = cols[i];
+ val = colNode.getAttribute('data-value');
+ if (col.type === 'number') {
+ val = Number(val);
+ }
+ data[col.key] = val;
+ }
+ return data;
+ }
+ // loads all row data
+ function loadData() {
+ var rows = getTableBody().querySelectorAll('tr'),
+ i;
+
+ for (i = 0; i < rows.length; i += 1) {
+ rows[i].data = loadRowData(rows[i]);
+ }
+ }
+ // sorts the table using the data for the ith column
+ function sortByIndex(index, desc) {
+ var key = cols[index].key,
+ sorter = function(a, b) {
+ a = a.data[key];
+ b = b.data[key];
+ return a < b ? -1 : a > b ? 1 : 0;
+ },
+ finalSorter = sorter,
+ tableBody = document.querySelector('.coverage-summary tbody'),
+ rowNodes = tableBody.querySelectorAll('tr'),
+ rows = [],
+ i;
+
+ if (desc) {
+ finalSorter = function(a, b) {
+ return -1 * sorter(a, b);
+ };
+ }
+
+ for (i = 0; i < rowNodes.length; i += 1) {
+ rows.push(rowNodes[i]);
+ tableBody.removeChild(rowNodes[i]);
+ }
+
+ rows.sort(finalSorter);
+
+ for (i = 0; i < rows.length; i += 1) {
+ tableBody.appendChild(rows[i]);
+ }
+ }
+ // removes sort indicators for current column being sorted
+ function removeSortIndicators() {
+ var col = getNthColumn(currentSort.index),
+ cls = col.className;
+
+ cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
+ col.className = cls;
+ }
+ // adds sort indicators for current column being sorted
+ function addSortIndicators() {
+ getNthColumn(currentSort.index).className += currentSort.desc
+ ? ' sorted-desc'
+ : ' sorted';
+ }
+ // adds event listeners for all sorter widgets
+ function enableUI() {
+ var i,
+ el,
+ ithSorter = function ithSorter(i) {
+ var col = cols[i];
+
+ return function() {
+ var desc = col.defaultDescSort;
+
+ if (currentSort.index === i) {
+ desc = !currentSort.desc;
+ }
+ sortByIndex(i, desc);
+ removeSortIndicators();
+ currentSort.index = i;
+ currentSort.desc = desc;
+ addSortIndicators();
+ };
+ };
+ for (i = 0; i < cols.length; i += 1) {
+ if (cols[i].sortable) {
+ // add the click event handler on the th so users
+ // dont have to click on those tiny arrows
+ el = getNthColumn(i).querySelector('.sorter').parentElement;
+ if (el.addEventListener) {
+ el.addEventListener('click', ithSorter(i));
+ } else {
+ el.attachEvent('onclick', ithSorter(i));
+ }
+ }
+ }
+ }
+ // adds sorting functionality to the UI
+ return function() {
+ if (!getTable()) {
+ return;
+ }
+ cols = loadColumns();
+ loadData();
+ addSearchBox();
+ addSortIndicators();
+ enableUI();
+ };
+})();
+
+window.addEventListener('load', addSorting);
diff --git a/coverage/lcov.info b/coverage/lcov.info
new file mode 100644
index 0000000..c12760a
--- /dev/null
+++ b/coverage/lcov.info
@@ -0,0 +1,475 @@
+TN:
+SF:__wds-outside-root__\1\slotted-element\fetch-element.js
+FN:1,wait4DomUpdated
+FN:7,done
+FN:12,toKebbabCase
+FN:19,get observedAttributes
+FN:21,get mime2mod
+FN:21,application/json
+FN:22,text/html
+FN:23,text/xml
+FN:24,application/xml
+FN:25,image/svg+xml
+FN:28,get headers
+FN:30,abort
+FN:32,fetch
+FN:34,FetchElement
+FN:41,FetchElement.abort
+FN:42,FetchElement._fetch
+FN:65,get
+FN:70,get
+FN:71,set
+FN:75,connectedCallback
+FN:81,attributeChangedCallback
+FN:96,onResponse
+FN:108,setContent
+FN:110,onResult
+FN:129,render
+FN:130,renderHtml
+FN:138,onError
+FN:144,getKeys
+FNF:28
+FNH:24
+FNDA:1,wait4DomUpdated
+FNDA:1,done
+FNDA:1,toKebbabCase
+FNDA:2,get observedAttributes
+FNDA:1,get mime2mod
+FNDA:1,application/json
+FNDA:1,text/html
+FNDA:0,text/xml
+FNDA:0,application/xml
+FNDA:1,image/svg+xml
+FNDA:1,get headers
+FNDA:0,abort
+FNDA:1,fetch
+FNDA:2,FetchElement
+FNDA:0,FetchElement.abort
+FNDA:1,FetchElement._fetch
+FNDA:1,get
+FNDA:2,get
+FNDA:1,set
+FNDA:2,connectedCallback
+FNDA:1,attributeChangedCallback
+FNDA:1,onResponse
+FNDA:1,setContent
+FNDA:1,onResult
+FNDA:1,render
+FNDA:1,renderHtml
+FNDA:1,onError
+FNDA:1,getKeys
+DA:1,2
+DA:2,1
+DA:3,1
+DA:4,1
+DA:5,1
+DA:6,1
+DA:7,1
+DA:8,1
+DA:9,1
+DA:10,1
+DA:11,2
+DA:12,2
+DA:13,1
+DA:14,1
+DA:15,2
+DA:16,2
+DA:17,2
+DA:18,2
+DA:19,2
+DA:20,2
+DA:21,2
+DA:22,1
+DA:23,1
+DA:24,1
+DA:25,1
+DA:26,1
+DA:27,2
+DA:28,2
+DA:29,2
+DA:30,2
+DA:31,2
+DA:32,2
+DA:33,2
+DA:34,2
+DA:35,2
+DA:36,2
+DA:37,2
+DA:38,2
+DA:39,2
+DA:40,2
+DA:41,2
+DA:42,2
+DA:43,1
+DA:44,1
+DA:45,1
+DA:46,1
+DA:47,1
+DA:48,1
+DA:49,1
+DA:50,1
+DA:51,1
+DA:52,1
+DA:53,1
+DA:54,1
+DA:55,1
+DA:56,1
+DA:57,1
+DA:58,1
+DA:59,1
+DA:60,1
+DA:61,1
+DA:62,1
+DA:63,1
+DA:64,2
+DA:65,2
+DA:66,2
+DA:67,2
+DA:68,2
+DA:69,2
+DA:70,2
+DA:71,2
+DA:72,2
+DA:73,2
+DA:74,2
+DA:75,2
+DA:76,2
+DA:77,2
+DA:78,2
+DA:79,2
+DA:80,2
+DA:81,2
+DA:82,1
+DA:83,1
+DA:84,1
+DA:85,0
+DA:86,0
+DA:87,1
+DA:88,1
+DA:89,1
+DA:90,1
+DA:91,1
+DA:92,1
+DA:93,1
+DA:94,1
+DA:95,2
+DA:96,2
+DA:97,1
+DA:98,1
+DA:99,1
+DA:100,1
+DA:101,1
+DA:102,1
+DA:103,1
+DA:104,1
+DA:105,1
+DA:106,1
+DA:107,2
+DA:108,2
+DA:109,2
+DA:110,2
+DA:111,1
+DA:112,1
+DA:113,1
+DA:114,1
+DA:115,1
+DA:116,1
+DA:117,1
+DA:118,1
+DA:119,1
+DA:120,1
+DA:121,1
+DA:122,1
+DA:123,1
+DA:124,1
+DA:125,1
+DA:126,1
+DA:127,1
+DA:128,2
+DA:129,2
+DA:130,2
+DA:131,1
+DA:132,1
+DA:133,1
+DA:134,1
+DA:135,1
+DA:136,1
+DA:137,2
+DA:138,2
+DA:139,1
+DA:140,1
+DA:141,1
+DA:142,1
+DA:143,2
+DA:144,2
+DA:145,2
+DA:146,2
+DA:147,2
+DA:148,2
+DA:149,2
+LF:149
+LH:147
+BRDA:1,0,0,2
+BRDA:1,1,0,2
+BRDA:4,2,0,2
+BRDA:6,3,0,1
+BRDA:8,4,0,1
+BRDA:7,5,0,3
+BRDA:7,6,0,3
+BRDA:12,7,0,2
+BRDA:14,8,0,1
+BRDA:19,9,0,2
+BRDA:21,10,0,2
+BRDA:21,11,0,2
+BRDA:22,12,0,2
+BRDA:25,13,0,2
+BRDA:28,14,0,2
+BRDA:32,15,0,2
+BRDA:34,16,0,2
+BRDA:42,17,0,2
+BRDA:54,18,0,2
+BRDA:60,19,0,1
+BRDA:65,20,0,2
+BRDA:67,21,0,2
+BRDA:68,22,0,2
+BRDA:70,23,0,2
+BRDA:71,24,0,2
+BRDA:75,25,0,2
+BRDA:81,26,0,2
+BRDA:84,27,0,1
+BRDA:88,28,0,1
+BRDA:92,29,0,1
+BRDA:96,30,0,2
+BRDA:108,31,0,2
+BRDA:110,32,0,2
+BRDA:118,33,0,1
+BRDA:122,34,0,1
+BRDA:129,35,0,2
+BRDA:130,36,0,2
+BRDA:138,37,0,2
+BRDA:144,38,0,2
+BRDA:77,39,0,2
+BRF:40
+BRH:40
+end_of_record
+TN:
+SF:__wds-outside-root__\1\slotted-element\slotted-element.js
+FN:7,createNode
+FN:13,get observedAttributes
+FN:15,connectedCallback
+FN:20,attributeChangedCallback
+FN:27,$
+FN:29,fetch
+FN:35,setContent
+FN:48,slotsInit
+FN:64,slotOnly
+FN:75,slotsClear
+FN:80,slotClone
+FN:91,slotAdd
+FNF:12
+FNH:9
+FNDA:1,createNode
+FNDA:1,get observedAttributes
+FNDA:1,connectedCallback
+FNDA:1,attributeChangedCallback
+FNDA:1,$
+FNDA:0,fetch
+FNDA:0,setContent
+FNDA:1,slotsInit
+FNDA:1,slotOnly
+FNDA:0,slotsClear
+FNDA:1,slotClone
+FNDA:1,slotAdd
+DA:1,1
+DA:2,1
+DA:3,1
+DA:4,1
+DA:5,1
+DA:6,1
+DA:7,1
+DA:8,1
+DA:9,1
+DA:10,1
+DA:11,1
+DA:12,1
+DA:13,1
+DA:14,1
+DA:15,1
+DA:16,1
+DA:17,1
+DA:18,1
+DA:19,1
+DA:20,1
+DA:21,1
+DA:22,1
+DA:23,1
+DA:24,1
+DA:25,1
+DA:26,1
+DA:27,1
+DA:28,1
+DA:29,1
+DA:30,0
+DA:31,0
+DA:32,0
+DA:33,0
+DA:34,1
+DA:35,1
+DA:36,0
+DA:37,0
+DA:38,0
+DA:39,0
+DA:40,0
+DA:41,0
+DA:42,0
+DA:43,0
+DA:44,1
+DA:45,1
+DA:46,1
+DA:47,1
+DA:48,1
+DA:49,1
+DA:50,1
+DA:51,1
+DA:52,1
+DA:53,1
+DA:54,1
+DA:55,1
+DA:56,1
+DA:57,1
+DA:58,1
+DA:59,1
+DA:60,1
+DA:61,1
+DA:62,1
+DA:63,1
+DA:64,1
+DA:65,1
+DA:66,1
+DA:67,1
+DA:68,1
+DA:69,1
+DA:70,1
+DA:71,1
+DA:72,1
+DA:73,1
+DA:74,1
+DA:75,1
+DA:76,0
+DA:77,0
+DA:78,0
+DA:79,1
+DA:80,1
+DA:81,1
+DA:82,1
+DA:83,1
+DA:84,1
+DA:85,0
+DA:86,0
+DA:87,0
+DA:88,0
+DA:89,1
+DA:90,1
+DA:91,1
+DA:92,1
+DA:93,1
+DA:94,1
+DA:95,1
+DA:96,1
+DA:97,1
+DA:98,1
+DA:99,1
+DA:100,1
+DA:101,1
+DA:102,1
+DA:103,1
+DA:104,1
+DA:105,1
+DA:106,1
+LF:106
+LH:87
+BRDA:1,0,0,1
+BRDA:7,1,0,1
+BRDA:13,2,0,1
+BRDA:15,3,0,1
+BRDA:20,4,0,1
+BRDA:23,5,0,0
+BRDA:25,6,0,0
+BRDA:27,7,0,1
+BRDA:48,8,0,1
+BRDA:52,9,0,1
+BRDA:64,10,0,1
+BRDA:69,11,0,0
+BRDA:80,12,0,1
+BRDA:85,13,0,0
+BRDA:91,14,0,1
+BRDA:93,15,0,0
+BRDA:97,16,0,0
+BRF:17
+BRH:11
+end_of_record
+TN:
+SF:__wds-outside-root__\1\slotted-element\render\json.js
+FN:3,render
+FN:12,json2table
+FNF:2
+FNH:2
+FNDA:1,render
+FNDA:1,json2table
+DA:1,1
+DA:2,1
+DA:3,1
+DA:4,1
+DA:5,1
+DA:6,1
+DA:7,1
+DA:8,1
+DA:9,1
+DA:10,1
+DA:11,1
+DA:12,1
+DA:13,1
+DA:14,1
+DA:15,1
+DA:16,1
+DA:17,1
+DA:18,1
+DA:19,1
+DA:20,1
+DA:21,1
+DA:22,1
+DA:23,1
+DA:24,1
+DA:25,1
+DA:26,1
+DA:27,1
+DA:28,1
+DA:29,1
+DA:30,1
+DA:31,1
+DA:32,1
+DA:33,1
+DA:34,1
+DA:35,1
+DA:36,1
+DA:37,1
+DA:38,1
+DA:39,1
+DA:40,1
+DA:41,1
+DA:42,1
+DA:43,1
+DA:44,1
+LF:44
+LH:44
+BRDA:1,0,0,1
+BRDA:3,1,0,1
+BRDA:12,2,0,1
+BRDA:17,3,0,0
+BRDA:22,4,0,1
+BRDA:23,5,0,1
+BRDA:24,6,0,1
+BRDA:38,7,0,1
+BRF:8
+BRH:7
+end_of_record
diff --git a/dist/bundle/demo/Screenshot-fetch-element.png b/dist/bundle/demo/Screenshot-fetch-element.png
new file mode 100644
index 0000000..dded43e
Binary files /dev/null and b/dist/bundle/demo/Screenshot-fetch-element.png differ
diff --git a/dist/bundle/demo/confused.svg b/dist/bundle/demo/confused.svg
new file mode 100644
index 0000000..b803847
--- /dev/null
+++ b/dist/bundle/demo/confused.svg
@@ -0,0 +1,160 @@
+
+
diff --git a/dist/bundle/demo/demo.css b/dist/bundle/demo/demo.css
new file mode 100644
index 0000000..904792f
--- /dev/null
+++ b/dist/bundle/demo/demo.css
@@ -0,0 +1,2 @@
+main{ display: flex; flex-wrap: wrap; justify-content:space-between; gap: 1rem; }
+main>*{ flex: auto; }
diff --git a/dist/bundle/demo/demo3-element-a.html b/dist/bundle/demo/demo3-element-a.html
new file mode 100644
index 0000000..da7b676
--- /dev/null
+++ b/dist/bundle/demo/demo3-element-a.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+ All files / slotted-element slotted-element.js
+
+
+
+
+ 82.07%
+ Statements
+ 87/106
+
+
+
+
+ 64.7%
+ Branches
+ 11/17
+
+
+
+
+ 75%
+ Functions
+ 9/12
+
+
+
+
+ 82.07%
+ Lines
+ 87/106
+
+
+
+ + Press n or j to go to the next uncovered block, b, p or k for the previous block. +
+ +
+ Filter:
+
+
+
+ | 1 +2 +3 +4 +5 +6 +7 +8 +9 +10 +11 +12 | 0 +0 +0 +0 +0 +0 +0 +0 +0 +0 +0 +0 | Unable to lookup source: C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\slotted-element.js (ENOENT: no such file or directory, open 'C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\slotted-element.js') +Error: Unable to lookup source: C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\slotted-element.js (ENOENT: no such file or directory, open 'C:\aWork\slotted-element-test\__wds-outside-root__\1\slotted-element\slotted-element.js') + at Context.defaultSourceLookup [as sourceFinder] (C:\aWork\slotted-element-test\node_modules\istanbul-lib-report\lib\context.js:17:15) + at Context.getSource (C:\aWork\slotted-element-test\node_modules\istanbul-lib-report\lib\context.js:71:21) + at annotateSourceCode (C:\aWork\slotted-element-test\node_modules\istanbul-reports\lib\html\annotator.js:232:40) + at HtmlReport.onDetail (C:\aWork\slotted-element-test\node_modules\istanbul-reports\lib\html\index.js:414:33) + at LcovReport. |
slot0 is overridden in body!
+slot0 is overridden in body!
+slotted-element demo
++ slotted-element is web component implementing slots without shadow DOM. + It is based on fetch-element component to fetch data and render from retrieved JSON or HTML. +
+
git |
+ slotted-element demo |
+ fetch-element demo |
+ template demo
diff --git a/dist/bundle/demo/render-from-json.html b/dist/bundle/demo/render-from-json.html
new file mode 100644
index 0000000..3e769a9
--- /dev/null
+++ b/dist/bundle/demo/render-from-json.html
@@ -0,0 +1,47 @@
+
+
+
+
+ fetch-element render from JSON demo
++ slotted-element by default renders JSON as table. The rendering could be redefined: +
+fetch-element render from JSON demo
+git |
+ slotted-element demo
+slotted-element with template demo
++ slotted-element is web component implementing slots without shadow DOM. There are 3 ways of template use: +
+inline HTML with slots 🎉
+Not triggered as "src" attribute is not set.
+template HTML with slots 🥳
+template by ID, inline HTML redefines slots 🥳
+slot0 is overridden in body!
+| ${n} | `).join(` +`)}
|---|
| + ${this.json2table(n[i],[...e,a,i])} + | `).join("")} +
| ${s} | +${this.json2table(t[s],[...e,s])} | +
|---|
| ${ k } | ` ).join( '\\n' ) }
|---|
| \n ${ this.json2table( r[ k ], [ ...path, i, k ] ) }\n | ` ).join( '' )\n }\n
| ${ k } | \n${ this.json2table( data[ k ], [ ...path, k ] ) } | \n
|---|
| ${n} | `).join(` +`)}
|---|
| + ${this.json2table(n[i],[...t,o,i])} + | `).join("")} +
| ${r} | +${this.json2table(e[r],[...t,r])} | +
|---|
| ${ k } | ` ).join( '\\n' ) }
|---|
| \n ${ this.json2table( r[ k ], [ ...path, i, k ] ) }\n | ` ).join( '' )\n }\n
| ${ k } | \n${ this.json2table( data[ k ], [ ...path, k ] ) } | \n
|---|