kempo-ui 0.4.17 → 0.4.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 (175) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/components/Button.js +30 -0
  3. package/dist/components/CodeEditor.js +1 -1
  4. package/dist/components/Combobox.js +4 -3
  5. package/dist/components/ContentSlider.js +1 -1
  6. package/dist/components/HtmlEditor.js +2 -2
  7. package/dist/components/MarkdownEditor.js +3 -3
  8. package/dist/components/Pagination.js +43 -0
  9. package/dist/components/Slider.js +2 -2
  10. package/dist/components/markdownEditorControls/Heading.js +5 -5
  11. package/dist/components/markdownEditorControls/Table.js +2 -2
  12. package/dist/components/paginationControls/FirstPage.js +1 -0
  13. package/dist/components/paginationControls/GotoPage.js +17 -0
  14. package/dist/components/paginationControls/ItemsPerPage.js +15 -0
  15. package/dist/components/paginationControls/LastPage.js +1 -0
  16. package/dist/components/paginationControls/NextPage.js +1 -0
  17. package/dist/components/paginationControls/PageCount.js +1 -0
  18. package/dist/components/paginationControls/PageInfo.js +6 -0
  19. package/dist/components/paginationControls/PaginationButtonControl.js +20 -0
  20. package/dist/components/paginationControls/PaginationControl.js +5 -0
  21. package/dist/components/paginationControls/PrevPage.js +1 -0
  22. package/dist/utils/number.js +1 -0
  23. package/dist/utils/propConverters.js +1 -1
  24. package/docs/components/accordion.html +8 -0
  25. package/docs/components/aside.html +8 -0
  26. package/docs/components/button.html +595 -0
  27. package/docs/components/calendar.html +8 -0
  28. package/docs/components/card.html +8 -0
  29. package/docs/components/chat.html +8 -0
  30. package/docs/components/code-editor.html +8 -0
  31. package/docs/components/color-picker.html +8 -0
  32. package/docs/components/combobox.html +38 -0
  33. package/docs/components/content-slider.html +8 -0
  34. package/docs/components/context.html +8 -0
  35. package/docs/components/dialog.html +8 -0
  36. package/docs/components/dropdown.html +8 -0
  37. package/docs/components/filter-list.html +8 -0
  38. package/docs/components/focus-capture.html +8 -0
  39. package/docs/components/html-editor.html +8 -0
  40. package/docs/components/hybrid-component.html +8 -0
  41. package/docs/components/icon.html +8 -0
  42. package/docs/components/import.html +8 -0
  43. package/docs/components/light-component.html +8 -0
  44. package/docs/components/markdown-editor.html +8 -0
  45. package/docs/components/markdown.html +8 -0
  46. package/docs/components/nav-spacer.html +8 -0
  47. package/docs/components/nav.html +8 -0
  48. package/docs/components/pagination.html +876 -0
  49. package/docs/components/photo-viewer.html +8 -0
  50. package/docs/components/progress.html +8 -0
  51. package/docs/components/resize.html +8 -0
  52. package/docs/components/segmented-control.html +8 -0
  53. package/docs/components/shadow-component.html +8 -0
  54. package/docs/components/show-more.html +8 -0
  55. package/docs/components/slider.html +8 -0
  56. package/docs/components/sortable.html +8 -0
  57. package/docs/components/speech-to-text.html +8 -0
  58. package/docs/components/spinner.html +8 -0
  59. package/docs/components/split.html +8 -0
  60. package/docs/components/table.html +8 -0
  61. package/docs/components/tableControls.html +8 -0
  62. package/docs/components/tableCustomFields.html +8 -0
  63. package/docs/components/tableFetchRecords.html +8 -0
  64. package/docs/components/tableFieldSortHide.html +8 -0
  65. package/docs/components/tablePagination.html +8 -0
  66. package/docs/components/tablePlaceholder.html +8 -0
  67. package/docs/components/tableRecordEditing.html +8 -0
  68. package/docs/components/tableRecordFiltering.html +8 -0
  69. package/docs/components/tableRecordHiding.html +8 -0
  70. package/docs/components/tableRecordSearching.html +8 -0
  71. package/docs/components/tableRecordSelection.html +8 -0
  72. package/docs/components/tableRowControls.html +8 -0
  73. package/docs/components/tableServerSync.html +8 -0
  74. package/docs/components/tableSorting.html +8 -0
  75. package/docs/components/tabs.html +8 -0
  76. package/docs/components/tags.html +8 -0
  77. package/docs/components/text-to-speech.html +8 -0
  78. package/docs/components/theme-select.html +8 -0
  79. package/docs/components/theme-switcher.html +8 -0
  80. package/docs/components/time.html +8 -0
  81. package/docs/components/timestamp.html +8 -0
  82. package/docs/components/toast.html +8 -0
  83. package/docs/components/toggle.html +8 -0
  84. package/docs/components/tree.html +8 -0
  85. package/docs/components/voice-selector.html +8 -0
  86. package/docs/index.html +8 -0
  87. package/docs/src/components/Button.js +30 -0
  88. package/docs/src/components/CodeEditor.js +1 -1
  89. package/docs/src/components/Combobox.js +4 -3
  90. package/docs/src/components/ContentSlider.js +1 -1
  91. package/docs/src/components/HtmlEditor.js +2 -2
  92. package/docs/src/components/MarkdownEditor.js +3 -3
  93. package/docs/src/components/Pagination.js +43 -0
  94. package/docs/src/components/Slider.js +2 -2
  95. package/docs/src/components/markdownEditorControls/Heading.js +5 -5
  96. package/docs/src/components/markdownEditorControls/Table.js +2 -2
  97. package/docs/src/components/paginationControls/FirstPage.js +1 -0
  98. package/docs/src/components/paginationControls/GotoPage.js +17 -0
  99. package/docs/src/components/paginationControls/ItemsPerPage.js +15 -0
  100. package/docs/src/components/paginationControls/LastPage.js +1 -0
  101. package/docs/src/components/paginationControls/NextPage.js +1 -0
  102. package/docs/src/components/paginationControls/PageCount.js +1 -0
  103. package/docs/src/components/paginationControls/PageInfo.js +6 -0
  104. package/docs/src/components/paginationControls/PaginationButtonControl.js +20 -0
  105. package/docs/src/components/paginationControls/PaginationControl.js +5 -0
  106. package/docs/src/components/paginationControls/PrevPage.js +1 -0
  107. package/docs/src/utils/number.js +1 -0
  108. package/docs/src/utils/propConverters.js +1 -1
  109. package/docs/utils/context.html +8 -0
  110. package/docs/utils/cookie.html +8 -0
  111. package/docs/utils/debounce.html +8 -0
  112. package/docs/utils/drag.html +8 -0
  113. package/docs/utils/elevation.html +8 -0
  114. package/docs/utils/formatTimestamp.html +8 -0
  115. package/docs/utils/object.html +8 -0
  116. package/docs/utils/propConverters.html +8 -0
  117. package/docs/utils/sanitizeHtml.html +8 -0
  118. package/docs/utils/string.html +8 -0
  119. package/docs/utils/theme.html +8 -0
  120. package/docs/utils/toTitleCase.html +8 -0
  121. package/docs/utils/type.html +8 -0
  122. package/docs/utils/voice.html +8 -0
  123. package/docs/utils/wait.html +8 -0
  124. package/docs-src/components/button.page.html +95 -0
  125. package/docs-src/components/combobox.page.html +30 -0
  126. package/docs-src/components/pagination.page.html +375 -0
  127. package/docs-src/nav.fragment.html +8 -0
  128. package/llms.txt +12 -0
  129. package/package.json +1 -1
  130. package/src/components/Button.js +91 -0
  131. package/src/components/CodeEditor.js +10 -21
  132. package/src/components/Combobox.js +8 -3
  133. package/src/components/ContentSlider.js +2 -1
  134. package/src/components/HtmlEditor.js +43 -57
  135. package/src/components/MarkdownEditor.js +12 -22
  136. package/src/components/Pagination.js +207 -0
  137. package/src/components/Slider.js +6 -5
  138. package/src/components/markdownEditorControls/Heading.js +3 -2
  139. package/src/components/markdownEditorControls/Table.js +2 -1
  140. package/src/components/paginationControls/FirstPage.js +26 -0
  141. package/src/components/paginationControls/GotoPage.js +56 -0
  142. package/src/components/paginationControls/ItemsPerPage.js +44 -0
  143. package/src/components/paginationControls/LastPage.js +26 -0
  144. package/src/components/paginationControls/NextPage.js +26 -0
  145. package/src/components/paginationControls/PageCount.js +10 -0
  146. package/src/components/paginationControls/PageInfo.js +23 -0
  147. package/src/components/paginationControls/PaginationButtonControl.js +76 -0
  148. package/src/components/paginationControls/PaginationControl.js +43 -0
  149. package/src/components/paginationControls/PrevPage.js +26 -0
  150. package/src/utils/number.js +10 -0
  151. package/src/utils/propConverters.js +7 -1
  152. package/tasks/0006-create-pagination-component/screenshot-01-top.png +0 -0
  153. package/tasks/0006-create-pagination-component/screenshot-02-controls.png +0 -0
  154. package/tasks/0006-create-pagination-component/screenshot-03-preconfigured.png +0 -0
  155. package/tasks/0006-create-pagination-component/screenshot-04-live-demo-page1.png +0 -0
  156. package/tasks/0006-create-pagination-component/screenshot-05-live-demo-page2.png +0 -0
  157. package/tasks/0006-create-pagination-component/screenshot-06-live-demo-last-page.png +0 -0
  158. package/tasks/0006-create-pagination-component/screenshot-07-js-reference.png +0 -0
  159. package/tasks/0006-create-pagination-component.md +136 -0
  160. package/tasks/released/0006-create-pagination-component/screenshot-01-top.png +0 -0
  161. package/tasks/released/0006-create-pagination-component/screenshot-02-controls.png +0 -0
  162. package/tasks/released/0006-create-pagination-component/screenshot-03-preconfigured.png +0 -0
  163. package/tasks/released/0006-create-pagination-component/screenshot-04-live-demo-page1.png +0 -0
  164. package/tasks/released/0006-create-pagination-component/screenshot-05-live-demo-page2.png +0 -0
  165. package/tasks/released/0006-create-pagination-component/screenshot-06-live-demo-last-page.png +0 -0
  166. package/tasks/released/0006-create-pagination-component/screenshot-07-js-reference.png +0 -0
  167. package/tasks/released/0006-create-pagination-component.md +136 -0
  168. package/tests/components/Button.browser-test.js +207 -0
  169. package/tests/components/CodeEditor.browser-test.js +43 -1
  170. package/tests/components/Combobox.browser-test.js +69 -2
  171. package/tests/components/HtmlEditor.browser-test.js +88 -0
  172. package/tests/components/MarkdownEditor.browser-test.js +72 -0
  173. package/tests/components/Pagination.browser-test.js +478 -0
  174. package/tests/components/Tabs.browser-test.js +1 -1
  175. package/tests/utils/number.test.js +110 -0
package/docs/components/calendar.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/card.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/chat.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/code-editor.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/color-picker.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/combobox.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
@@ -498,6 +506,7 @@
498
506
  <a href="#required">Required</a><br />
499
507
  <a href="#requireMatch">Require Match</a><br />
500
508
  <a href="#maxVisible">Max Visible</a><br />
509
+ <a href="#noResultsMessage">No Results Message &amp; Empty Message</a><br />
501
510
 
502
511
  <h6 class="mt"><a href="#jsRef" class="no-link">JavaScript Reference</a></h6>
503
512
  <a href="#constructor">Constructor</a><br />
@@ -628,6 +637,21 @@
628
637
  </div>
629
638
  </div>
630
639
 
640
+ <h3 id="noResultsMessage"><a href="#noResultsMessage" class="no-link">No Results Message &amp; Empty Message</a></h3>
641
+ <p>Use <code>no-results-message</code> to customize the text shown when the user has typed something but no options match. Use <code>empty-message</code> to customize the text shown when the input is empty and no options are loaded yet (e.g. before a dynamic search has fetched results). They default to <code>"No Matches"</code> and <code>"Type to search..."</code> respectively.</p>
642
+ <div class="row -mx">
643
+ <div class="col m-span-12 px">
644
+ <k-card label="HTML">
645
+ <pre><code class="hljs html"><span class="hljs-tag">&lt;<span class="hljs-name">k-combobox</span> <span class="hljs-attr">placeholder</span>=<span class="hljs-string">&#x27;Start typing to search...&#x27;</span> <span class="hljs-attr">no-results-message</span>=<span class="hljs-string">&#x27;No users found. Try a different search.&#x27;</span> <span class="hljs-attr">empty-message</span>=<span class="hljs-string">&#x27;Start typing to find a user...&#x27;</span>&gt;</span><br><span class="hljs-tag">&lt;/<span class="hljs-name">k-combobox</span>&gt;</span></code></pre>
646
+ </k-card>
647
+ </div>
648
+ <div class="col m-span-12 px">
649
+ <k-card label="Output">
650
+ <k-combobox id="noResultsCb" placeholder="Start typing to search..." no-results-message="No users found. Try a different search." empty-message="Start typing to find a user..."></k-combobox>
651
+ </k-card>
652
+ </div>
653
+ </div>
654
+
631
655
  <h2 id="jsRef"><a href="#jsRef" class="no-link">JavaScript Reference</a></h2>
632
656
 
633
657
  <h3 id="constructor"><a href="#constructor" class="no-link">Constructor</a></h3>
@@ -722,6 +746,20 @@
722
746
  <td><code>8</code></td>
723
747
  <td>Maximum number of options visible at once.</td>
724
748
  </tr>
749
+ <tr>
750
+ <td><code>no-results-message</code></td>
751
+ <td><code>noResultsMessage</code></td>
752
+ <td><code>String</code></td>
753
+ <td><code>'No Matches'</code></td>
754
+ <td>Text displayed when the user has typed something but no options match.</td>
755
+ </tr>
756
+ <tr>
757
+ <td><code>empty-message</code></td>
758
+ <td><code>emptyMessage</code></td>
759
+ <td><code>String</code></td>
760
+ <td><code>'Type to search...'</code></td>
761
+ <td>Text displayed when the input is empty and no options are loaded (e.g. before an initial dynamic search fetch).</td>
762
+ </tr>
725
763
  </tbody>
726
764
  </table>
727
765
 
package/docs/components/content-slider.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/context.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/dialog.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/dropdown.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/filter-list.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/focus-capture.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/html-editor.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/hybrid-component.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>
package/docs/components/icon.html CHANGED
@@ -116,6 +116,9 @@
116
116
  <k-filter-item filter-keywords="photo viewer photoviewer components"><a
117
117
  href="../components/photo-viewer.html"
118
118
  >Photo Viewer<br><small>Component</small></a></k-filter-item>
119
+ <k-filter-item filter-keywords="pagination pager page components"><a
120
+ href="../components/pagination.html"
121
+ >Pagination<br><small>Component</small></a></k-filter-item>
119
122
  <k-filter-item filter-keywords="progress loading components"><a
120
123
  href="../components/progress.html">Progress<br><small>Component</small></a></k-filter-item>
121
124
  <k-filter-item filter-keywords="resize components"><a
@@ -222,6 +225,9 @@
222
225
  <k-filter-item filter-keywords="hybrid component base"><a
223
226
  href="../components/hybrid-component.html"
224
227
  >Hybrid Component<br><small>Base Component</small></a></k-filter-item>
228
+ <k-filter-item filter-keywords="button base component keyboard disabled accessibility"><a
229
+ href="../components/button.html"
230
+ >Button<br><small>Base Component</small></a></k-filter-item>
225
231
  <k-filter-item filter-keywords="cookie utils utility"><a
226
232
  href="../utils/cookie.html">cookie<br><small>Utility</small></a></k-filter-item>
227
233
  <k-filter-item filter-keywords="context utils utility"><a
@@ -321,6 +327,7 @@
321
327
  <a href="../components/nav.html">Nav</a>
322
328
  <a href="../components/nav-spacer.html">Nav Spacer</a>
323
329
  <a href="../components/photo-viewer.html">Photo Viewer</a>
330
+ <a href="../components/pagination.html">Pagination</a>
324
331
  <a href="../components/progress.html">Progress</a>
325
332
  <a href="../components/resize.html">Resize</a>
326
333
  <a href="../components/show-more.html">Show More</a>
@@ -348,6 +355,7 @@
348
355
  <a href="../components/shadow-component.html">Shadow Component</a>
349
356
  <a href="../components/light-component.html">Light Component</a>
350
357
  <a href="../components/hybrid-component.html">Hybrid Component</a>
358
+ <a href="../components/button.html">Button</a>
351
359
  </div>
352
360
 
353
361
  <h5 class="mb0">Utils</h5>