npm - kempo-ui - Versions diffs - 0.0.17 → 0.0.18 - Mend

kempo-ui 0.0.17 → 0.0.18

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 (167) hide show

package/docs/{kempo-ui/components → components}/hybrid-component.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>HybridComponent - Base Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">HybridComponent</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -34,7 +34,7 @@
     </k-accordion>
     <h3 id="overview"><a href="#overview" class="no-link">Overview</a></h3>
-    <p>HybridComponent is a base class that extends <a href="/kempo-ui/components/shadow-component.html">ShadowComponent</a> and provides both shadow DOM rendering with Kempo CSS styles AND light DOM rendering. Use this when you want your component to:</p>
+    <p>HybridComponent is a base class that extends <a href="./components/shadow-component.html">ShadowComponent</a> and provides both shadow DOM rendering with Kempo CSS styles AND light DOM rendering. Use this when you want your component to:</p>
     <ul>
       <li>Have shadow DOM with Kempo CSS for internal UI elements</li>
       <li>Also render content to the light DOM alongside natural children</li>
@@ -65,8 +65,8 @@
       <li><strong>SideMenu:</strong> Shadow DOM for menu structure and styling, light DOM for menu items</li>
     </ul>
-    <p>Use <a href="/kempo-ui/components/shadow-component.html">ShadowComponent</a> instead when you only need shadow DOM.</p>
-    <p>Use <a href="/kempo-ui/components/light-component.html">LightComponent</a> instead when you only need light DOM.</p>
+    <p>Use <a href="./components/shadow-component.html">ShadowComponent</a> instead when you only need shadow DOM.</p>
+    <p>Use <a href="./components/light-component.html">LightComponent</a> instead when you only need light DOM.</p>
     <h2 id="jsRef"><a href="#jsRef" class="no-link">JavaScript Reference</a></h2>
@@ -106,8 +106,8 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/icon.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Icon - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="/kempo-ui/kempo-vars.css" />
-  <link rel="stylesheet" href="/kempo-ui/kempo.min.css" />
-  <link rel="stylesheet" href="/kempo-ui/kempo-hljs.css" />
-  <link rel="stylesheet" href="/kempo-ui/styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">Icon</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -152,10 +152,10 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Icon.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Icon.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/import.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Import - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">Import</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -72,9 +72,9 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/light-component.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>LightComponent - Base Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">LightComponent</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -61,9 +61,9 @@
       <li>Shadow DOM encapsulation would interfere with your component's purpose</li>
       <li>You're working with third-party libraries that expect light DOM</li>
     </ul>
-    <p>Use <a href="/kempo-ui/components/shadow-component.html">ShadowComponent</a> instead when you need style encapsulation and scoped CSS.
+    <p>Use <a href="./components/shadow-component.html">ShadowComponent</a> instead when you need style encapsulation and scoped CSS.
     </p>
-    <p>Use <a href="/kempo-ui/components/hybrid-component.html">HybridComponent</a> when you need both shadow DOM styles and light DOM
+    <p>Use <a href="./components/hybrid-component.html">HybridComponent</a> when you need both shadow DOM styles and light DOM
       rendering.</p>
     <h2 id="jsRef"><a href="#jsRef" class="no-link">JavaScript Reference</a></h2>
@@ -109,8 +109,8 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/photo-viewer.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>PhotoViewer - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <main>
     <h1 class="ta-center">PhotoViewer</h1>
@@ -260,10 +260,10 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/PhotoViewer.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/PhotoViewer.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/resize.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Resize - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">Resize</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -170,10 +170,10 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Resize.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Resize.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/shadow-component.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>ShadowComponent - Base Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">ShadowComponent</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -42,8 +42,8 @@
       <li>Automatic access to Kempo CSS styles</li>
       <li>Scoped component-specific styles</li>
     </ul>
-    <p>Most Kempo UI components extend ShadowComponent, including <a href="/kempo-ui/components/dialog.html">Dialog</a>,
-      <a href="/kempo-/components/card.html">Card</a>, <a href="/kempo-ui/components/accordion.html">Accordion</a>, and
+    <p>Most Kempo UI components extend ShadowComponent, including <a href="./components/dialog.html">Dialog</a>,
+      <a href="./kempo-/components/card.html">Card</a>, <a href="./components/accordion.html">Accordion</a>, and
       many others.
     </p>
@@ -94,8 +94,8 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/show-more.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Show More - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <main>
     <h1 class="ta-center">Show More</h1>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -121,10 +121,10 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/ShowMore.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/ShowMore.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/side-menu.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>SideMenu - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">SideMenu</h1>
   <main>
     <details class="b r mb">
@@ -149,7 +149,7 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/SideMenu.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/SideMenu.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/sortable.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Sortable - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">Sortable</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -126,10 +126,10 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Sortable.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Sortable.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/split.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Split - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">Split</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -162,11 +162,11 @@
   </main>
   <div style="height:33vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Split.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Resize.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
+  <script type="module" src="../src/components/Split.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Resize.js"></script>
 </body>
 </html>

package/docs/{kempo-ui/components → components}/table.html RENAMED Viewed

@@ -1,18 +1,18 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <base href="/kempo-ui/">
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Table - Components - Kempo Docs - A Web Components Solution</title>
-  <link rel="stylesheet" href="kempo-vars.css" />
-  <link rel="stylesheet" href="kempo.min.css" />
-  <link rel="stylesheet" href="kempo-hljs.css" />
-  <link rel="stylesheet" href="styles.css" />
+  <link rel="stylesheet" href="../kempo-vars.css" />
+  <link rel="stylesheet" href="../kempo.min.css" />
+  <link rel="stylesheet" href="../kempo-hljs.css" />
+  <link rel="stylesheet" href="../styles.css" />
   <script>window.litDisableBundleWarning = true;</script>
+  <script src="../init-1.js" type="module"></script>
 </head>
 <body>
-  <k-import src="/kempo-ui/nav.inc.html"></k-import>
+  <k-import src="../nav-1.inc.html"></k-import>
   <h1 class="ta-center">Table</h1>
   <main>
     <k-accordion persistent-id="toc" class="b r mb">
@@ -88,18 +88,18 @@
     <h3>Examples</h3>
     <ul>
-      <li><a href="/kempo-ui/components/tableCustomFields.html">Custom Fields Example</a></li>
-      <li><a href="/kempo-ui/components/tableControls.html">Top and Bottom Controls</a></li>
-      <li><a href="/kempo-ui/components/tableRowControls.html">Row Controls</a></li>
-      <li><a href="/kempo-ui/components/tablePagination.html">Pagination</a></li>
-      <li><a href="/kempo-ui/components/tableRecordSelection.html">Record Selection</a></li>
-      <li><a href="/kempo-ui/components/tableRecordEditing.html">Record Editing</a></li>
-      <li><a href="/kempo-ui/components/tableRecordHiding.html">Record Hiding</a></li>
-      <li><a href="/kempo-ui/components/tableRecordFiltering.html">Record Filtering</a></li>
-      <li><a href="/kempo-ui/components/tableRecordSearching.html">Record Searching</a></li>
-      <li><a href="/kempo-ui/components/tableSorting.html">Sorting</a></li>
-      <li><a href="/kempo-ui/components/tableFieldSortHide.html">Field Sorting and Hiding</a></li>
-      <li><a href="/kempo-ui/components/tableFetchRecords.html">Fetching Records</a></li>
+      <li><a href="./components/tableCustomFields.html">Custom Fields Example</a></li>
+      <li><a href="./components/tableControls.html">Top and Bottom Controls</a></li>
+      <li><a href="./components/tableRowControls.html">Row Controls</a></li>
+      <li><a href="./components/tablePagination.html">Pagination</a></li>
+      <li><a href="./components/tableRecordSelection.html">Record Selection</a></li>
+      <li><a href="./components/tableRecordEditing.html">Record Editing</a></li>
+      <li><a href="./components/tableRecordHiding.html">Record Hiding</a></li>
+      <li><a href="./components/tableRecordFiltering.html">Record Filtering</a></li>
+      <li><a href="./components/tableRecordSearching.html">Record Searching</a></li>
+      <li><a href="./components/tableSorting.html">Sorting</a></li>
+      <li><a href="./components/tableFieldSortHide.html">Field Sorting and Hiding</a></li>
+      <li><a href="./components/tableFetchRecords.html">Fetching Records</a></li>
     </ul>
     <br />
@@ -270,11 +270,11 @@
   </main>
   <div style="height: 33.333vh"></div>
-  <script type="module" src="/kempo-ui/src/components/Import.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Table.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Accordion.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Card.js"></script>
-  <script type="module" src="/kempo-ui/src/components/Resize.js"></script>
+  <script type="module" src="../src/components/Import.js"></script>
+  <script type="module" src="../src/components/Table.js"></script>
+  <script type="module" src="../src/components/Accordion.js"></script>
+  <script type="module" src="../src/components/Card.js"></script>
+  <script type="module" src="../src/components/Resize.js"></script>
 </body>
 </html>