kempo-ui 0.4.4 → 0.4.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.
Files changed (185) hide show
  1. package/dist/components/Chat.js +201 -0
  2. package/dist/components/CodeEditor.js +21 -2
  3. package/dist/components/Dropdown.js +1 -1
  4. package/dist/components/HtmlEditor.js +42 -3
  5. package/dist/components/MarkdownEditor.js +173 -0
  6. package/dist/components/Resize.js +12 -2
  7. package/dist/components/TextToSpeech.js +4 -4
  8. package/dist/components/VoiceSelector.js +49 -0
  9. package/dist/components/markdownEditorControls/Bold.js +11 -0
  10. package/dist/components/markdownEditorControls/BulletList.js +11 -0
  11. package/dist/components/markdownEditorControls/Code.js +11 -0
  12. package/dist/components/markdownEditorControls/FormatBlock.js +30 -0
  13. package/dist/components/markdownEditorControls/Heading.js +11 -0
  14. package/dist/components/markdownEditorControls/Image.js +93 -0
  15. package/dist/components/markdownEditorControls/Italic.js +11 -0
  16. package/dist/components/markdownEditorControls/Link.js +11 -0
  17. package/dist/components/markdownEditorControls/MarkdownEditorControl.js +39 -0
  18. package/dist/components/markdownEditorControls/Menu.js +30 -0
  19. package/dist/components/markdownEditorControls/NumberedList.js +11 -0
  20. package/dist/components/markdownEditorControls/Quote.js +11 -0
  21. package/dist/components/markdownEditorControls/SpeechToText.js +16 -0
  22. package/dist/components/markdownEditorControls/Strikethrough.js +11 -0
  23. package/dist/components/markdownEditorControls/Table.js +80 -0
  24. package/dist/utils/marked.esm.js +1 -0
  25. package/dist/utils/renderMarkdown.js +1 -0
  26. package/dist/utils/sanitizeHtml.js +1 -0
  27. package/dist/utils/voice.js +1 -0
  28. package/docs/components/accordion.html +19 -0
  29. package/docs/components/aside.html +19 -0
  30. package/docs/components/calendar.html +19 -0
  31. package/docs/components/card.html +19 -0
  32. package/docs/components/chat.html +715 -0
  33. package/docs/components/code-editor.html +55 -0
  34. package/docs/components/color-picker.html +19 -0
  35. package/docs/components/combobox.html +19 -0
  36. package/docs/components/content-slider.html +19 -0
  37. package/docs/components/context.html +19 -0
  38. package/docs/components/dialog.html +19 -0
  39. package/docs/components/dropdown.html +19 -0
  40. package/docs/components/filter-list.html +19 -0
  41. package/docs/components/focus-capture.html +19 -0
  42. package/docs/components/html-editor.html +60 -0
  43. package/docs/components/hybrid-component.html +19 -0
  44. package/docs/components/icon.html +19 -0
  45. package/docs/components/import.html +19 -0
  46. package/docs/components/light-component.html +19 -0
  47. package/docs/components/markdown-editor.html +924 -0
  48. package/docs/components/nav-spacer.html +19 -0
  49. package/docs/components/nav.html +19 -0
  50. package/docs/components/photo-viewer.html +19 -0
  51. package/docs/components/progress.html +19 -0
  52. package/docs/components/resize.html +22 -0
  53. package/docs/components/rich-textarea.html +650 -0
  54. package/docs/components/shadow-component.html +19 -0
  55. package/docs/components/show-more.html +19 -0
  56. package/docs/components/slider.html +19 -0
  57. package/docs/components/sortable.html +19 -0
  58. package/docs/components/speech-to-text.html +19 -0
  59. package/docs/components/spinner.html +19 -0
  60. package/docs/components/split.html +19 -0
  61. package/docs/components/table.html +19 -0
  62. package/docs/components/tableControls.html +19 -0
  63. package/docs/components/tableCustomFields.html +19 -0
  64. package/docs/components/tableFetchRecords.html +19 -0
  65. package/docs/components/tableFieldSortHide.html +19 -0
  66. package/docs/components/tablePagination.html +19 -0
  67. package/docs/components/tablePlaceholder.html +19 -0
  68. package/docs/components/tableRecordEditing.html +19 -0
  69. package/docs/components/tableRecordFiltering.html +19 -0
  70. package/docs/components/tableRecordHiding.html +19 -0
  71. package/docs/components/tableRecordSearching.html +19 -0
  72. package/docs/components/tableRecordSelection.html +19 -0
  73. package/docs/components/tableRowControls.html +19 -0
  74. package/docs/components/tableServerSync.html +19 -0
  75. package/docs/components/tableSorting.html +19 -0
  76. package/docs/components/tabs.html +19 -0
  77. package/docs/components/tags.html +19 -0
  78. package/docs/components/text-to-speech.html +63 -1
  79. package/docs/components/theme-select.html +19 -0
  80. package/docs/components/theme-switcher.html +19 -0
  81. package/docs/components/time.html +19 -0
  82. package/docs/components/timestamp.html +19 -0
  83. package/docs/components/toast.html +19 -0
  84. package/docs/components/toggle.html +19 -0
  85. package/docs/components/tree.html +19 -0
  86. package/docs/components/voice-selector.html +610 -0
  87. package/docs/icons/done_all.svg +1 -0
  88. package/docs/icons/format_quote.svg +1 -0
  89. package/docs/icons/format_strikethrough.svg +1 -0
  90. package/docs/icons/send.svg +1 -0
  91. package/docs/icons/text_fields.svg +1 -0
  92. package/docs/index.html +49 -0
  93. package/docs/src/components/Chat.js +201 -0
  94. package/docs/src/components/CodeEditor.js +21 -2
  95. package/docs/src/components/Dropdown.js +1 -1
  96. package/docs/src/components/HtmlEditor.js +42 -3
  97. package/docs/src/components/MarkdownEditor.js +173 -0
  98. package/docs/src/components/Resize.js +12 -2
  99. package/docs/src/components/TextToSpeech.js +4 -4
  100. package/docs/src/components/VoiceSelector.js +49 -0
  101. package/docs/src/components/markdownEditorControls/Bold.js +11 -0
  102. package/docs/src/components/markdownEditorControls/BulletList.js +11 -0
  103. package/docs/src/components/markdownEditorControls/Code.js +11 -0
  104. package/docs/src/components/markdownEditorControls/FormatBlock.js +30 -0
  105. package/docs/src/components/markdownEditorControls/Heading.js +11 -0
  106. package/docs/src/components/markdownEditorControls/Image.js +93 -0
  107. package/docs/src/components/markdownEditorControls/Italic.js +11 -0
  108. package/docs/src/components/markdownEditorControls/Link.js +11 -0
  109. package/docs/src/components/markdownEditorControls/MarkdownEditorControl.js +39 -0
  110. package/docs/src/components/markdownEditorControls/Menu.js +30 -0
  111. package/docs/src/components/markdownEditorControls/NumberedList.js +11 -0
  112. package/docs/src/components/markdownEditorControls/Quote.js +11 -0
  113. package/docs/src/components/markdownEditorControls/SpeechToText.js +16 -0
  114. package/docs/src/components/markdownEditorControls/Strikethrough.js +11 -0
  115. package/docs/src/components/markdownEditorControls/Table.js +80 -0
  116. package/docs/src/utils/marked.esm.js +1 -0
  117. package/docs/src/utils/renderMarkdown.js +1 -0
  118. package/docs/src/utils/sanitizeHtml.js +1 -0
  119. package/docs/src/utils/voice.js +1 -0
  120. package/docs/utils/context.html +19 -0
  121. package/docs/utils/cookie.html +19 -0
  122. package/docs/utils/debounce.html +19 -0
  123. package/docs/utils/drag.html +19 -0
  124. package/docs/utils/elevation.html +23 -10
  125. package/docs/utils/formatTimestamp.html +19 -0
  126. package/docs/utils/object.html +19 -0
  127. package/docs/utils/propConverters.html +19 -0
  128. package/docs/utils/sanitizeHtml.html +555 -0
  129. package/docs/utils/string.html +19 -0
  130. package/docs/utils/theme.html +19 -0
  131. package/docs/utils/toTitleCase.html +19 -0
  132. package/docs/utils/type.html +19 -0
  133. package/docs/utils/voice.html +548 -0
  134. package/docs/utils/wait.html +19 -0
  135. package/docs-src/components/chat.page.html +230 -0
  136. package/docs-src/components/code-editor.page.html +36 -0
  137. package/docs-src/components/html-editor.page.html +41 -0
  138. package/docs-src/components/markdown-editor.page.html +439 -0
  139. package/docs-src/components/resize.page.html +3 -0
  140. package/docs-src/components/text-to-speech.page.html +44 -1
  141. package/docs-src/components/voice-selector.page.html +125 -0
  142. package/docs-src/index.page.html +30 -0
  143. package/docs-src/nav.fragment.html +19 -0
  144. package/docs-src/utils/elevation.page.html +4 -10
  145. package/docs-src/utils/sanitizeHtml.page.html +73 -0
  146. package/docs-src/utils/voice.page.html +66 -0
  147. package/icons/done_all.svg +1 -0
  148. package/icons/format_quote.svg +1 -0
  149. package/icons/format_strikethrough.svg +1 -0
  150. package/icons/send.svg +1 -0
  151. package/icons/text_fields.svg +1 -0
  152. package/llms.txt +7 -2
  153. package/package.json +3 -2
  154. package/src/components/Chat.js +435 -0
  155. package/src/components/CodeEditor.js +58 -2
  156. package/src/components/Dropdown.js +1 -1
  157. package/src/components/HtmlEditor.js +84 -4
  158. package/src/components/MarkdownEditor.js +654 -0
  159. package/src/components/Resize.js +17 -1
  160. package/src/components/TextToSpeech.js +13 -2
  161. package/src/components/VoiceSelector.js +271 -0
  162. package/src/components/markdownEditorControls/Bold.js +30 -0
  163. package/src/components/markdownEditorControls/BulletList.js +30 -0
  164. package/src/components/markdownEditorControls/Code.js +39 -0
  165. package/src/components/markdownEditorControls/FormatBlock.js +102 -0
  166. package/src/components/markdownEditorControls/Heading.js +45 -0
  167. package/src/components/markdownEditorControls/Image.js +250 -0
  168. package/src/components/markdownEditorControls/Italic.js +30 -0
  169. package/src/components/markdownEditorControls/Link.js +74 -0
  170. package/src/components/markdownEditorControls/MarkdownEditorControl.js +158 -0
  171. package/src/components/markdownEditorControls/Menu.js +86 -0
  172. package/src/components/markdownEditorControls/NumberedList.js +69 -0
  173. package/src/components/markdownEditorControls/Quote.js +30 -0
  174. package/src/components/markdownEditorControls/SpeechToText.js +65 -0
  175. package/src/components/markdownEditorControls/Strikethrough.js +35 -0
  176. package/src/components/markdownEditorControls/Table.js +164 -0
  177. package/src/utils/marked.esm.js +77 -0
  178. package/src/utils/renderMarkdown.js +29 -0
  179. package/src/utils/sanitizeHtml.js +137 -0
  180. package/src/utils/voice.js +103 -0
  181. package/tests/components/Chat.browser-test.js +540 -0
  182. package/tests/components/TextToSpeech.browser-test.js +150 -1
  183. package/tests/components/VoiceSelector.browser-test.js +374 -0
  184. package/tests/utils/sanitizeHtml.browser-test.js +179 -0
  185. package/tests/utils/voice.browser-test.js +128 -0
package/docs/components/dropdown.html CHANGED
@@ -67,6 +67,9 @@
67
67
  >Calendar<br><small>Component</small></a></k-filter-item>
68
68
  <k-filter-item filter-keywords="card components"><a
69
69
  href="../components/card.html">Card<br><small>Component</small></a></k-filter-item>
70
+ <k-filter-item filter-keywords="chat message conversation messaging components"><a
71
+ href="../components/chat.html"
72
+ >Chat<br><small>Component</small></a></k-filter-item>
70
73
  <k-filter-item filter-keywords="code editor codeeditor monaco components"><a
71
74
  href="../components/code-editor.html"
72
75
  >Code Editor<br><small>Component</small></a></k-filter-item>
@@ -95,6 +98,9 @@
95
98
  <k-filter-item filter-keywords="html editor components"><a
96
99
  href="../components/html-editor.html">HTML
97
100
  Editor<br><small>Component</small></a></k-filter-item>
101
+ <k-filter-item filter-keywords="markdown editor markdowneditor write preview marked gfm tables components"><a
102
+ href="../components/markdown-editor.html"
103
+ >Markdown Editor<br><small>Component</small></a></k-filter-item>
98
104
  <k-filter-item filter-keywords="icon components"><a
99
105
  href="../components/icon.html">Icon<br><small>Component</small></a></k-filter-item>
100
106
  <k-filter-item filter-keywords="import components"><a
@@ -198,6 +204,9 @@
198
204
  >Toggle<br><small>Component</small></a></k-filter-item>
199
205
  <k-filter-item filter-keywords="tree treeview components"><a
200
206
  href="../components/tree.html">Tree<br><small>Component</small></a></k-filter-item>
207
+ <k-filter-item filter-keywords="voice selector dropdown speech synthesis preference components"><a
208
+ href="../components/voice-selector.html"
209
+ >Voice Selector<br><small>Component</small></a></k-filter-item>
201
210
  <k-filter-item filter-keywords="shadow component base"><a
202
211
  href="../components/shadow-component.html"
203
212
  >Shadow Component<br><small>Base Component</small></a></k-filter-item>
@@ -225,12 +234,17 @@
225
234
  <k-filter-item filter-keywords="propconverters prop converters utils utility"><a
226
235
  href="../utils/propConverters.html"
227
236
  >propConverters<br><small>Utility</small></a></k-filter-item>
237
+ <k-filter-item filter-keywords="sanitizehtml sanitize html xss security utils utility"><a
238
+ href="../utils/sanitizeHtml.html"
239
+ >sanitizeHtml<br><small>Utility</small></a></k-filter-item>
228
240
  <k-filter-item filter-keywords="string utils utility"><a
229
241
  href="../utils/string.html">string<br><small>Utility</small></a></k-filter-item>
230
242
  <k-filter-item filter-keywords="theme utils utility"><a
231
243
  href="../utils/theme.html">theme<br><small>Utility</small></a></k-filter-item>
232
244
  <k-filter-item filter-keywords="type utils utility"><a
233
245
  href="../utils/type.html">type<br><small>Utility</small></a></k-filter-item>
246
+ <k-filter-item filter-keywords="voice speech synthesis preference utils utility"><a
247
+ href="../utils/voice.html">voice<br><small>Utility</small></a></k-filter-item>
234
248
  <k-filter-item filter-keywords="wait async utils utility"><a
235
249
  href="../utils/wait.html">wait<br><small>Utility</small></a></k-filter-item>
236
250
  </k-filter-list>
@@ -283,6 +297,7 @@
283
297
  <a href="../components/aside.html">Aside</a>
284
298
  <a href="../components/calendar.html">Calendar</a>
285
299
  <a href="../components/card.html">Card</a>
300
+ <a href="../components/chat.html">Chat</a>
286
301
  <a href="../components/code-editor.html">Code Editor</a>
287
302
  <a href="../components/combobox.html">Combobox</a>
288
303
  <a href="../components/color-picker.html">ColorPicker</a>
@@ -293,6 +308,7 @@
293
308
  <a href="../components/filter-list.html">Filter List</a>
294
309
  <a href="../components/focus-capture.html">FocusCapture</a>
295
310
  <a href="../components/html-editor.html">HTML Editor</a>
311
+ <a href="../components/markdown-editor.html">Markdown Editor</a>
296
312
  <a href="../components/icon.html">Icon</a>
297
313
  <a href="../components/import.html">Import</a>
298
314
  <a href="../components/nav.html">Nav</a>
@@ -317,6 +333,7 @@
317
333
  <a href="../components/toast.html">Toast</a>
318
334
  <a href="../components/toggle.html">Toggle</a>
319
335
  <a href="../components/tree.html">Tree</a>
336
+ <a href="../components/voice-selector.html">Voice Selector</a>
320
337
  </div>
321
338
 
322
339
  <h5 class="mb0">Base Components</h5>
@@ -336,9 +353,11 @@
336
353
  <a href="../utils/formatTimestamp.html">formatTimestamp</a>
337
354
  <a href="../utils/object.html">object</a>
338
355
  <a href="../utils/propConverters.html">propConverters</a>
356
+ <a href="../utils/sanitizeHtml.html">sanitizeHtml</a>
339
357
  <a href="../utils/string.html">string</a>
340
358
  <a href="../utils/theme.html">theme</a>
341
359
  <a href="../utils/type.html">type</a>
360
+ <a href="../utils/voice.html">voice</a>
342
361
  <a href="../utils/wait.html">wait</a>
343
362
  </div>
344
363
  </menu>
package/docs/components/filter-list.html CHANGED
@@ -67,6 +67,9 @@
67
67
  >Calendar<br><small>Component</small></a></k-filter-item>
68
68
  <k-filter-item filter-keywords="card components"><a
69
69
  href="../components/card.html">Card<br><small>Component</small></a></k-filter-item>
70
+ <k-filter-item filter-keywords="chat message conversation messaging components"><a
71
+ href="../components/chat.html"
72
+ >Chat<br><small>Component</small></a></k-filter-item>
70
73
  <k-filter-item filter-keywords="code editor codeeditor monaco components"><a
71
74
  href="../components/code-editor.html"
72
75
  >Code Editor<br><small>Component</small></a></k-filter-item>
@@ -95,6 +98,9 @@
95
98
  <k-filter-item filter-keywords="html editor components"><a
96
99
  href="../components/html-editor.html">HTML
97
100
  Editor<br><small>Component</small></a></k-filter-item>
101
+ <k-filter-item filter-keywords="markdown editor markdowneditor write preview marked gfm tables components"><a
102
+ href="../components/markdown-editor.html"
103
+ >Markdown Editor<br><small>Component</small></a></k-filter-item>
98
104
  <k-filter-item filter-keywords="icon components"><a
99
105
  href="../components/icon.html">Icon<br><small>Component</small></a></k-filter-item>
100
106
  <k-filter-item filter-keywords="import components"><a
@@ -198,6 +204,9 @@
198
204
  >Toggle<br><small>Component</small></a></k-filter-item>
199
205
  <k-filter-item filter-keywords="tree treeview components"><a
200
206
  href="../components/tree.html">Tree<br><small>Component</small></a></k-filter-item>
207
+ <k-filter-item filter-keywords="voice selector dropdown speech synthesis preference components"><a
208
+ href="../components/voice-selector.html"
209
+ >Voice Selector<br><small>Component</small></a></k-filter-item>
201
210
  <k-filter-item filter-keywords="shadow component base"><a
202
211
  href="../components/shadow-component.html"
203
212
  >Shadow Component<br><small>Base Component</small></a></k-filter-item>
@@ -225,12 +234,17 @@
225
234
  <k-filter-item filter-keywords="propconverters prop converters utils utility"><a
226
235
  href="../utils/propConverters.html"
227
236
  >propConverters<br><small>Utility</small></a></k-filter-item>
237
+ <k-filter-item filter-keywords="sanitizehtml sanitize html xss security utils utility"><a
238
+ href="../utils/sanitizeHtml.html"
239
+ >sanitizeHtml<br><small>Utility</small></a></k-filter-item>
228
240
  <k-filter-item filter-keywords="string utils utility"><a
229
241
  href="../utils/string.html">string<br><small>Utility</small></a></k-filter-item>
230
242
  <k-filter-item filter-keywords="theme utils utility"><a
231
243
  href="../utils/theme.html">theme<br><small>Utility</small></a></k-filter-item>
232
244
  <k-filter-item filter-keywords="type utils utility"><a
233
245
  href="../utils/type.html">type<br><small>Utility</small></a></k-filter-item>
246
+ <k-filter-item filter-keywords="voice speech synthesis preference utils utility"><a
247
+ href="../utils/voice.html">voice<br><small>Utility</small></a></k-filter-item>
234
248
  <k-filter-item filter-keywords="wait async utils utility"><a
235
249
  href="../utils/wait.html">wait<br><small>Utility</small></a></k-filter-item>
236
250
  </k-filter-list>
@@ -283,6 +297,7 @@
283
297
  <a href="../components/aside.html">Aside</a>
284
298
  <a href="../components/calendar.html">Calendar</a>
285
299
  <a href="../components/card.html">Card</a>
300
+ <a href="../components/chat.html">Chat</a>
286
301
  <a href="../components/code-editor.html">Code Editor</a>
287
302
  <a href="../components/combobox.html">Combobox</a>
288
303
  <a href="../components/color-picker.html">ColorPicker</a>
@@ -293,6 +308,7 @@
293
308
  <a href="../components/filter-list.html">Filter List</a>
294
309
  <a href="../components/focus-capture.html">FocusCapture</a>
295
310
  <a href="../components/html-editor.html">HTML Editor</a>
311
+ <a href="../components/markdown-editor.html">Markdown Editor</a>
296
312
  <a href="../components/icon.html">Icon</a>
297
313
  <a href="../components/import.html">Import</a>
298
314
  <a href="../components/nav.html">Nav</a>
@@ -317,6 +333,7 @@
317
333
  <a href="../components/toast.html">Toast</a>
318
334
  <a href="../components/toggle.html">Toggle</a>
319
335
  <a href="../components/tree.html">Tree</a>
336
+ <a href="../components/voice-selector.html">Voice Selector</a>
320
337
  </div>
321
338
 
322
339
  <h5 class="mb0">Base Components</h5>
@@ -336,9 +353,11 @@
336
353
  <a href="../utils/formatTimestamp.html">formatTimestamp</a>
337
354
  <a href="../utils/object.html">object</a>
338
355
  <a href="../utils/propConverters.html">propConverters</a>
356
+ <a href="../utils/sanitizeHtml.html">sanitizeHtml</a>
339
357
  <a href="../utils/string.html">string</a>
340
358
  <a href="../utils/theme.html">theme</a>
341
359
  <a href="../utils/type.html">type</a>
360
+ <a href="../utils/voice.html">voice</a>
342
361
  <a href="../utils/wait.html">wait</a>
343
362
  </div>
344
363
  </menu>
package/docs/components/focus-capture.html CHANGED
@@ -67,6 +67,9 @@
67
67
  >Calendar<br><small>Component</small></a></k-filter-item>
68
68
  <k-filter-item filter-keywords="card components"><a
69
69
  href="../components/card.html">Card<br><small>Component</small></a></k-filter-item>
70
+ <k-filter-item filter-keywords="chat message conversation messaging components"><a
71
+ href="../components/chat.html"
72
+ >Chat<br><small>Component</small></a></k-filter-item>
70
73
  <k-filter-item filter-keywords="code editor codeeditor monaco components"><a
71
74
  href="../components/code-editor.html"
72
75
  >Code Editor<br><small>Component</small></a></k-filter-item>
@@ -95,6 +98,9 @@
95
98
  <k-filter-item filter-keywords="html editor components"><a
96
99
  href="../components/html-editor.html">HTML
97
100
  Editor<br><small>Component</small></a></k-filter-item>
101
+ <k-filter-item filter-keywords="markdown editor markdowneditor write preview marked gfm tables components"><a
102
+ href="../components/markdown-editor.html"
103
+ >Markdown Editor<br><small>Component</small></a></k-filter-item>
98
104
  <k-filter-item filter-keywords="icon components"><a
99
105
  href="../components/icon.html">Icon<br><small>Component</small></a></k-filter-item>
100
106
  <k-filter-item filter-keywords="import components"><a
@@ -198,6 +204,9 @@
198
204
  >Toggle<br><small>Component</small></a></k-filter-item>
199
205
  <k-filter-item filter-keywords="tree treeview components"><a
200
206
  href="../components/tree.html">Tree<br><small>Component</small></a></k-filter-item>
207
+ <k-filter-item filter-keywords="voice selector dropdown speech synthesis preference components"><a
208
+ href="../components/voice-selector.html"
209
+ >Voice Selector<br><small>Component</small></a></k-filter-item>
201
210
  <k-filter-item filter-keywords="shadow component base"><a
202
211
  href="../components/shadow-component.html"
203
212
  >Shadow Component<br><small>Base Component</small></a></k-filter-item>
@@ -225,12 +234,17 @@
225
234
  <k-filter-item filter-keywords="propconverters prop converters utils utility"><a
226
235
  href="../utils/propConverters.html"
227
236
  >propConverters<br><small>Utility</small></a></k-filter-item>
237
+ <k-filter-item filter-keywords="sanitizehtml sanitize html xss security utils utility"><a
238
+ href="../utils/sanitizeHtml.html"
239
+ >sanitizeHtml<br><small>Utility</small></a></k-filter-item>
228
240
  <k-filter-item filter-keywords="string utils utility"><a
229
241
  href="../utils/string.html">string<br><small>Utility</small></a></k-filter-item>
230
242
  <k-filter-item filter-keywords="theme utils utility"><a
231
243
  href="../utils/theme.html">theme<br><small>Utility</small></a></k-filter-item>
232
244
  <k-filter-item filter-keywords="type utils utility"><a
233
245
  href="../utils/type.html">type<br><small>Utility</small></a></k-filter-item>
246
+ <k-filter-item filter-keywords="voice speech synthesis preference utils utility"><a
247
+ href="../utils/voice.html">voice<br><small>Utility</small></a></k-filter-item>
234
248
  <k-filter-item filter-keywords="wait async utils utility"><a
235
249
  href="../utils/wait.html">wait<br><small>Utility</small></a></k-filter-item>
236
250
  </k-filter-list>
@@ -283,6 +297,7 @@
283
297
  <a href="../components/aside.html">Aside</a>
284
298
  <a href="../components/calendar.html">Calendar</a>
285
299
  <a href="../components/card.html">Card</a>
300
+ <a href="../components/chat.html">Chat</a>
286
301
  <a href="../components/code-editor.html">Code Editor</a>
287
302
  <a href="../components/combobox.html">Combobox</a>
288
303
  <a href="../components/color-picker.html">ColorPicker</a>
@@ -293,6 +308,7 @@
293
308
  <a href="../components/filter-list.html">Filter List</a>
294
309
  <a href="../components/focus-capture.html">FocusCapture</a>
295
310
  <a href="../components/html-editor.html">HTML Editor</a>
311
+ <a href="../components/markdown-editor.html">Markdown Editor</a>
296
312
  <a href="../components/icon.html">Icon</a>
297
313
  <a href="../components/import.html">Import</a>
298
314
  <a href="../components/nav.html">Nav</a>
@@ -317,6 +333,7 @@
317
333
  <a href="../components/toast.html">Toast</a>
318
334
  <a href="../components/toggle.html">Toggle</a>
319
335
  <a href="../components/tree.html">Tree</a>
336
+ <a href="../components/voice-selector.html">Voice Selector</a>
320
337
  </div>
321
338
 
322
339
  <h5 class="mb0">Base Components</h5>
@@ -336,9 +353,11 @@
336
353
  <a href="../utils/formatTimestamp.html">formatTimestamp</a>
337
354
  <a href="../utils/object.html">object</a>
338
355
  <a href="../utils/propConverters.html">propConverters</a>
356
+ <a href="../utils/sanitizeHtml.html">sanitizeHtml</a>
339
357
  <a href="../utils/string.html">string</a>
340
358
  <a href="../utils/theme.html">theme</a>
341
359
  <a href="../utils/type.html">type</a>
360
+ <a href="../utils/voice.html">voice</a>
342
361
  <a href="../utils/wait.html">wait</a>
343
362
  </div>
344
363
  </menu>
package/docs/components/html-editor.html CHANGED
@@ -67,6 +67,9 @@
67
67
  >Calendar<br><small>Component</small></a></k-filter-item>
68
68
  <k-filter-item filter-keywords="card components"><a
69
69
  href="../components/card.html">Card<br><small>Component</small></a></k-filter-item>
70
+ <k-filter-item filter-keywords="chat message conversation messaging components"><a
71
+ href="../components/chat.html"
72
+ >Chat<br><small>Component</small></a></k-filter-item>
70
73
  <k-filter-item filter-keywords="code editor codeeditor monaco components"><a
71
74
  href="../components/code-editor.html"
72
75
  >Code Editor<br><small>Component</small></a></k-filter-item>
@@ -95,6 +98,9 @@
95
98
  <k-filter-item filter-keywords="html editor components"><a
96
99
  href="../components/html-editor.html">HTML
97
100
  Editor<br><small>Component</small></a></k-filter-item>
101
+ <k-filter-item filter-keywords="markdown editor markdowneditor write preview marked gfm tables components"><a
102
+ href="../components/markdown-editor.html"
103
+ >Markdown Editor<br><small>Component</small></a></k-filter-item>
98
104
  <k-filter-item filter-keywords="icon components"><a
99
105
  href="../components/icon.html">Icon<br><small>Component</small></a></k-filter-item>
100
106
  <k-filter-item filter-keywords="import components"><a
@@ -198,6 +204,9 @@
198
204
  >Toggle<br><small>Component</small></a></k-filter-item>
199
205
  <k-filter-item filter-keywords="tree treeview components"><a
200
206
  href="../components/tree.html">Tree<br><small>Component</small></a></k-filter-item>
207
+ <k-filter-item filter-keywords="voice selector dropdown speech synthesis preference components"><a
208
+ href="../components/voice-selector.html"
209
+ >Voice Selector<br><small>Component</small></a></k-filter-item>
201
210
  <k-filter-item filter-keywords="shadow component base"><a
202
211
  href="../components/shadow-component.html"
203
212
  >Shadow Component<br><small>Base Component</small></a></k-filter-item>
@@ -225,12 +234,17 @@
225
234
  <k-filter-item filter-keywords="propconverters prop converters utils utility"><a
226
235
  href="../utils/propConverters.html"
227
236
  >propConverters<br><small>Utility</small></a></k-filter-item>
237
+ <k-filter-item filter-keywords="sanitizehtml sanitize html xss security utils utility"><a
238
+ href="../utils/sanitizeHtml.html"
239
+ >sanitizeHtml<br><small>Utility</small></a></k-filter-item>
228
240
  <k-filter-item filter-keywords="string utils utility"><a
229
241
  href="../utils/string.html">string<br><small>Utility</small></a></k-filter-item>
230
242
  <k-filter-item filter-keywords="theme utils utility"><a
231
243
  href="../utils/theme.html">theme<br><small>Utility</small></a></k-filter-item>
232
244
  <k-filter-item filter-keywords="type utils utility"><a
233
245
  href="../utils/type.html">type<br><small>Utility</small></a></k-filter-item>
246
+ <k-filter-item filter-keywords="voice speech synthesis preference utils utility"><a
247
+ href="../utils/voice.html">voice<br><small>Utility</small></a></k-filter-item>
234
248
  <k-filter-item filter-keywords="wait async utils utility"><a
235
249
  href="../utils/wait.html">wait<br><small>Utility</small></a></k-filter-item>
236
250
  </k-filter-list>
@@ -283,6 +297,7 @@
283
297
  <a href="../components/aside.html">Aside</a>
284
298
  <a href="../components/calendar.html">Calendar</a>
285
299
  <a href="../components/card.html">Card</a>
300
+ <a href="../components/chat.html">Chat</a>
286
301
  <a href="../components/code-editor.html">Code Editor</a>
287
302
  <a href="../components/combobox.html">Combobox</a>
288
303
  <a href="../components/color-picker.html">ColorPicker</a>
@@ -293,6 +308,7 @@
293
308
  <a href="../components/filter-list.html">Filter List</a>
294
309
  <a href="../components/focus-capture.html">FocusCapture</a>
295
310
  <a href="../components/html-editor.html">HTML Editor</a>
311
+ <a href="../components/markdown-editor.html">Markdown Editor</a>
296
312
  <a href="../components/icon.html">Icon</a>
297
313
  <a href="../components/import.html">Import</a>
298
314
  <a href="../components/nav.html">Nav</a>
@@ -317,6 +333,7 @@
317
333
  <a href="../components/toast.html">Toast</a>
318
334
  <a href="../components/toggle.html">Toggle</a>
319
335
  <a href="../components/tree.html">Tree</a>
336
+ <a href="../components/voice-selector.html">Voice Selector</a>
320
337
  </div>
321
338
 
322
339
  <h5 class="mb0">Base Components</h5>
@@ -336,9 +353,11 @@
336
353
  <a href="../utils/formatTimestamp.html">formatTimestamp</a>
337
354
  <a href="../utils/object.html">object</a>
338
355
  <a href="../utils/propConverters.html">propConverters</a>
356
+ <a href="../utils/sanitizeHtml.html">sanitizeHtml</a>
339
357
  <a href="../utils/string.html">string</a>
340
358
  <a href="../utils/theme.html">theme</a>
341
359
  <a href="../utils/type.html">type</a>
360
+ <a href="../utils/voice.html">voice</a>
342
361
  <a href="../utils/wait.html">wait</a>
343
362
  </div>
344
363
  </menu>
@@ -475,6 +494,7 @@
475
494
  <a href="#customNodes">Custom Nodes Example</a><br />
476
495
  <a href="#preConfigured">Pre-Configured Editors</a><br />
477
496
  <a href="#height">Setting Height</a><br />
497
+ <a href="#disabled">Disabled / Read-only</a><br />
478
498
  <a href="#javascriptUsage">JavaScript API Example</a><br />
479
499
 
480
500
  <h6 class="mt"><a
@@ -714,6 +734,37 @@
714
734
  </div>
715
735
  </div>
716
736
 
737
+ <h3 id="disabled"><a
738
+ href="#disabled"
739
+ class="no-link"
740
+ >Disabled / Read-only</a></h3>
741
+ <p>The <code>disabled</code> attribute makes the editor non-interactive (Lexical is set to non-editable in visual mode, Monaco is set to <code>readOnly</code> in code mode), mutes the toolbar, fades the host, and excludes the field from form submission. The <code>readonly</code> attribute lets the user select and copy text and switch modes, but they can't edit; the value is still submitted with the form.</p>
742
+ <div class="row -mx">
743
+ <div class="col m-span-12 px">
744
+ <k-card label="HTML">
745
+ <pre><code class="hljs xml"><span class="hljs-tag">&lt;<span class="hljs-name">k-html-editor</span> <span class="hljs-attr">disabled</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;...&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">k-html-editor</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">k-html-editor</span> <span class="hljs-attr">readonly</span> <span class="hljs-attr">value</span>=<span class="hljs-string">&quot;...&quot;</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">k-html-editor</span>&gt;</span></code></pre>
746
+ </k-card>
747
+ </div>
748
+ <div class="col m-span-12 px">
749
+ <k-card label="Output">
750
+ <k-html-editor
751
+ disabled
752
+ controls="minimal"
753
+ class="b r mb"
754
+ style="height: 200px"
755
+ value="<p>This editor is <b>disabled</b> &mdash; the toolbar, content, and mode toggle are all inert.</p>"
756
+ ></k-html-editor>
757
+ <k-html-editor
758
+ readonly
759
+ controls="minimal"
760
+ class="b r"
761
+ style="height: 200px"
762
+ value="<p>This editor is <i>read-only</i> &mdash; you can select and copy, just not edit.</p>"
763
+ ></k-html-editor>
764
+ </k-card>
765
+ </div>
766
+ </div>
767
+
717
768
  <h3 id="javascriptUsage"><a
718
769
  href="#javascriptUsage"
719
770
  class="no-link"
@@ -851,6 +902,15 @@
851
902
  Configuration</a> for the full resolution order.
852
903
  </p>
853
904
 
905
+ <h5><code>disabled<i>: Boolean</i></code></h5>
906
+ <p>When <code>true</code>, the editor is non-interactive (Lexical's <code>setEditable(false)</code> in visual mode, Monaco's <code>readOnly</code> in code mode), the toolbar is muted, the host fades to <code>opacity: 0.6</code>, and the field is excluded from form submission. Syncs to <code>disabled</code> attribute.</p>
907
+
908
+ <h5><code>readonly<i>: Boolean</i></code></h5>
909
+ <p>When <code>true</code>, the user can select and copy text but not edit. The value is still submitted with the form. Syncs to <code>readonly</code> attribute.</p>
910
+
911
+ <h5><code>required<i>: Boolean</i></code></h5>
912
+ <p>When <code>true</code> and the editor is empty (no non-whitespace text), the element reports a <code>valueMissing</code> validity error to its parent <code>&lt;form&gt;</code>. Syncs to <code>required</code> attribute.</p>
913
+
854
914
  <h3 id="globalConfig"><a
855
915
  href="#globalConfig"
856
916
  class="no-link"
package/docs/components/hybrid-component.html CHANGED
@@ -67,6 +67,9 @@
67
67
  >Calendar<br><small>Component</small></a></k-filter-item>
68
68
  <k-filter-item filter-keywords="card components"><a
69
69
  href="../components/card.html">Card<br><small>Component</small></a></k-filter-item>
70
+ <k-filter-item filter-keywords="chat message conversation messaging components"><a
71
+ href="../components/chat.html"
72
+ >Chat<br><small>Component</small></a></k-filter-item>
70
73
  <k-filter-item filter-keywords="code editor codeeditor monaco components"><a
71
74
  href="../components/code-editor.html"
72
75
  >Code Editor<br><small>Component</small></a></k-filter-item>
@@ -95,6 +98,9 @@
95
98
  <k-filter-item filter-keywords="html editor components"><a
96
99
  href="../components/html-editor.html">HTML
97
100
  Editor<br><small>Component</small></a></k-filter-item>
101
+ <k-filter-item filter-keywords="markdown editor markdowneditor write preview marked gfm tables components"><a
102
+ href="../components/markdown-editor.html"
103
+ >Markdown Editor<br><small>Component</small></a></k-filter-item>
98
104
  <k-filter-item filter-keywords="icon components"><a
99
105
  href="../components/icon.html">Icon<br><small>Component</small></a></k-filter-item>
100
106
  <k-filter-item filter-keywords="import components"><a
@@ -198,6 +204,9 @@
198
204
  >Toggle<br><small>Component</small></a></k-filter-item>
199
205
  <k-filter-item filter-keywords="tree treeview components"><a
200
206
  href="../components/tree.html">Tree<br><small>Component</small></a></k-filter-item>
207
+ <k-filter-item filter-keywords="voice selector dropdown speech synthesis preference components"><a
208
+ href="../components/voice-selector.html"
209
+ >Voice Selector<br><small>Component</small></a></k-filter-item>
201
210
  <k-filter-item filter-keywords="shadow component base"><a
202
211
  href="../components/shadow-component.html"
203
212
  >Shadow Component<br><small>Base Component</small></a></k-filter-item>
@@ -225,12 +234,17 @@
225
234
  <k-filter-item filter-keywords="propconverters prop converters utils utility"><a
226
235
  href="../utils/propConverters.html"
227
236
  >propConverters<br><small>Utility</small></a></k-filter-item>
237
+ <k-filter-item filter-keywords="sanitizehtml sanitize html xss security utils utility"><a
238
+ href="../utils/sanitizeHtml.html"
239
+ >sanitizeHtml<br><small>Utility</small></a></k-filter-item>
228
240
  <k-filter-item filter-keywords="string utils utility"><a
229
241
  href="../utils/string.html">string<br><small>Utility</small></a></k-filter-item>
230
242
  <k-filter-item filter-keywords="theme utils utility"><a
231
243
  href="../utils/theme.html">theme<br><small>Utility</small></a></k-filter-item>
232
244
  <k-filter-item filter-keywords="type utils utility"><a
233
245
  href="../utils/type.html">type<br><small>Utility</small></a></k-filter-item>
246
+ <k-filter-item filter-keywords="voice speech synthesis preference utils utility"><a
247
+ href="../utils/voice.html">voice<br><small>Utility</small></a></k-filter-item>
234
248
  <k-filter-item filter-keywords="wait async utils utility"><a
235
249
  href="../utils/wait.html">wait<br><small>Utility</small></a></k-filter-item>
236
250
  </k-filter-list>
@@ -283,6 +297,7 @@
283
297
  <a href="../components/aside.html">Aside</a>
284
298
  <a href="../components/calendar.html">Calendar</a>
285
299
  <a href="../components/card.html">Card</a>
300
+ <a href="../components/chat.html">Chat</a>
286
301
  <a href="../components/code-editor.html">Code Editor</a>
287
302
  <a href="../components/combobox.html">Combobox</a>
288
303
  <a href="../components/color-picker.html">ColorPicker</a>
@@ -293,6 +308,7 @@
293
308
  <a href="../components/filter-list.html">Filter List</a>
294
309
  <a href="../components/focus-capture.html">FocusCapture</a>
295
310
  <a href="../components/html-editor.html">HTML Editor</a>
311
+ <a href="../components/markdown-editor.html">Markdown Editor</a>
296
312
  <a href="../components/icon.html">Icon</a>
297
313
  <a href="../components/import.html">Import</a>
298
314
  <a href="../components/nav.html">Nav</a>
@@ -317,6 +333,7 @@
317
333
  <a href="../components/toast.html">Toast</a>
318
334
  <a href="../components/toggle.html">Toggle</a>
319
335
  <a href="../components/tree.html">Tree</a>
336
+ <a href="../components/voice-selector.html">Voice Selector</a>
320
337
  </div>
321
338
 
322
339
  <h5 class="mb0">Base Components</h5>
@@ -336,9 +353,11 @@
336
353
  <a href="../utils/formatTimestamp.html">formatTimestamp</a>
337
354
  <a href="../utils/object.html">object</a>
338
355
  <a href="../utils/propConverters.html">propConverters</a>
356
+ <a href="../utils/sanitizeHtml.html">sanitizeHtml</a>
339
357
  <a href="../utils/string.html">string</a>
340
358
  <a href="../utils/theme.html">theme</a>
341
359
  <a href="../utils/type.html">type</a>
360
+ <a href="../utils/voice.html">voice</a>
342
361
  <a href="../utils/wait.html">wait</a>
343
362
  </div>
344
363
  </menu>
package/docs/components/icon.html CHANGED
@@ -67,6 +67,9 @@
67
67
  >Calendar<br><small>Component</small></a></k-filter-item>
68
68
  <k-filter-item filter-keywords="card components"><a
69
69
  href="../components/card.html">Card<br><small>Component</small></a></k-filter-item>
70
+ <k-filter-item filter-keywords="chat message conversation messaging components"><a
71
+ href="../components/chat.html"
72
+ >Chat<br><small>Component</small></a></k-filter-item>
70
73
  <k-filter-item filter-keywords="code editor codeeditor monaco components"><a
71
74
  href="../components/code-editor.html"
72
75
  >Code Editor<br><small>Component</small></a></k-filter-item>
@@ -95,6 +98,9 @@
95
98
  <k-filter-item filter-keywords="html editor components"><a
96
99
  href="../components/html-editor.html">HTML
97
100
  Editor<br><small>Component</small></a></k-filter-item>
101
+ <k-filter-item filter-keywords="markdown editor markdowneditor write preview marked gfm tables components"><a
102
+ href="../components/markdown-editor.html"
103
+ >Markdown Editor<br><small>Component</small></a></k-filter-item>
98
104
  <k-filter-item filter-keywords="icon components"><a
99
105
  href="../components/icon.html">Icon<br><small>Component</small></a></k-filter-item>
100
106
  <k-filter-item filter-keywords="import components"><a
@@ -198,6 +204,9 @@
198
204
  >Toggle<br><small>Component</small></a></k-filter-item>
199
205
  <k-filter-item filter-keywords="tree treeview components"><a
200
206
  href="../components/tree.html">Tree<br><small>Component</small></a></k-filter-item>
207
+ <k-filter-item filter-keywords="voice selector dropdown speech synthesis preference components"><a
208
+ href="../components/voice-selector.html"
209
+ >Voice Selector<br><small>Component</small></a></k-filter-item>
201
210
  <k-filter-item filter-keywords="shadow component base"><a
202
211
  href="../components/shadow-component.html"
203
212
  >Shadow Component<br><small>Base Component</small></a></k-filter-item>
@@ -225,12 +234,17 @@
225
234
  <k-filter-item filter-keywords="propconverters prop converters utils utility"><a
226
235
  href="../utils/propConverters.html"
227
236
  >propConverters<br><small>Utility</small></a></k-filter-item>
237
+ <k-filter-item filter-keywords="sanitizehtml sanitize html xss security utils utility"><a
238
+ href="../utils/sanitizeHtml.html"
239
+ >sanitizeHtml<br><small>Utility</small></a></k-filter-item>
228
240
  <k-filter-item filter-keywords="string utils utility"><a
229
241
  href="../utils/string.html">string<br><small>Utility</small></a></k-filter-item>
230
242
  <k-filter-item filter-keywords="theme utils utility"><a
231
243
  href="../utils/theme.html">theme<br><small>Utility</small></a></k-filter-item>
232
244
  <k-filter-item filter-keywords="type utils utility"><a
233
245
  href="../utils/type.html">type<br><small>Utility</small></a></k-filter-item>
246
+ <k-filter-item filter-keywords="voice speech synthesis preference utils utility"><a
247
+ href="../utils/voice.html">voice<br><small>Utility</small></a></k-filter-item>
234
248
  <k-filter-item filter-keywords="wait async utils utility"><a
235
249
  href="../utils/wait.html">wait<br><small>Utility</small></a></k-filter-item>
236
250
  </k-filter-list>
@@ -283,6 +297,7 @@
283
297
  <a href="../components/aside.html">Aside</a>
284
298
  <a href="../components/calendar.html">Calendar</a>
285
299
  <a href="../components/card.html">Card</a>
300
+ <a href="../components/chat.html">Chat</a>
286
301
  <a href="../components/code-editor.html">Code Editor</a>
287
302
  <a href="../components/combobox.html">Combobox</a>
288
303
  <a href="../components/color-picker.html">ColorPicker</a>
@@ -293,6 +308,7 @@
293
308
  <a href="../components/filter-list.html">Filter List</a>
294
309
  <a href="../components/focus-capture.html">FocusCapture</a>
295
310
  <a href="../components/html-editor.html">HTML Editor</a>
311
+ <a href="../components/markdown-editor.html">Markdown Editor</a>
296
312
  <a href="../components/icon.html">Icon</a>
297
313
  <a href="../components/import.html">Import</a>
298
314
  <a href="../components/nav.html">Nav</a>
@@ -317,6 +333,7 @@
317
333
  <a href="../components/toast.html">Toast</a>
318
334
  <a href="../components/toggle.html">Toggle</a>
319
335
  <a href="../components/tree.html">Tree</a>
336
+ <a href="../components/voice-selector.html">Voice Selector</a>
320
337
  </div>
321
338
 
322
339
  <h5 class="mb0">Base Components</h5>
@@ -336,9 +353,11 @@
336
353
  <a href="../utils/formatTimestamp.html">formatTimestamp</a>
337
354
  <a href="../utils/object.html">object</a>
338
355
  <a href="../utils/propConverters.html">propConverters</a>
356
+ <a href="../utils/sanitizeHtml.html">sanitizeHtml</a>
339
357
  <a href="../utils/string.html">string</a>
340
358
  <a href="../utils/theme.html">theme</a>
341
359
  <a href="../utils/type.html">type</a>
360
+ <a href="../utils/voice.html">voice</a>
342
361
  <a href="../utils/wait.html">wait</a>
343
362
  </div>
344
363
  </menu>