kempo-ui 0.3.4 → 0.3.6
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.
- package/AGENTS.md +2 -1
- package/dist/components/Aside.js +2 -0
- package/docs/components/accordion.html +240 -8
- package/docs/components/aside-items.html +13 -9
- package/docs/components/aside-menu.html +13 -9
- package/docs/components/aside-push.html +11 -6
- package/docs/components/aside.html +239 -8
- package/docs/components/card.html +238 -7
- package/docs/components/color-picker.html +245 -14
- package/docs/components/content-slider.html +240 -8
- package/docs/components/context.html +241 -7
- package/docs/components/dialog.html +238 -7
- package/docs/components/dropdown.html +238 -7
- package/docs/components/filter-list.html +239 -10
- package/docs/components/focus-capture.html +241 -10
- package/docs/components/html-editor.html +266 -35
- package/docs/components/hybrid-component.html +238 -6
- package/docs/components/icon.html +239 -9
- package/docs/components/import.html +239 -8
- package/docs/components/light-component.html +239 -7
- package/docs/components/nav.html +240 -8
- package/docs/components/photo-viewer.html +239 -9
- package/docs/components/resize.html +240 -9
- package/docs/components/shadow-component.html +239 -7
- package/docs/components/show-more.html +237 -8
- package/docs/components/sortable.html +239 -8
- package/docs/components/spinner.html +237 -6
- package/docs/components/split.html +241 -10
- package/docs/components/table.html +241 -11
- package/docs/components/tableControls.html +240 -7
- package/docs/components/tableCustomFields.html +241 -8
- package/docs/components/tableFetchRecords.html +239 -7
- package/docs/components/tableFieldSortHide.html +239 -7
- package/docs/components/tablePagination.html +246 -13
- package/docs/components/tablePlaceholder.html +241 -8
- package/docs/components/tableRecordEditing.html +241 -8
- package/docs/components/tableRecordFiltering.html +239 -7
- package/docs/components/tableRecordHiding.html +241 -9
- package/docs/components/tableRecordSearching.html +239 -7
- package/docs/components/tableRecordSelection.html +240 -7
- package/docs/components/tableRowControls.html +241 -8
- package/docs/components/tableServerSync.html +245 -11
- package/docs/components/tableSorting.html +239 -7
- package/docs/components/tabs.html +240 -7
- package/docs/components/tags.html +239 -7
- package/docs/components/theme-select.html +239 -7
- package/docs/components/theme-switcher.html +240 -8
- package/docs/components/timestamp.html +239 -8
- package/docs/components/toast.html +240 -8
- package/docs/components/toggle.html +240 -9
- package/docs/components/tree.html +239 -8
- package/docs/index.html +244 -6
- package/docs/prod.config.json +0 -4
- package/docs/src/components/Aside.js +2 -0
- package/docs/utils/context.html +237 -6
- package/docs/utils/cookie.html +251 -21
- package/docs/utils/debounce.html +236 -5
- package/docs/utils/drag.html +236 -5
- package/docs/utils/elevation.html +238 -6
- package/docs/utils/formatTimestamp.html +233 -3
- package/docs/utils/object.html +236 -5
- package/docs/utils/propConverters.html +233 -3
- package/docs/utils/string.html +236 -5
- package/docs/utils/theme.html +237 -6
- package/docs/utils/toTitleCase.html +233 -3
- package/docs/utils/type.html +236 -5
- package/docs/utils/wait.html +236 -5
- package/docs-src/.config.js +16 -0
- package/docs-src/bare.template.html +16 -0
- package/docs-src/components/accordion.page.html +201 -0
- package/docs-src/components/aside-items.page.html +36 -0
- package/docs-src/components/aside-menu.page.html +36 -0
- package/docs-src/components/aside-push.page.html +20 -0
- package/docs-src/components/aside.page.html +551 -0
- package/docs-src/components/card.page.html +78 -0
- package/docs-src/components/color-picker.page.html +559 -0
- package/docs-src/components/content-slider.page.html +266 -0
- package/docs-src/components/context.page.html +214 -0
- package/docs-src/components/dialog.page.html +365 -0
- package/docs-src/components/dropdown.page.html +300 -0
- package/docs-src/components/filter-list.page.html +117 -0
- package/docs-src/components/focus-capture.page.html +97 -0
- package/docs-src/components/html-editor.page.html +423 -0
- package/docs-src/components/hybrid-component.page.html +96 -0
- package/docs-src/components/icon.page.html +208 -0
- package/docs-src/components/import.page.html +76 -0
- package/docs-src/components/light-component.page.html +99 -0
- package/docs-src/components/nav.page.html +106 -0
- package/docs-src/components/photo-viewer.page.html +253 -0
- package/docs-src/components/resize.page.html +161 -0
- package/docs-src/components/shadow-component.page.html +84 -0
- package/docs-src/components/show-more.page.html +113 -0
- package/docs-src/components/sortable.page.html +117 -0
- package/docs-src/components/spinner.page.html +197 -0
- package/docs-src/components/split.page.html +195 -0
- package/docs-src/components/table.page.html +283 -0
- package/docs-src/components/tableControls.page.html +64 -0
- package/docs-src/components/tableCustomFields.page.html +124 -0
- package/docs-src/components/tableFetchRecords.page.html +95 -0
- package/docs-src/components/tableFieldSortHide.page.html +56 -0
- package/docs-src/components/tablePagination.page.html +85 -0
- package/docs-src/components/tablePlaceholder.page.html +73 -0
- package/docs-src/components/tableRecordEditing.page.html +161 -0
- package/docs-src/components/tableRecordFiltering.page.html +69 -0
- package/docs-src/components/tableRecordHiding.page.html +65 -0
- package/docs-src/components/tableRecordSearching.page.html +56 -0
- package/docs-src/components/tableRecordSelection.page.html +60 -0
- package/docs-src/components/tableRowControls.page.html +62 -0
- package/docs-src/components/tableServerSync.page.html +129 -0
- package/docs-src/components/tableSorting.page.html +54 -0
- package/docs-src/components/tabs.page.html +201 -0
- package/docs-src/components/tags.page.html +157 -0
- package/docs-src/components/theme-select.page.html +106 -0
- package/docs-src/components/theme-switcher.page.html +122 -0
- package/docs-src/components/timestamp.page.html +109 -0
- package/docs-src/components/toast.page.html +338 -0
- package/docs-src/components/toggle.page.html +177 -0
- package/docs-src/components/tree.page.html +356 -0
- package/docs-src/default.template.html +28 -0
- package/docs-src/index.page.html +312 -0
- package/docs-src/nav.fragment.html +228 -0
- package/docs-src/utils/context.page.html +143 -0
- package/docs-src/utils/cookie.page.html +128 -0
- package/docs-src/utils/debounce.page.html +42 -0
- package/docs-src/utils/drag.page.html +64 -0
- package/docs-src/utils/elevation.page.html +144 -0
- package/docs-src/utils/formatTimestamp.page.html +76 -0
- package/docs-src/utils/object.page.html +76 -0
- package/docs-src/utils/propConverters.page.html +73 -0
- package/docs-src/utils/string.page.html +66 -0
- package/docs-src/utils/theme.page.html +136 -0
- package/docs-src/utils/toTitleCase.page.html +52 -0
- package/docs-src/utils/type.page.html +31 -0
- package/docs-src/utils/wait.page.html +31 -0
- package/package.json +4 -4
- package/scripts/build.js +5 -0
- package/scripts/docs.js +5 -52
- package/src/components/Aside.js +2 -0
- package/tests/components/Aside.browser-test.js +35 -0
- package/docs/dev.config.json +0 -20
- package/docs/nav-1.inc.html +0 -168
- package/docs/nav.inc.html +0 -168
- package/docs/nav.inc.js +0 -70
package/docs/nav.inc.js
DELETED
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import debounce from './src/utils/debounce.js';
|
|
2
|
-
|
|
3
|
-
document.getElementById('toggleNavSideMenu').addEventListener('click', async () => {
|
|
4
|
-
await window.customElements.whenDefined('k-aside');
|
|
5
|
-
document.getElementById('navSideMenu').toggle();
|
|
6
|
-
});
|
|
7
|
-
|
|
8
|
-
document.addEventListener('click', function(e) {
|
|
9
|
-
if(e.target.matches('a[href^="#"]')) {
|
|
10
|
-
e.preventDefault();
|
|
11
|
-
const targetId = e.target.getAttribute('href').replace('#', '');
|
|
12
|
-
const target = document.getElementById(targetId);
|
|
13
|
-
if(target) {
|
|
14
|
-
target.scrollIntoView({ behavior: 'smooth' });
|
|
15
|
-
const url = window.location.pathname + window.location.search + '#' + targetId;
|
|
16
|
-
history.replaceState(null, '', url);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
/*
|
|
22
|
-
Nav Search
|
|
23
|
-
*/
|
|
24
|
-
const searchInput = document.getElementById('navSearchInput');
|
|
25
|
-
const searchDropdown = document.getElementById('navSearchDropdown');
|
|
26
|
-
let navSearchList = null;
|
|
27
|
-
|
|
28
|
-
const openSearch = async () => {
|
|
29
|
-
await customElements.whenDefined('k-filter-list');
|
|
30
|
-
if(!navSearchList) navSearchList = document.getElementById('navSearchList');
|
|
31
|
-
navSearchList.filter(searchInput.value);
|
|
32
|
-
searchDropdown.hidden = false;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
const closeSearch = () => {
|
|
36
|
-
searchDropdown.hidden = true;
|
|
37
|
-
navSearchList?.clearFocus();
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
searchInput.addEventListener('focus', openSearch);
|
|
41
|
-
|
|
42
|
-
searchInput.addEventListener('input', debounce(e => {
|
|
43
|
-
navSearchList?.filter(e.target.value);
|
|
44
|
-
}, 150));
|
|
45
|
-
|
|
46
|
-
searchInput.addEventListener('keydown', e => {
|
|
47
|
-
if(e.key === 'Escape') {
|
|
48
|
-
searchInput.value = '';
|
|
49
|
-
searchInput.blur();
|
|
50
|
-
closeSearch();
|
|
51
|
-
} else if(e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter') {
|
|
52
|
-
navSearchList?.handleKeydown(e);
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
|
|
56
|
-
searchInput.addEventListener('blur', () => {
|
|
57
|
-
setTimeout(closeSearch, 150);
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
document.addEventListener('keydown', e => {
|
|
61
|
-
let active = document.activeElement;
|
|
62
|
-
while(active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
|
|
63
|
-
const tag = active?.tagName;
|
|
64
|
-
if(tag === 'INPUT' || tag === 'TEXTAREA' || active?.isContentEditable) return;
|
|
65
|
-
if(e.metaKey || e.ctrlKey || e.altKey) return;
|
|
66
|
-
if(e.key.length === 1) {
|
|
67
|
-
searchInput.focus();
|
|
68
|
-
// Don't preventDefault — let the keystroke land in the input naturally
|
|
69
|
-
}
|
|
70
|
-
});
|