@kubex/zinc 1.0.4 → 1.0.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 (158) hide show
  1. package/dist/custom-elements.json +1278 -191
  2. package/dist/vscode.html-custom-data.json +93 -16
  3. package/dist/web-types.json +235 -25
  4. package/dist/zn.d.ts +1313 -941
  5. package/dist/zn.min.css +1 -1
  6. package/dist/zn.min.js +2049 -931
  7. package/docs/_includes/default.njk +1 -0
  8. package/docs/assets/scripts/docs.js +4 -5
  9. package/docs/assets/scripts/search.js +0 -9
  10. package/docs/assets/styles/docs.css +3 -3
  11. package/docs/data/data-table.json +79 -0
  12. package/docs/data/products-table.json +36 -0
  13. package/docs/eleventy.config.cjs +3 -0
  14. package/docs/pages/components/data-select.md +10 -0
  15. package/docs/pages/components/data-table.md +84 -45
  16. package/docs/pages/components/dialog.md +1 -1
  17. package/docs/pages/components/editor.md +1 -3
  18. package/docs/pages/components/filter-wrapper.md +20 -0
  19. package/docs/pages/components/icon.md +2 -0
  20. package/docs/pages/components/item.md +2 -2
  21. package/docs/pages/components/menu-item.md +12 -3
  22. package/docs/pages/components/panel.md +17 -0
  23. package/docs/pages/components/progress-tile.md +17 -1
  24. package/docs/pages/components/settings-container.md +137 -0
  25. package/docs/pages/components/textarea.md +1 -1
  26. package/package.json +3 -1
  27. package/scss/_root.scss +26 -0
  28. package/scss/boot.scss +27 -1
  29. package/scss/mixins/index.scss +30 -1
  30. package/scss/shared/_base.scss +1 -1
  31. package/scss/shared/_button.scss +1 -1
  32. package/scss/shared/layout.scss +7 -0
  33. package/scss/themes/_dark.scss +5 -5
  34. package/scss/themes/_light.scss +6 -5
  35. package/scss/variables/index.scss +9 -0
  36. package/src/components/alert/alert.component.ts +1 -1
  37. package/src/components/alert/alert.scss +18 -4
  38. package/src/components/bulk-actions/bulk-actions.component.ts +152 -84
  39. package/src/components/bulk-actions/bulk-actions.scss +2 -0
  40. package/src/components/button/button.component.ts +6 -2
  41. package/src/components/button/button.scss +16 -1
  42. package/src/components/button-menu/button-menu.component.ts +23 -15
  43. package/src/components/button-menu/button-menu.scss +4 -4
  44. package/src/components/chart/chart.component.ts +14 -12
  45. package/src/components/checkbox/checkbox.component.ts +5 -1
  46. package/src/components/checkbox/checkbox.scss +1 -1
  47. package/src/components/chip/chip.component.ts +7 -3
  48. package/src/components/chip/chip.scss +9 -1
  49. package/src/components/collapsible/collapsible.component.ts +48 -2
  50. package/src/components/cols/cols.component.ts +7 -3
  51. package/src/components/cols/cols.scss +22 -14
  52. package/src/components/confirm/confirm.component.ts +1 -2
  53. package/src/components/content-block/content-block.component.ts +104 -14
  54. package/src/components/content-block/content-block.scss +8 -0
  55. package/src/components/data-select/data-select.component.ts +1 -1
  56. package/src/components/data-table/data-table.component.ts +394 -430
  57. package/src/components/data-table/data-table.scss +6 -1
  58. package/src/components/datepicker/datepicker.scss +1 -1
  59. package/src/components/dialog/dialog.component.ts +52 -33
  60. package/src/components/dialog/dialog.scss +15 -1
  61. package/src/components/dropdown/dropdown.component.ts +1 -1
  62. package/src/components/editor/editor.component.ts +196 -158
  63. package/src/components/editor/editor.scss +25 -5
  64. package/src/components/editor/modules/ai/index.ts +281 -0
  65. package/src/components/editor/modules/ai/panel/ai-panel.component.ts +102 -0
  66. package/src/components/editor/modules/ai/panel/ai-panel.scss +83 -0
  67. package/src/components/editor/modules/ai/tooltip/ai-tooltip.component.ts +30 -0
  68. package/src/components/editor/modules/ai/tooltip/ai-tooltip.scss +28 -0
  69. package/src/components/editor/modules/{attachment-module.ts → attachment/attachment.ts} +7 -7
  70. package/src/components/editor/modules/context-menu/context-menu-component.ts +115 -0
  71. package/src/components/editor/modules/context-menu/context-menu.scss +49 -0
  72. package/src/components/editor/modules/context-menu/context-menu.ts +296 -0
  73. package/src/components/editor/modules/context-menu/quick-action/index.ts +12 -0
  74. package/src/components/editor/modules/context-menu/quick-action/quick-action.component.ts +18 -0
  75. package/src/components/editor/modules/date-picker/date-picker.ts +77 -0
  76. package/src/components/editor/modules/dialog/dialog.component.ts +115 -0
  77. package/src/components/editor/modules/dialog/dialog.scss +43 -0
  78. package/src/components/editor/modules/dialog/dialog.ts +46 -0
  79. package/src/components/editor/modules/{drag-drop-module.ts → drag-drop/drag-drop.ts} +6 -6
  80. package/src/components/editor/modules/emoji/emoji.ts +106 -0
  81. package/src/components/editor/modules/emoji/headless/headless-emoji.component.ts +122 -0
  82. package/src/components/editor/modules/emoji/headless/headless-emoji.scss +52 -0
  83. package/src/components/editor/modules/emoji/headless/headless-emoji.ts +223 -0
  84. package/src/components/editor/modules/{image-resize-module/image-resize-module.ts → image-resize/image-resize.ts} +5 -5
  85. package/src/components/editor/modules/{time-tracking-module.ts → time-tracking/time-tracking.ts} +5 -5
  86. package/src/components/editor/modules/toolbar/tool/index.ts +12 -0
  87. package/src/components/editor/modules/toolbar/tool/tool.component.ts +30 -0
  88. package/src/components/editor/modules/toolbar/tool/tool.scss +5 -0
  89. package/src/components/editor/modules/toolbar/toolbar.component.ts +738 -0
  90. package/src/components/editor/modules/toolbar/toolbar.scss +98 -0
  91. package/src/components/editor/modules/toolbar/toolbar.ts +328 -0
  92. package/src/components/expanding-action/expanding-action.component.ts +2 -2
  93. package/src/components/expanding-action/expanding-action.scss +2 -2
  94. package/src/components/filter-wrapper/filter-wrapper.component.ts +91 -0
  95. package/src/components/filter-wrapper/filter-wrapper.scss +11 -0
  96. package/src/components/filter-wrapper/filter-wrapper.test.ts +10 -0
  97. package/src/components/filter-wrapper/index.ts +12 -0
  98. package/src/components/header/header.component.ts +1 -1
  99. package/src/components/header/header.scss +8 -1
  100. package/src/components/hover-container/hover-container.scss +39 -36
  101. package/src/components/icon/icon.component.ts +11 -5
  102. package/src/components/icon/icon.scss +15 -2
  103. package/src/components/inline-edit/inline-edit.component.ts +52 -6
  104. package/src/components/inline-edit/inline-edit.scss +15 -2
  105. package/src/components/input/input.scss +1 -1
  106. package/src/components/item/item.component.ts +30 -19
  107. package/src/components/item/item.scss +57 -23
  108. package/src/components/linked-select/linked-select.component.ts +5 -1
  109. package/src/components/menu/menu.component.ts +1 -0
  110. package/src/components/menu/menu.scss +1 -1
  111. package/src/components/menu-item/menu-item.component.ts +22 -4
  112. package/src/components/menu-item/menu-item.scss +54 -7
  113. package/src/components/navbar/navbar.component.ts +7 -1
  114. package/src/components/navbar/navbar.scss +26 -16
  115. package/src/components/option/option.component.ts +4 -1
  116. package/src/components/option/option.scss +9 -0
  117. package/src/components/page-nav/page-nav.component.ts +2 -2
  118. package/src/components/page-nav/page-nav.scss +4 -4
  119. package/src/components/panel/panel.component.ts +20 -9
  120. package/src/components/panel/panel.scss +5 -1
  121. package/src/components/popup/popup.component.ts +16 -2
  122. package/src/components/progress-tile/progress-tile.component.ts +10 -4
  123. package/src/components/progress-tile/progress-tile.scss +7 -4
  124. package/src/components/query-builder/query-builder.component.ts +1 -1
  125. package/src/components/radio/radio.scss +1 -1
  126. package/src/components/scroll-container/scroll-container.component.ts +56 -9
  127. package/src/components/scroll-container/scroll-container.scss +37 -2
  128. package/src/components/select/select.component.ts +3 -0
  129. package/src/components/select/select.scss +1 -1
  130. package/src/components/settings-container/index.ts +12 -0
  131. package/src/components/settings-container/settings-container.component.ts +226 -0
  132. package/src/components/settings-container/settings-container.scss +99 -0
  133. package/src/components/settings-container/settings-container.test.ts +10 -0
  134. package/src/components/skeleton/skeleton.scss +5 -4
  135. package/src/components/sp/sp.component.ts +2 -0
  136. package/src/components/sp/sp.scss +2 -0
  137. package/src/components/split-button/split-button.component.ts +24 -18
  138. package/src/components/split-pane/split-pane.component.ts +5 -5
  139. package/src/components/stat/stat.component.ts +5 -1
  140. package/src/components/stat/stat.scss +24 -1
  141. package/src/components/style/style.component.ts +25 -1
  142. package/src/components/tabs/tabs.component.ts +12 -1
  143. package/src/components/textarea/textarea.component.ts +3 -1
  144. package/src/components/textarea/textarea.scss +21 -2
  145. package/src/components/vertical-stepper/vertical-stepper.scss +1 -1
  146. package/src/internal/form.ts +3 -1
  147. package/src/internal/slot.ts +29 -3
  148. package/src/utilities/on.ts +7 -8
  149. package/src/utilities/query.ts +5 -1
  150. package/src/wc.scss +7 -0
  151. package/src/zinc.ts +5 -0
  152. package/src/components/editor/modules/dialog-module/dialog-module.component.ts +0 -289
  153. package/src/components/editor/modules/dialog-module/dialog-module.scss +0 -115
  154. package/src/components/editor/modules/dialog-module/dialog-module.ts +0 -99
  155. package/src/components/editor/modules/events/zn-show-canned-response-dialog.ts +0 -15
  156. package/src/components/editor/modules/menu-module/menu-module.component.ts +0 -149
  157. package/src/components/editor/modules/menu-module/menu-module.scss +0 -17
  158. package/src/components/editor/modules/menu-module/menu-module.ts +0 -203
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@kubex/zinc",
4
- "version": "1.0.4",
4
+ "version": "1.0.6",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -54,7 +54,7 @@
54
54
  {
55
55
  "name": "level",
56
56
  "value": {
57
- "type": "'primary' | 'error' | 'info' | 'success' | 'warning' | 'note'",
57
+ "type": "'primary' | 'error' | 'info' | 'success' | 'warning' | 'note' | 'cosmic'",
58
58
  "default": "'info'"
59
59
  }
60
60
  },
@@ -80,7 +80,7 @@
80
80
  { "name": "collapse", "type": "boolean" },
81
81
  {
82
82
  "name": "level",
83
- "type": "'primary' | 'error' | 'info' | 'success' | 'warning' | 'note'"
83
+ "type": "'primary' | 'error' | 'info' | 'success' | 'warning' | 'note' | 'cosmic'"
84
84
  },
85
85
  { "name": "size", "type": "'small' | 'medium' | 'large'" }
86
86
  ],
@@ -114,7 +114,7 @@
114
114
  "js": {
115
115
  "properties": [
116
116
  { "name": "container", "type": "HTMLDivElement" },
117
- { "name": "addRule", "type": "HTMLSelectElement" },
117
+ { "name": "addRule", "type": "ZnSelect" },
118
118
  { "name": "input", "type": "HTMLInputElement" },
119
119
  { "name": "name", "type": "string" },
120
120
  { "name": "value", "type": "PropertyKey" },
@@ -174,6 +174,10 @@
174
174
  "value": { "type": "boolean", "default": "false" }
175
175
  },
176
176
  { "name": "notification", "value": { "type": "number" } },
177
+ {
178
+ "name": "muted-notifications",
179
+ "value": { "type": "boolean", "default": "false" }
180
+ },
177
181
  {
178
182
  "name": "verticalAlign",
179
183
  "value": { "type": "'start' | 'center' | 'end'" }
@@ -272,6 +276,7 @@
272
276
  { "name": "square", "type": "boolean" },
273
277
  { "name": "dropdownCloser", "type": "boolean" },
274
278
  { "name": "notification", "type": "number" },
279
+ { "name": "mutedNotifications", "type": "boolean" },
275
280
  { "name": "verticalAlign", "type": "'start' | 'center' | 'end'" },
276
281
  { "name": "content", "type": "string" },
277
282
  { "name": "icon", "type": "string" },
@@ -391,6 +396,10 @@
391
396
  "default": "'medium'"
392
397
  }
393
398
  },
399
+ {
400
+ "name": "icon-size",
401
+ "value": { "type": "number", "default": "24" }
402
+ },
394
403
  { "name": "no-gap", "value": { "type": "boolean" } },
395
404
  { "name": "no-padding", "value": { "type": "boolean" } }
396
405
  ],
@@ -406,6 +415,7 @@
406
415
  "name": "size",
407
416
  "type": "'content' | 'x-small' | 'small' | 'medium' | 'large'"
408
417
  },
418
+ { "name": "iconSize", "type": "number" },
409
419
  { "name": "noGap", "type": "boolean" },
410
420
  { "name": "noPadding", "type": "boolean" },
411
421
  { "name": "handleResize" }
@@ -429,6 +439,10 @@
429
439
  },
430
440
  { "name": "xAxis", "value": { "type": "string" } },
431
441
  { "name": "d-size", "value": { "type": "number", "default": "1" } },
442
+ {
443
+ "name": "stacked",
444
+ "value": { "type": "boolean", "default": "false" }
445
+ },
432
446
  {
433
447
  "name": "live",
434
448
  "value": { "type": "boolean", "default": "false" }
@@ -465,6 +479,7 @@
465
479
  { "name": "categories", "type": "string | string[]" },
466
480
  { "name": "xAxis", "type": "string" },
467
481
  { "name": "datapointSize", "type": "number" },
482
+ { "name": "stacked", "type": "boolean" },
468
483
  { "name": "live", "type": "boolean" },
469
484
  { "name": "dataUrl", "type": "string" },
470
485
  { "name": "liveInterval", "type": "number" },
@@ -650,6 +665,7 @@
650
665
  "name": "validity",
651
666
  "description": "Gets the validity state object"
652
667
  },
668
+ { "name": "isChecked" },
653
669
  {
654
670
  "name": "validationMessage",
655
671
  "description": "Gets the validation message"
@@ -920,6 +936,14 @@
920
936
  "value": { "type": "string", "default": "''" }
921
937
  },
922
938
  { "name": "label", "value": { "type": "string", "default": "''" } },
939
+ {
940
+ "name": "show-number",
941
+ "value": { "type": "boolean", "default": "false" }
942
+ },
943
+ {
944
+ "name": "count-element",
945
+ "value": { "type": "string", "default": "'*'" }
946
+ },
923
947
  {
924
948
  "name": "expanded",
925
949
  "value": { "type": "boolean", "default": "false" }
@@ -951,13 +975,17 @@
951
975
  { "name": "caption", "type": "string" },
952
976
  { "name": "description", "type": "string" },
953
977
  { "name": "label", "type": "string" },
978
+ { "name": "showNumber", "type": "boolean" },
979
+ { "name": "countElement", "type": "string" },
954
980
  { "name": "expanded", "type": "boolean" },
955
981
  { "name": "defaultState", "type": "'open' | 'closed'" },
956
982
  { "name": "localStorage", "type": "boolean" },
957
983
  { "name": "storeKey", "type": "string" },
958
984
  { "name": "storeTtl", "type": "number" },
959
985
  { "name": "flush", "type": "boolean" },
960
- { "name": "handleCollapse" }
986
+ { "name": "numberOfItems", "type": "number" },
987
+ { "name": "handleCollapse" },
988
+ { "name": "recalculateNumberOfItems" }
961
989
  ],
962
990
  "events": []
963
991
  }
@@ -981,6 +1009,10 @@
981
1009
  "value": { "type": "boolean", "default": "false" }
982
1010
  },
983
1011
  { "name": "pad", "value": { "type": "boolean" } },
1012
+ {
1013
+ "name": "divide",
1014
+ "value": { "type": "boolean", "default": "false" }
1015
+ },
984
1016
  { "name": "pad-x", "value": { "type": "boolean" } },
985
1017
  { "name": "pad-y", "value": { "type": "boolean" } }
986
1018
  ],
@@ -998,6 +1030,7 @@
998
1030
  { "name": "noGap", "type": "boolean" },
999
1031
  { "name": "border", "type": "boolean" },
1000
1032
  { "name": "pad", "type": "boolean" },
1033
+ { "name": "divide", "type": "boolean" },
1001
1034
  { "name": "padX", "type": "boolean" },
1002
1035
  { "name": "padY", "type": "boolean" }
1003
1036
  ],
@@ -1165,6 +1198,10 @@
1165
1198
  {
1166
1199
  "name": "short",
1167
1200
  "value": { "type": "boolean", "default": "false" }
1201
+ },
1202
+ {
1203
+ "name": "default-display",
1204
+ "value": { "type": "'text' | 'html'", "default": "'text'" }
1168
1205
  }
1169
1206
  ],
1170
1207
  "events": [],
@@ -1175,6 +1212,7 @@
1175
1212
  { "name": "avatar", "type": "string" },
1176
1213
  { "name": "outbound", "type": "boolean" },
1177
1214
  { "name": "short", "type": "boolean" },
1215
+ { "name": "defaultDisplay", "type": "'text' | 'html'" },
1178
1216
  { "name": "htmlNodes", "type": "Node[]" },
1179
1217
  { "name": "iframe", "type": "Promise<HTMLIFrameElement>" }
1180
1218
  ],
@@ -1411,7 +1449,10 @@
1411
1449
  { "name": "data-uri", "value": { "type": "string" } },
1412
1450
  { "name": "data", "value": { "type": "any" } },
1413
1451
  { "name": "sort-column", "value": { "type": "string" } },
1414
- { "name": "sort-direction", "value": { "type": "string" } },
1452
+ {
1453
+ "name": "sort-direction",
1454
+ "value": { "type": "string", "default": "\"asc\"" }
1455
+ },
1415
1456
  {
1416
1457
  "name": "filter",
1417
1458
  "value": { "type": "string", "default": "''" }
@@ -1421,7 +1462,7 @@
1421
1462
  {
1422
1463
  "name": "headers",
1423
1464
  "value": {
1424
- "type": "Record<string, string | HeaderConfig>",
1465
+ "type": "Record<string, HeaderConfig>",
1425
1466
  "default": "{}"
1426
1467
  }
1427
1468
  },
@@ -1447,8 +1488,21 @@
1447
1488
  "value": { "type": "boolean", "default": "false" }
1448
1489
  },
1449
1490
  { "name": "caption", "value": { "type": "string" } },
1491
+ { "name": "empty-state-caption", "value": { "type": "string" } },
1492
+ {
1493
+ "name": "empty-state-icon",
1494
+ "value": { "type": "string", "default": "\"data_alert\"" }
1495
+ },
1450
1496
  { "name": "hide-checkboxes", "value": { "type": "boolean" } },
1451
- { "name": "filters", "value": { "type": "[]", "default": "[]" } }
1497
+ { "name": "filters", "value": { "type": "[]", "default": "[]" } },
1498
+ {
1499
+ "name": "method",
1500
+ "value": { "type": "'GET' | 'POST'", "default": "'POST'" }
1501
+ },
1502
+ {
1503
+ "name": "no-initial-load",
1504
+ "value": { "type": "boolean", "default": "false" }
1505
+ }
1452
1506
  ],
1453
1507
  "slots": [
1454
1508
  { "name": "", "description": "The default slot." },
@@ -1466,10 +1520,7 @@
1466
1520
  { "name": "filter", "type": "string" },
1467
1521
  { "name": "wideColumn", "type": "string" },
1468
1522
  { "name": "key", "type": "string" },
1469
- {
1470
- "name": "headers",
1471
- "type": "Record<string, string | HeaderConfig>"
1472
- },
1523
+ { "name": "headers", "type": "Record<string, HeaderConfig>" },
1473
1524
  { "name": "hiddenHeaders", "type": "string" },
1474
1525
  { "name": "hiddenColumns", "type": "string" },
1475
1526
  { "name": "unsortableHeaders", "type": "string" },
@@ -1477,8 +1528,14 @@
1477
1528
  { "name": "hidePagination", "type": "boolean" },
1478
1529
  { "name": "standalone", "type": "boolean" },
1479
1530
  { "name": "caption", "type": "string" },
1531
+ { "name": "emptyStateCaption", "type": "string" },
1532
+ { "name": "emptyStateIcon", "type": "string" },
1480
1533
  { "name": "hideCheckboxes", "type": "boolean" },
1481
1534
  { "name": "filters", "type": "[]" },
1535
+ { "name": "method", "type": "'GET' | 'POST'" },
1536
+ { "name": "noInitialLoad", "type": "boolean" },
1537
+ { "name": "requestParams", "type": "Record<string, any>" },
1538
+ { "name": "builtinRequestParams", "type": "Record<string, any>" },
1482
1539
  { "name": "changeEventListener" }
1483
1540
  ],
1484
1541
  "events": [
@@ -1816,6 +1873,10 @@
1816
1873
  "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
1817
1874
  "value": { "type": "string" }
1818
1875
  },
1876
+ {
1877
+ "name": "cosmic",
1878
+ "value": { "type": "boolean", "default": "false" }
1879
+ },
1819
1880
  {
1820
1881
  "name": "no-header",
1821
1882
  "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
@@ -1894,6 +1955,7 @@
1894
1955
  "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
1895
1956
  "type": "string"
1896
1957
  },
1958
+ { "name": "cosmic", "type": "boolean" },
1897
1959
  {
1898
1960
  "name": "noHeader",
1899
1961
  "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way to close the dialog.",
@@ -2053,15 +2115,18 @@
2053
2115
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
2054
2116
  "doc-url": "",
2055
2117
  "attributes": [
2118
+ { "name": "id", "value": { "type": "string" } },
2056
2119
  { "name": "name", "value": { "type": "string" } },
2057
2120
  { "name": "value", "value": { "type": "string" } },
2058
2121
  {
2059
2122
  "name": "interaction-type",
2060
2123
  "value": { "type": "'ticket' | 'chat'", "default": "'chat'" }
2061
2124
  },
2062
- { "name": "canned-responses", "value": { "type": "any[]" } },
2063
- { "name": "canned-responses-url", "value": { "type": "string" } },
2064
- { "name": "attachment-url", "value": { "type": "string" } }
2125
+ { "name": "attachment-url", "value": { "type": "string" } },
2126
+ {
2127
+ "name": "ai-path",
2128
+ "value": { "type": "string", "default": "''" }
2129
+ }
2065
2130
  ],
2066
2131
  "slots": [
2067
2132
  { "name": "", "description": "The default slot." },
@@ -2072,12 +2137,12 @@
2072
2137
  ],
2073
2138
  "js": {
2074
2139
  "properties": [
2140
+ { "name": "id", "type": "string" },
2075
2141
  { "name": "name", "type": "string" },
2076
2142
  { "name": "value", "type": "string" },
2077
2143
  { "name": "interactionType", "type": "'ticket' | 'chat'" },
2078
- { "name": "cannedResponses", "type": "any[]" },
2079
- { "name": "cannedResponsesUri", "type": "string" },
2080
2144
  { "name": "uploadAttachmentUrl", "type": "string" },
2145
+ { "name": "aiPath", "type": "string" },
2081
2146
  { "name": "validity", "type": "ValidityState" },
2082
2147
  { "name": "validationMessage", "type": "string" }
2083
2148
  ],
@@ -2458,6 +2523,36 @@
2458
2523
  ]
2459
2524
  }
2460
2525
  },
2526
+ {
2527
+ "name": "zn-filter-wrapper",
2528
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
2529
+ "doc-url": "",
2530
+ "attributes": [
2531
+ {
2532
+ "name": "button",
2533
+ "value": { "type": "string", "default": "'Filter'" }
2534
+ }
2535
+ ],
2536
+ "slots": [
2537
+ { "name": "", "description": "The default slot." },
2538
+ { "name": "example", "description": "An example slot." }
2539
+ ],
2540
+ "events": [
2541
+ { "name": "zn-event-name", "description": "Emitted as an example." }
2542
+ ],
2543
+ "js": {
2544
+ "properties": [
2545
+ { "name": "button", "type": "string" },
2546
+ { "name": "handleSubmit" }
2547
+ ],
2548
+ "events": [
2549
+ {
2550
+ "name": "zn-event-name",
2551
+ "description": "Emitted as an example."
2552
+ }
2553
+ ]
2554
+ }
2555
+ },
2461
2556
  {
2462
2557
  "name": "zn-form-group",
2463
2558
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
@@ -2670,7 +2765,15 @@
2670
2765
  "value": { "type": "boolean", "default": "false" }
2671
2766
  },
2672
2767
  { "name": "library", "value": { "type": "IconLibrary" } },
2673
- { "name": "color", "value": { "type": "IconColor" } }
2768
+ { "name": "color", "value": { "type": "IconColor" } },
2769
+ {
2770
+ "name": "padded",
2771
+ "value": { "type": "boolean", "default": "false" }
2772
+ },
2773
+ {
2774
+ "name": "squared",
2775
+ "value": { "type": "boolean", "default": "false" }
2776
+ }
2674
2777
  ],
2675
2778
  "slots": [
2676
2779
  { "name": "", "description": "The default slot." },
@@ -2687,6 +2790,8 @@
2687
2790
  { "name": "round", "type": "boolean" },
2688
2791
  { "name": "library", "type": "IconLibrary" },
2689
2792
  { "name": "color", "type": "IconColor" },
2793
+ { "name": "padded", "type": "boolean" },
2794
+ { "name": "squared", "type": "boolean" },
2690
2795
  { "name": "gravatarOptions", "type": "string" },
2691
2796
  { "name": "defaultLibrary", "type": "IconLibrary" }
2692
2797
  ],
@@ -2779,7 +2884,11 @@
2779
2884
  { "name": "defaultValue", "type": "string" },
2780
2885
  { "name": "validity", "type": "ValidityState" },
2781
2886
  { "name": "validationMessage", "type": "string" },
2887
+ { "name": "mouseEventHandler" },
2782
2888
  { "name": "escKeyHandler" },
2889
+ { "name": "submitKeyHandler" },
2890
+ { "name": "captureMouseDown" },
2891
+ { "name": "captureKeyDown" },
2783
2892
  { "name": "handleEditClick" },
2784
2893
  { "name": "handleSubmitClick" },
2785
2894
  { "name": "handleCancelClick" },
@@ -3270,6 +3379,7 @@
3270
3379
  "doc-url": "",
3271
3380
  "attributes": [
3272
3381
  { "name": "caption", "value": { "type": "string" } },
3382
+ { "name": "description", "value": { "type": "string" } },
3273
3383
  { "name": "stacked", "value": { "type": "boolean" } },
3274
3384
  {
3275
3385
  "name": "size",
@@ -3283,7 +3393,8 @@
3283
3393
  { "name": "value", "value": { "type": "string" } },
3284
3394
  { "name": "inline", "value": { "type": "boolean" } },
3285
3395
  { "name": "grid", "value": { "type": "boolean" } },
3286
- { "name": "no-padding", "value": { "type": "boolean" } }
3396
+ { "name": "no-padding", "value": { "type": "boolean" } },
3397
+ { "name": "align-end", "value": { "type": "boolean" } }
3287
3398
  ],
3288
3399
  "slots": [
3289
3400
  {
@@ -3299,6 +3410,7 @@
3299
3410
  "js": {
3300
3411
  "properties": [
3301
3412
  { "name": "caption", "type": "string" },
3413
+ { "name": "description", "type": "string" },
3302
3414
  { "name": "stacked", "type": "boolean" },
3303
3415
  { "name": "size", "type": "'small' | 'medium' | 'large'" },
3304
3416
  { "name": "editOnHover", "type": "boolean" },
@@ -3306,7 +3418,8 @@
3306
3418
  { "name": "value", "type": "string" },
3307
3419
  { "name": "inline", "type": "boolean" },
3308
3420
  { "name": "grid", "type": "boolean" },
3309
- { "name": "noPadding", "type": "boolean" }
3421
+ { "name": "noPadding", "type": "boolean" },
3422
+ { "name": "alignEnd", "type": "boolean" }
3310
3423
  ],
3311
3424
  "events": []
3312
3425
  }
@@ -3355,7 +3468,8 @@
3355
3468
  { "name": "linkedSelect", "type": "string" },
3356
3469
  { "name": "cacheKey", "type": "string" },
3357
3470
  { "name": "label", "type": "string" },
3358
- { "name": "input", "type": "HTMLInputElement" },
3471
+ { "name": "input", "type": "ZnSelect" },
3472
+ { "name": "displayLabel" },
3359
3473
  { "name": "validity" },
3360
3474
  { "name": "validationMessage" },
3361
3475
  { "name": "handleLinkedSelectChange" },
@@ -3414,6 +3528,10 @@
3414
3528
  "description": "Draws the item in a checked state.",
3415
3529
  "value": { "type": "boolean", "default": "false" }
3416
3530
  },
3531
+ {
3532
+ "name": "checked-position",
3533
+ "value": { "type": "'left' | 'right'", "default": "'left'" }
3534
+ },
3417
3535
  {
3418
3536
  "name": "value",
3419
3537
  "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
@@ -3429,6 +3547,7 @@
3429
3547
  "description": "Draws the menu item in a disabled state, preventing selection.",
3430
3548
  "value": { "type": "boolean", "default": "false" }
3431
3549
  },
3550
+ { "name": "color", "value": { "type": "string" } },
3432
3551
  { "name": "href", "value": { "type": "string" } },
3433
3552
  { "name": "data-path", "value": { "type": "string" } },
3434
3553
  {
@@ -3468,6 +3587,7 @@
3468
3587
  "description": "Draws the item in a checked state.",
3469
3588
  "type": "boolean"
3470
3589
  },
3590
+ { "name": "checkedPosition", "type": "'left' | 'right'" },
3471
3591
  {
3472
3592
  "name": "value",
3473
3593
  "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
@@ -3483,6 +3603,7 @@
3483
3603
  "description": "Draws the menu item in a disabled state, preventing selection.",
3484
3604
  "type": "boolean"
3485
3605
  },
3606
+ { "name": "color", "type": "string" },
3486
3607
  { "name": "href", "type": "string" },
3487
3608
  { "name": "dataPath", "type": "string" },
3488
3609
  {
@@ -3512,6 +3633,8 @@
3512
3633
  },
3513
3634
  { "name": "full-width", "value": { "type": "boolean" } },
3514
3635
  { "name": "icon-bar", "value": { "type": "boolean" } },
3636
+ { "name": "slim", "value": { "type": "boolean" } },
3637
+ { "name": "border", "value": { "type": "boolean" } },
3515
3638
  { "name": "hide-one", "value": { "type": "boolean" } },
3516
3639
  {
3517
3640
  "name": "flush",
@@ -3522,6 +3645,7 @@
3522
3645
  "name": "dropdown",
3523
3646
  "value": { "type": "array", "default": "[]" }
3524
3647
  },
3648
+ { "name": "no-pad", "value": { "type": "false" } },
3525
3649
  { "name": "_appended", "value": { "type": "Element[]" } }
3526
3650
  ],
3527
3651
  "slots": [
@@ -3536,10 +3660,13 @@
3536
3660
  { "name": "navigation", "type": "array" },
3537
3661
  { "name": "fullWidth", "type": "boolean" },
3538
3662
  { "name": "iconBar", "type": "boolean" },
3663
+ { "name": "slim", "type": "boolean" },
3664
+ { "name": "border", "type": "boolean" },
3539
3665
  { "name": "hideOne", "type": "boolean" },
3540
3666
  { "name": "flush", "type": "boolean" },
3541
3667
  { "name": "stacked", "type": "boolean" },
3542
3668
  { "name": "dropdown", "type": "array" },
3669
+ { "name": "noPad", "type": "false" },
3543
3670
  { "name": "handleResize" }
3544
3671
  ],
3545
3672
  "events": [
@@ -3616,6 +3743,7 @@
3616
3743
  "events": [],
3617
3744
  "js": {
3618
3745
  "properties": [
3746
+ { "name": "multiple", "type": "boolean" },
3619
3747
  { "name": "defaultSlot", "type": "HTMLSlotElement" },
3620
3748
  { "name": "current", "type": "boolean" },
3621
3749
  { "name": "selected", "type": "boolean" },
@@ -3808,6 +3936,7 @@
3808
3936
  { "name": "caption", "value": { "type": "string" } },
3809
3937
  { "name": "description", "value": { "type": "string" } },
3810
3938
  { "name": "tabbed", "value": { "type": "boolean" } },
3939
+ { "name": "cosmic", "value": { "type": "boolean" } },
3811
3940
  { "name": "flush", "value": { "type": "boolean" } },
3812
3941
  { "name": "flush-x", "value": { "type": "boolean" } },
3813
3942
  { "name": "flush-y", "value": { "type": "boolean" } },
@@ -3825,6 +3954,7 @@
3825
3954
  { "name": "caption", "type": "string" },
3826
3955
  { "name": "description", "type": "string" },
3827
3956
  { "name": "tabbed", "type": "boolean" },
3957
+ { "name": "cosmic", "type": "boolean" },
3828
3958
  { "name": "flush", "type": "boolean" },
3829
3959
  { "name": "flushX", "type": "boolean" },
3830
3960
  { "name": "flushY", "type": "boolean" },
@@ -4604,7 +4734,12 @@
4604
4734
  "name": "zn-scroll-container",
4605
4735
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
4606
4736
  "doc-url": "",
4607
- "attributes": [],
4737
+ "attributes": [
4738
+ {
4739
+ "name": "start-scrolled",
4740
+ "value": { "type": "boolean", "default": "false" }
4741
+ }
4742
+ ],
4608
4743
  "slots": [
4609
4744
  { "name": "", "description": "The default slot." },
4610
4745
  { "name": "example", "description": "An example slot." }
@@ -4613,7 +4748,7 @@
4613
4748
  { "name": "zn-event-name", "description": "Emitted as an example." }
4614
4749
  ],
4615
4750
  "js": {
4616
- "properties": [],
4751
+ "properties": [{ "name": "startScrolled", "type": "boolean" }],
4617
4752
  "events": [
4618
4753
  {
4619
4754
  "name": "zn-event-name",
@@ -4981,6 +5116,46 @@
4981
5116
  ]
4982
5117
  }
4983
5118
  },
5119
+ {
5120
+ "name": "zn-settings-container",
5121
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
5122
+ "doc-url": "",
5123
+ "attributes": [
5124
+ {
5125
+ "name": "position",
5126
+ "value": {
5127
+ "type": "'top-end' | 'top-start' | 'bottom-end' | 'bottom-start'",
5128
+ "default": "'bottom-start'"
5129
+ }
5130
+ },
5131
+ { "name": "store-key", "value": { "type": "string" } },
5132
+ { "name": "no-scroll", "value": { "type": "boolean" } }
5133
+ ],
5134
+ "slots": [
5135
+ { "name": "", "description": "The default slot." },
5136
+ { "name": "example", "description": "An example slot." }
5137
+ ],
5138
+ "events": [
5139
+ { "name": "zn-event-name", "description": "Emitted as an example." }
5140
+ ],
5141
+ "js": {
5142
+ "properties": [
5143
+ { "name": "filters", "type": "SettingsContainerFilter[]" },
5144
+ {
5145
+ "name": "position",
5146
+ "type": "'top-end' | 'top-start' | 'bottom-end' | 'bottom-start'"
5147
+ },
5148
+ { "name": "storeKey", "type": "string" },
5149
+ { "name": "noScroll", "type": "boolean" }
5150
+ ],
5151
+ "events": [
5152
+ {
5153
+ "name": "zn-event-name",
5154
+ "description": "Emitted as an example."
5155
+ }
5156
+ ]
5157
+ }
5158
+ },
4984
5159
  {
4985
5160
  "name": "zn-sidebar",
4986
5161
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -5226,6 +5401,10 @@
5226
5401
  {
5227
5402
  "name": "width-container",
5228
5403
  "value": { "type": "boolean", "default": "false" }
5404
+ },
5405
+ {
5406
+ "name": "form-container",
5407
+ "value": { "type": "boolean", "default": "false" }
5229
5408
  }
5230
5409
  ],
5231
5410
  "slots": [
@@ -5251,7 +5430,8 @@
5251
5430
  { "name": "flushB", "type": "boolean" },
5252
5431
  { "name": "flushL", "type": "boolean" },
5253
5432
  { "name": "flushR", "type": "boolean" },
5254
- { "name": "widthContainer", "type": "boolean" }
5433
+ { "name": "widthContainer", "type": "boolean" },
5434
+ { "name": "formContainer", "type": "boolean" }
5255
5435
  ],
5256
5436
  "events": [
5257
5437
  {
@@ -5428,6 +5608,13 @@
5428
5608
  {
5429
5609
  "name": "show-delta",
5430
5610
  "value": { "type": "boolean", "default": "false" }
5611
+ },
5612
+ {
5613
+ "name": "color",
5614
+ "value": {
5615
+ "type": "'primary' | 'error' | 'info' | 'warning' | 'success' | 'neutral'",
5616
+ "default": "'primary'"
5617
+ }
5431
5618
  }
5432
5619
  ],
5433
5620
  "slots": [
@@ -5445,7 +5632,11 @@
5445
5632
  { "name": "type", "type": "string" },
5446
5633
  { "name": "previous", "type": "string" },
5447
5634
  { "name": "currency", "type": "string" },
5448
- { "name": "showDelta", "type": "boolean" }
5635
+ { "name": "showDelta", "type": "boolean" },
5636
+ {
5637
+ "name": "color",
5638
+ "type": "'primary' | 'error' | 'info' | 'warning' | 'success' | 'neutral'"
5639
+ }
5449
5640
  ],
5450
5641
  "events": [
5451
5642
  {
@@ -5547,6 +5738,16 @@
5547
5738
  "name": "accent",
5548
5739
  "value": { "type": "boolean", "default": "false" }
5549
5740
  },
5741
+ {
5742
+ "name": "center",
5743
+ "value": { "type": "boolean", "default": "false" }
5744
+ },
5745
+ { "name": "font", "value": { "type": "string", "default": "''" } },
5746
+ { "name": "width", "value": { "type": "string", "default": "''" } },
5747
+ {
5748
+ "name": "height",
5749
+ "value": { "type": "string", "default": "''" }
5750
+ },
5550
5751
  { "name": "pad", "value": { "type": "string", "default": "''" } },
5551
5752
  {
5552
5753
  "name": "margin",
@@ -5568,6 +5769,10 @@
5568
5769
  { "name": "warning", "type": "boolean" },
5569
5770
  { "name": "primary", "type": "boolean" },
5570
5771
  { "name": "accent", "type": "boolean" },
5772
+ { "name": "center", "type": "boolean" },
5773
+ { "name": "font", "type": "string" },
5774
+ { "name": "width", "type": "string" },
5775
+ { "name": "height", "type": "string" },
5571
5776
  { "name": "pad", "type": "string" },
5572
5777
  { "name": "margin", "type": "string" },
5573
5778
  { "name": "autoMargin", "type": "string" }
@@ -5855,6 +6060,10 @@
5855
6060
  "value": {
5856
6061
  "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
5857
6062
  }
6063
+ },
6064
+ {
6065
+ "name": "transparent",
6066
+ "value": { "type": "boolean", "default": "false" }
5858
6067
  }
5859
6068
  ],
5860
6069
  "slots": [
@@ -6023,6 +6232,7 @@
6023
6232
  "description": "The default value of the form control. Primarily used for resetting the form control.",
6024
6233
  "type": "string"
6025
6234
  },
6235
+ { "name": "transparent", "type": "boolean" },
6026
6236
  {
6027
6237
  "name": "validity",
6028
6238
  "description": "Gets the validity state object"