kempo-ui 0.0.18 → 0.0.19

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 (5) hide show
  1. package/docs/components/dialog.html +4 -4
  2. package/docs/components/tableRecordEditing.html +1 -1
  3. package/docs/components/toast.html +5 -5
  4. package/docs/components/tree.html +4 -4
  5. package/package.json +1 -1
package/docs/components/dialog.html CHANGED
@@ -97,7 +97,7 @@
97
97
  <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"d7"</span>&gt;</span>Open Dialog<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br /><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>&gt;</span><span class="javascript"><br /> <span class="hljs-keyword">import</span> Dialog <span class="hljs-keyword">from</span> <span class="hljs-string">'/src/components/Dialog.js'</span>;<br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'d7'</span>).addEventListener(<span class="hljs-string">'click'</span>, () =&gt; {<br /> Dialog.create(<span class="hljs-string">'Hello World'</span>);<br /> });<br /></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></code></pre>
98
98
  <button id="d7" class="mb">Open Dialog</button>
99
99
  <script type="module">
100
- import Dialog from '/src/components/Dialog.js';
100
+ import Dialog from '../src/components/Dialog.js';
101
101
  document.getElementById('d7').addEventListener('click', () => {
102
102
  Dialog.create('Hello World');
103
103
  });
@@ -107,7 +107,7 @@
107
107
  <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"d7b"</span>&gt;</span>Open Dialog with Title<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br /><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>&gt;</span><span class="javascript"><br /> <span class="hljs-keyword">import</span> Dialog <span class="hljs-keyword">from</span> <span class="hljs-string">'/src/components/Dialog.js'</span>;<br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'d7b'</span>).addEventListener(<span class="hljs-string">'click'</span>, () =&gt; {<br /> Dialog.create(<span class="hljs-string">'This is the dialog content'</span>, {<br /> <span class="hljs-attr">title</span>: <span class="hljs-string">'My Dialog Title'</span><br /> });<br /> });<br /></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></code></pre>
108
108
  <button id="d7b" class="mb">Open Dialog with Title</button>
109
109
  <script type="module">
110
- import Dialog from '/src/components/Dialog.js';
110
+ import Dialog from '../src/components/Dialog.js';
111
111
  document.getElementById('d7b').addEventListener('click', () => {
112
112
  Dialog.create('This is the dialog content', {
113
113
  title: 'My Dialog Title'
@@ -119,7 +119,7 @@
119
119
  <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"d8"</span>&gt;</span>Open Dialog<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br /><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>&gt;</span><span class="javascript"><br /> <span class="hljs-keyword">import</span> Dialog <span class="hljs-keyword">from</span> <span class="hljs-string">'/src/components/Dialog.js'</span>;<br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'d8'</span>).addEventListener(<span class="hljs-string">'click'</span>, () =&gt; {<br /> Dialog.error(<span class="hljs-string">"Oh no, don't do that!"</span>);<br /> });<br /></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></code></pre>
120
120
  <button id="d8" class="mb">Open Dialog</button>
121
121
  <script type="module">
122
- import Dialog from '/src/components/Dialog.js';
122
+ import Dialog from '../src/components/Dialog.js';
123
123
  document.getElementById('d8').addEventListener('click', () => {
124
124
  Dialog.error("Oh no, don't do that!");
125
125
  });
@@ -130,7 +130,7 @@
130
130
  <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">button</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"d9"</span>&gt;</span>Open Confirm Dialog<span class="hljs-tag">&lt;/<span class="hljs-name">button</span>&gt;</span><br /><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"module"</span>&gt;</span><span class="javascript"><br /> <span class="hljs-keyword">import</span> Dialog <span class="hljs-keyword">from</span> <span class="hljs-string">'/src/components/Dialog.js'</span>;<br /> <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'d9'</span>).addEventListener(<span class="hljs-string">'click'</span>, () =&gt; {<br /> Dialog.confirm(<span class="hljs-string">"Are you sure you want to proceed?"</span>, <span class="hljs-function"><span class="hljs-params">response</span> =&gt;</span> {<br /> <span class="hljs-built_in">console</span>.log(<span class="hljs-string">"User response:"</span>, response);<br /> });<br /> });<br /></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span></code></pre>
131
131
  <button id="d9" class="mb">Open Confirm Dialog</button>
132
132
  <script type="module">
133
- import Dialog from '/src/components/Dialog.js';
133
+ import Dialog from '../src/components/Dialog.js';
134
134
  document.getElementById('d9').addEventListener('click', () => {
135
135
  Dialog.confirm("Are you sure you want to proceed?", response => {
136
136
  console.log("User response:", response);
package/docs/components/tableRecordEditing.html CHANGED
@@ -66,7 +66,7 @@
66
66
  <k-tc-edit slot="after"></k-tc-edit>
67
67
  </k-table>
68
68
  <script type="module">
69
- import Table from '/src/components/Table.js';
69
+ import Table from '../src/components/Table.js';
70
70
  await window.customElements.whenDefined('k-table');
71
71
  Table.editors.tel = (v) => {
72
72
  const $input = document.createElement("input");
package/docs/components/toast.html CHANGED
@@ -53,7 +53,7 @@
53
53
  <k-card label="Results">
54
54
  <button id="example1" class="mb">Open Toast</button>
55
55
  <script type="module">
56
- import Toast from '/src/components/Toast.js';
56
+ import Toast from '../src/components/Toast.js';
57
57
  document.getElementById('example1').addEventListener('click', () => {
58
58
  Toast.create("Hello World");
59
59
  });
@@ -80,7 +80,7 @@
80
80
  <button id="example2-bottomcenter" class="mb">Bottom Center</button>
81
81
  <button id="example2-bottomright" class="mb">Bottom Right</button>
82
82
  <script type="module">
83
- import Toast from '/src/components/Toast.js';
83
+ import Toast from '../src/components/Toast.js';
84
84
  document.getElementById('example2-topleft').addEventListener('click', () => {
85
85
  Toast.create("Hello Top Left", {
86
86
  position: "top left"
@@ -133,7 +133,7 @@
133
133
  <button id="example3-3" class="mb">Open 3 Second Timeout Toast</button>
134
134
  <button id="example3-10" class="mb">Open 10 Second Timeout Toast</button>
135
135
  <script type="module">
136
- import Toast from '/src/components/Toast.js';
136
+ import Toast from '../src/components/Toast.js';
137
137
  document.getElementById('example3-1').addEventListener('click', () => {
138
138
  Toast.create("I will timeout in 1 second", {
139
139
  timeout: 1000
@@ -168,7 +168,7 @@
168
168
  <button id="example4-close" class="mb">Open Toast with Close Button</button>
169
169
  <button id="example4-action-close" class="mb">Open Toast with Action and Close Button</button>
170
170
  <script type="module">
171
- import Toast from '/src/components/Toast.js';
171
+ import Toast from '../src/components/Toast.js';
172
172
  document.getElementById('example4-action').addEventListener('click', () => {
173
173
  Toast.create("Hello World", {
174
174
  timeout: 0,
@@ -220,7 +220,7 @@
220
220
  <button id="example5-warning" class="mb">Warning Toast</button>
221
221
  <button id="example5-error" class="mb">Error Toast</button>
222
222
  <script type="module">
223
- import Toast from '/src/components/Toast.js';
223
+ import Toast from '../src/components/Toast.js';
224
224
  document.getElementById('example5-success').addEventListener('click', () => {
225
225
  Toast.success("It Worked!");
226
226
  });
package/docs/components/tree.html CHANGED
@@ -45,7 +45,7 @@
45
45
  <div class="col d-span-6 m-span-12 px">
46
46
  <k-tree id="myTree"></k-tree>
47
47
  <script type="module">
48
- import Tree from '/src/components/Tree.js';
48
+ import Tree from '../src/components/Tree.js';
49
49
  const tree = document.getElementById('myTree');
50
50
  tree.data = {
51
51
  name: 'John Doe',
@@ -71,7 +71,7 @@
71
71
  <div class="col d-span-6 m-span-12 px">
72
72
  <k-tree id="depthTree" depth="2"></k-tree>
73
73
  <script type="module">
74
- import Tree from '/src/components/Tree.js';
74
+ import Tree from '../src/components/Tree.js';
75
75
  const tree = document.getElementById('depthTree');
76
76
  tree.data = {
77
77
  company: 'Tech Corp',
@@ -100,8 +100,8 @@
100
100
  <div class="col d-span-6 m-span-12 px">
101
101
  <k-tree id="customTree"></k-tree>
102
102
  <script type="module">
103
- import Tree, { TreeLeaf } from '/src/components/Tree.js';
104
- import { html } from '/src/lit-all.min.js';
103
+ import Tree, { TreeLeaf } from '../src/components/Tree.js';
104
+ import { html } from '../src/lit-all.min.js';
105
105
  class DateLeaf extends TreeLeaf {
106
106
  render() {
107
107
  const { month, day, year } = this.value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kempo-ui",
3
- "version": "0.0.18",
3
+ "version": "0.0.19",
4
4
  "type": "module",
5
5
  "description": "A Lit based web-component library",
6
6
  "main": "index.js",