kempo-ui 0.0.7 → 0.0.9

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/src/components/Icon.js +1 -1
  2. package/dist/src/components/ShadowComponent.js +1 -1
  3. package/dist/src/components/Tree.js +37 -0
  4. package/docs/components/accordion.html +3 -9
  5. package/docs/components/card.html +3 -9
  6. package/docs/components/collapsible.html +3 -9
  7. package/docs/components/content-slider.html +4 -9
  8. package/docs/components/dialog.html +157 -72
  9. package/docs/components/focus-capture.html +3 -7
  10. package/docs/components/hybrid-component.html +3 -7
  11. package/docs/components/icon.html +3 -8
  12. package/docs/components/import.html +1 -6
  13. package/docs/components/init.js +7 -0
  14. package/docs/components/light-component.html +3 -7
  15. package/docs/components/persistant-collapsible.html +1 -8
  16. package/docs/components/photo-viewer.html +1 -8
  17. package/docs/components/resize.html +3 -9
  18. package/docs/components/shadow-component.html +3 -7
  19. package/docs/components/show-more.html +3 -9
  20. package/docs/components/side-menu.html +1 -6
  21. package/docs/components/sortable.html +3 -7
  22. package/docs/components/split.html +3 -7
  23. package/docs/components/table.html +3 -7
  24. package/docs/components/tableControls.html +3 -7
  25. package/docs/components/tableCustomFields.html +3 -7
  26. package/docs/components/tableFetchRecords.html +3 -7
  27. package/docs/components/tableFieldSortHide.html +3 -7
  28. package/docs/components/tablePagination.html +3 -7
  29. package/docs/components/tableRecordEditing.html +3 -7
  30. package/docs/components/tableRecordFiltering.html +3 -7
  31. package/docs/components/tableRecordHiding.html +3 -7
  32. package/docs/components/tableRecordSearching.html +3 -7
  33. package/docs/components/tableRecordSelection.html +3 -7
  34. package/docs/components/tableRowControls.html +3 -7
  35. package/docs/components/tableSorting.html +3 -7
  36. package/docs/components/tabs.html +3 -9
  37. package/docs/components/tags.html +3 -9
  38. package/docs/components/theme-switcher.html +3 -9
  39. package/docs/components/timestamp.html +3 -9
  40. package/docs/components/toast.html +80 -42
  41. package/docs/components/toggle.html +3 -9
  42. package/docs/components/tree.html +108 -21
  43. package/docs/index.html +10 -6
  44. package/docs/init.js +7 -0
  45. package/docs/src/components/Icon.js +1 -1
  46. package/docs/src/components/ShadowComponent.js +1 -1
  47. package/docs/src/components/Tree.js +37 -0
  48. package/docs/utils/debounce.html +1 -6
  49. package/docs/utils/drag.html +1 -6
  50. package/docs/utils/formatTimestamp.html +1 -6
  51. package/docs/utils/init.js +7 -0
  52. package/docs/utils/propConverters.html +1 -6
  53. package/docs/utils/toTitleCase.html +1 -6
  54. package/docs/utils/watchWindowSize.html +1 -6
  55. package/package.json +1 -1
  56. package/scripts/build.js +12 -2
  57. package/src/components/Card.js +2 -5
  58. package/src/components/Dialog.js +48 -34
  59. package/src/components/Icon.js +25 -18
  60. package/src/components/Tree.js +64 -72
package/docs/components/import.html CHANGED
@@ -7,12 +7,7 @@
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
8
  <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
9
  <link rel="stylesheet" href="../styles.css" />
10
- <script type="module">
11
- import Import from '../src/components/Import.js';
12
- import Icon from '../src/components/Icon.js';
13
- Import.replacements.root = '../';
14
- Icon.pathToIcons = ['../icons'];
15
- </script>
10
+ <script type="module" src="./init.js"></script>
16
11
  </head>
17
12
  <body>
18
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/init.js ADDED
@@ -0,0 +1,7 @@
1
+ import Import from '../src/components/Import.js';
2
+ import Icon from '../src/components/Icon.js';
3
+ import ShadowComponent from '../src/components/ShadowComponent.js';
4
+
5
+ Import.replacements.root = '../';
6
+ Icon.pathToIcons = ['../icons'];
7
+ ShadowComponent.stylesheetPath = '../kempo.min.css';
package/docs/components/light-component.html CHANGED
@@ -5,13 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>LightComponent - Base Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import Import from '../src/components/Import.js';
11
- import Icon from '../src/components/Icon.js';
12
- Import.replacements.root = '../';
13
- Icon.pathToIcons = ['../icons'];
14
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
15
11
  </head>
16
12
  <body>
17
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/persistant-collapsible.html CHANGED
@@ -7,14 +7,7 @@
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
8
  <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
9
  <link rel="stylesheet" href="../styles.css" />
10
- <script type="module">
11
- import ShadowComponent from '../src/components/ShadowComponent.js';
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- ShadowComponent.stylesheetPath = '../kempo.min.css';
15
- Import.replacements.root = '../';
16
- Icon.pathToIcons = ['../icons'];
17
- </script>
10
+ <script type="module" src="./init.js"></script>
18
11
  </head>
19
12
  <body>
20
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/photo-viewer.html CHANGED
@@ -7,14 +7,7 @@
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
8
  <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
9
  <link rel="stylesheet" href="../styles.css" />
10
- <script type="module">
11
- import ShadowComponent from '../src/components/ShadowComponent.js';
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- ShadowComponent.stylesheetPath = '../kempo.min.css';
15
- Import.replacements.root = '../';
16
- Icon.pathToIcons = ['../icons'];
17
- </script>
10
+ <script type="module" src="./init.js"></script>
18
11
  </head>
19
12
  <body>
20
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/resize.html CHANGED
@@ -5,15 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Resize - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import ShadowComponent from '../src/components/ShadowComponent.js';
11
- import Import from '../src/components/Import.js';
12
- import Icon from '../src/components/Icon.js';
13
- ShadowComponent.stylesheetPath = '../kempo.min.css';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
17
11
  </head>
18
12
  <body>
19
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/shadow-component.html CHANGED
@@ -5,13 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>ShadowComponent - Base Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import Import from '../src/components/Import.js';
11
- import Icon from '../src/components/Icon.js';
12
- Import.replacements.root = '../';
13
- Icon.pathToIcons = ['../icons'];
14
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
15
11
  </head>
16
12
  <body>
17
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/show-more.html CHANGED
@@ -5,15 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Show More - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import ShadowComponent from '../src/components/ShadowComponent.js';
11
- import Import from '../src/components/Import.js';
12
- import Icon from '../src/components/Icon.js';
13
- ShadowComponent.stylesheetPath = '../kempo.min.css';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
17
11
  </head>
18
12
  <body>
19
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/side-menu.html CHANGED
@@ -8,12 +8,7 @@
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
9
  <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
10
  <link rel="stylesheet" href="../styles.css" />
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
11
+ <script type="module" src="./init.js"></script>
17
12
  </head>
18
13
  <body>
19
14
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/sortable.html CHANGED
@@ -5,13 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Sortable - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import Import from '../src/components/Import.js';
11
- import Icon from '../src/components/Icon.js';
12
- Import.replacements.root = '../';
13
- Icon.pathToIcons = ['../icons'];
14
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
15
11
  </head>
16
12
  <body>
17
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/split.html CHANGED
@@ -5,13 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Split - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import Import from '../src/components/Import.js';
11
- import Icon from '../src/components/Icon.js';
12
- Import.replacements.root = '../';
13
- Icon.pathToIcons = ['../icons'];
14
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
15
11
  </head>
16
12
  <body>
17
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/table.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Table - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
 
19
15
  window.contacts = [];
package/docs/components/tableControls.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Top and Bottom Controls - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableCustomFields.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Custom Fields - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableFetchRecords.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Table - Fetch Records - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableFieldSortHide.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Field Sort and Hide - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tablePagination.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Pagination - Table - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableRecordEditing.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Record Editing - Table - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableRecordFiltering.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Record Filtering - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableRecordHiding.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Row Controls - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableRecordSearching.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Record Searching - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableRecordSelection.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Record Selection - Table - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableRowControls.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Row Controls - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tableSorting.html CHANGED
@@ -6,14 +6,10 @@
6
6
  <title>Sorting - Table - Kempo Docs</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" />
8
8
  <link rel="stylesheet" href="../kempo.min.css" />
9
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
10
+ <link rel="stylesheet" href="../styles.css" />
10
11
  <script type="module" src="../src/components/Table.js"></script>
11
- <script type="module">
12
- import Import from '../src/components/Import.js';
13
- import Icon from '../src/components/Icon.js';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
12
+ <script type="module" src="./init.js"></script>
17
13
  <script>
18
14
  window.contacts = [];
19
15
  function generateContact(){
package/docs/components/tabs.html CHANGED
@@ -5,15 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Tabs - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import ShadowComponent from '../src/components/ShadowComponent.js';
11
- import Import from '../src/components/Import.js';
12
- import Icon from '../src/components/Icon.js';
13
- ShadowComponent.stylesheetPath = '../kempo.min.css';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
17
11
  </head>
18
12
  <body>
19
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/tags.html CHANGED
@@ -5,15 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Tags - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import ShadowComponent from '../src/components/ShadowComponent.js';
11
- import Import from '../src/components/Import.js';
12
- import Icon from '../src/components/Icon.js';
13
- ShadowComponent.stylesheetPath = '../kempo.min.css';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
17
11
  </head>
18
12
  <body>
19
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/theme-switcher.html CHANGED
@@ -5,15 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>ThemeSwitcher - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import ShadowComponent from '../src/components/ShadowComponent.js';
11
- import Import from '../src/components/Import.js';
12
- import Icon from '../src/components/Icon.js';
13
- ShadowComponent.stylesheetPath = '../kempo.min.css';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
17
11
  </head>
18
12
  <body>
19
13
  <k-import src="../nav.inc.html"></k-import>
package/docs/components/timestamp.html CHANGED
@@ -5,15 +5,9 @@
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
6
  <title>Timestamp - Components - Kempo Docs - A Web Components Solution</title>
7
7
  <link rel="stylesheet" href="../src/kempo-vars.css" /><link rel="stylesheet" href="../kempo.min.css" />
8
- <link rel="stylesheet" href="../src/kempo-hljs.css" />`n <link rel="stylesheet" href="../styles.css" />
9
- <script type="module">
10
- import ShadowComponent from '../src/components/ShadowComponent.js';
11
- import Import from '../src/components/Import.js';
12
- import Icon from '../src/components/Icon.js';
13
- ShadowComponent.stylesheetPath = '../kempo.min.css';
14
- Import.replacements.root = '../';
15
- Icon.pathToIcons = ['../icons'];
16
- </script>
8
+ <link rel="stylesheet" href="../src/kempo-hljs.css" />
9
+ <link rel="stylesheet" href="../styles.css" />
10
+ <script type="module" src="./init.js"></script>
17
11
  </head>
18
12
  <body>
19
13
  <k-import src="../nav.inc.html"></k-import>