kempo 2.15.2 → 3.0.0

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 (60) hide show
  1. package/dist/components/Import.js +1 -1
  2. package/docs/components/_template.html +3 -1
  3. package/docs/components/accordion.html +3 -1
  4. package/docs/components/card.html +3 -1
  5. package/docs/components/component.html +3 -1
  6. package/docs/components/content-slider.html +3 -1
  7. package/docs/components/dialog.html +3 -1
  8. package/docs/components/directory-viewer.html +3 -1
  9. package/docs/components/focus-capture.html +3 -1
  10. package/docs/components/import.html +3 -1
  11. package/docs/components/lazy-component.html +3 -1
  12. package/docs/components/reactive-component.html +3 -1
  13. package/docs/components/reactive-lazy-component.html +3 -1
  14. package/docs/components/resize.html +3 -1
  15. package/docs/components/search.html +3 -1
  16. package/docs/components/show-more.html +3 -1
  17. package/docs/components/side-menu.html +3 -1
  18. package/docs/components/sortable.html +3 -1
  19. package/docs/components/split.html +3 -1
  20. package/docs/components/table.html +3 -1
  21. package/docs/components/tableControls.html +3 -1
  22. package/docs/components/tableCustomFields.html +3 -1
  23. package/docs/components/tableFetchRecords.html +3 -1
  24. package/docs/components/tableFieldSortHide.html +3 -1
  25. package/docs/components/tablePagination.html +3 -1
  26. package/docs/components/tableRecordEditing.html +3 -1
  27. package/docs/components/tableRecordFiltering.html +3 -1
  28. package/docs/components/tableRecordHiding.html +3 -1
  29. package/docs/components/tableRecordSearching.html +3 -1
  30. package/docs/components/tableRecordSelection.html +3 -1
  31. package/docs/components/tableRowControls.html +3 -1
  32. package/docs/components/tableSorting.html +3 -1
  33. package/docs/components/tabs.html +3 -1
  34. package/docs/components/tags.html +3 -1
  35. package/docs/components/theme-switcher.html +3 -1
  36. package/docs/components/timestamp.html +3 -1
  37. package/docs/components/toggle.html +3 -1
  38. package/docs/js/nav.inc.js +4 -0
  39. package/docs/kempo/components/Import.js +1 -1
  40. package/docs/nav.inc.html +1 -6
  41. package/docs/styles/_template.html +3 -1
  42. package/docs/styles/borders-spacing.html +3 -1
  43. package/docs/styles/buttons.html +3 -1
  44. package/docs/styles/colors.html +3 -1
  45. package/docs/styles/displays-layouts.html +3 -1
  46. package/docs/styles/embed-1.html +2 -0
  47. package/docs/styles/inputs.html +3 -1
  48. package/docs/styles/tables.html +3 -1
  49. package/docs/styles/typography.html +3 -1
  50. package/docs/utils/_template.html +3 -1
  51. package/docs/utils/cli.html +3 -1
  52. package/docs/utils/cookie.html +3 -1
  53. package/docs/utils/debounce.html +3 -1
  54. package/docs/utils/drag.html +3 -1
  55. package/docs/utils/element.html +3 -1
  56. package/docs/utils/format-timestamp.html +3 -1
  57. package/docs/utils/fuzzy-match.html +1 -1
  58. package/package.json +1 -1
  59. package/src/components/Import.js +27 -8
  60. package/docs/nav-1.inc.html +0 -84
@@ -1 +1 @@
1
- import Component from"./Component.js";export default class Import extends Component{constructor(t=""){super(),this.registerAttribute("src",t)}attributeChangedCallback(t,e,r){"src"===t&&e!==r&&this.render(!0)}async render(t){const e=this.src;if(e&&await super.render(t)){let t=await(await fetch(e)).text();for(const[e,r]of Object.entries(Import.replacements))t=t.replace(new RegExp(`%%${e}%%`,"g"),r);return this.innerHTML=t,this.querySelectorAll("script").forEach((t=>{const e=document.createElement("script");t.getAttribute("type")&&(e.type=t.getAttribute("type")),t.getAttribute("src")&&(e.src=t.getAttribute("src")),t.textContent&&(e.textContent=t.textContent),t.parentElement.replaceChild(e,t)})),!0}return!1}get shadowStyles(){return"\n :host {\n display: contents;\n }\n "}static replacements={root:"./"};static addReplacement(t,e){this.replacements={...this.replacements,[t]:e}}static observedAttributes=[...super.observedAttributes,"src"]}window.customElements.define("k-import",Import);
1
+ import Component from"./Component.js";export default class Import extends Component{constructor(e=""){super(),this.registerAttribute("src",e)}attributeChangedCallback(e,t,r){"src"===e&&t!==r&&this.render(!0)}async render(e){const t=this.src;if(t&&await super.render(e)){let e=await(await fetch(t)).text();for(const[t,r]of Object.entries(Import.replacements))e=e.replace(new RegExp(`%%${t}%%`,"g"),r);const r=document.createElement("template");r.innerHTML=e;const n=Array.from(r.content.querySelectorAll("script[src]"));n.forEach((e=>e.remove())),this.innerHTML=r.innerHTML;for(const e of n){const t=document.createElement("script");Array.from(e.attributes).forEach((e=>{t.setAttribute(e.name,e.value)})),console.log("Adding script with src:",t.src),await new Promise(((e,r)=>{t.onload=e,t.onerror=r,this.appendChild(t)}))}return!0}return!1}get shadowStyles(){return"\n :host {\n display: contents;\n }\n "}static replacements={root:"./"};static addReplacement(e,t){this.replacements={...this.replacements,[e]:t}}static observedAttributes=[...super.observedAttributes,"src"]}window.customElements.define("k-import",Import);
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Template</h1>
19
21
  <main>
20
22
  <details
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Accordion</h1>
19
21
  <main>
20
22
  <details
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Card</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Component</h1>
19
21
  <main>
20
22
  <details
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Content Slider</h1>
19
21
  <main>
20
22
  <details
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <main>
19
21
  <h1 class="ta-center">Dialog</h1>
20
22
 
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Directory Viewer</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">FocusCapture</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Import</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">LazyComponent</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">ReactiveComponent</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">ReactiveLazyComponent</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Resize</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -8,14 +8,16 @@
8
8
  <link rel="stylesheet" href="../kempo/kempo-styles.css" />
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module">
11
+ import Import from '../kempo/components/Import.js';
11
12
  import Icon from '../kempo/components/Icon.js';
12
13
  import Search from '../kempo/components/Search.js';
14
+ Import.addReplacement('root', '../');
13
15
  Icon.pathToIcons = ['../icons'];
14
16
  Search.searchDataUrl = '../search.json';
15
17
  </script>
16
18
  </head>
17
19
  <body>
18
- <k-import src="../nav-1.inc.html"></k-import>
20
+ <k-import src="../nav.inc.html"></k-import>
19
21
  <h1 class="ta-center">Search</h1>
20
22
  <main>
21
23
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <main>
19
21
  <h1 class="ta-center">Show More</h1>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">SideMenu</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Sortable</h1>
19
21
  <main>
20
22
  <details
@@ -7,14 +7,16 @@
7
7
  <link rel="stylesheet" href="../kempo/kempo-vars.css" /><link rel="stylesheet" href="../kempo/kempo-styles.css" />
8
8
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
9
9
  <script type="module">
10
+ import Import from '../kempo/components/Import.js';
10
11
  import Icon from '../kempo/components/Icon.js';
11
12
  import Search from '../kempo/components/Search.js';
13
+ Import.addReplacement('root', '../');
12
14
  Icon.pathToIcons = ['../icons'];
13
15
  Search.searchDataUrl = '../search.json';
14
16
  </script>
15
17
  </head>
16
18
  <body>
17
- <k-import src="../nav-1.inc.html"></k-import>
19
+ <k-import src="../nav.inc.html"></k-import>
18
20
  <h1 class="ta-center">Split</h1>
19
21
  <main>
20
22
  <details class="b r mb">
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -54,7 +56,7 @@
54
56
  </script>
55
57
  </head>
56
58
  <body>
57
- <k-import src="../nav-1.inc.html"></k-import>
59
+ <k-import src="../nav.inc.html"></k-import>
58
60
  <h1 class="ta-center">Table</h1>
59
61
  <main>
60
62
  <details
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Top and Bottom Controls</h1>
58
60
  <main>
59
61
 
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Custom Fields</h1>
58
60
  <main>
59
61
 
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Fetch Records</h1>
58
60
  <main>
59
61
  <a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Field Sort and Hide</h1>
58
60
  <main>
59
61
 
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Pagination</h1>
58
60
  <main>
59
61
  <a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Record Editing</h1>
58
60
  <main>
59
61
  <a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Record Filerting</h1>
58
60
  <main>
59
61
 
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Record Hiding</h1>
58
60
  <main>
59
61
 
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Record Searching</h1>
58
60
  <main>
59
61
 
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Record Selection</h1>
58
60
  <main>
59
61
  <a href="./table.html"><h5>Back to Table Component Documentation</h5></a>
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Row Controls</h1>
58
60
  <main>
59
61
 
@@ -9,8 +9,10 @@
9
9
  <link rel="stylesheet" href="../kempo/kempo-hljs.css" />
10
10
  <script type="module" src="../kempo/components/Table.js"></script>
11
11
  <script type="module">
12
+ import Import from '../kempo/components/Import.js';
12
13
  import Icon from '../kempo/components/Icon.js';
13
14
  import Search from '../kempo/components/Search.js';
15
+ Import.addReplacement('root', '../');
14
16
  Icon.pathToIcons = ['../icons'];
15
17
  Search.searchDataUrl = '../search.json';
16
18
  </script>
@@ -53,7 +55,7 @@
53
55
  </script>
54
56
  </head>
55
57
  <body>
56
- <k-import src="../nav-1.inc.html"></k-import>
58
+ <k-import src="../nav.inc.html"></k-import>
57
59
  <h1 class="ta-center">Table - Sorting</h1>
58
60
  <main>
59
61