@kubex/zinc 1.0.4 → 1.0.5

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 (153) hide show
  1. package/dist/custom-elements.json +1034 -111
  2. package/dist/vscode.html-custom-data.json +85 -15
  3. package/dist/web-types.json +215 -24
  4. package/dist/zn.d.ts +1234 -888
  5. package/dist/zn.min.css +1 -1
  6. package/dist/zn.min.js +1979 -940
  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/button/button.component.ts +6 -2
  39. package/src/components/button/button.scss +16 -1
  40. package/src/components/button-menu/button-menu.component.ts +23 -15
  41. package/src/components/button-menu/button-menu.scss +4 -4
  42. package/src/components/checkbox/checkbox.component.ts +5 -1
  43. package/src/components/checkbox/checkbox.scss +1 -1
  44. package/src/components/chip/chip.component.ts +7 -3
  45. package/src/components/chip/chip.scss +9 -1
  46. package/src/components/collapsible/collapsible.component.ts +48 -2
  47. package/src/components/confirm/confirm.component.ts +1 -2
  48. package/src/components/content-block/content-block.component.ts +25 -1
  49. package/src/components/content-block/content-block.scss +8 -0
  50. package/src/components/data-select/data-select.component.ts +1 -1
  51. package/src/components/data-table/data-table.component.ts +361 -422
  52. package/src/components/data-table/data-table.scss +6 -1
  53. package/src/components/datepicker/datepicker.scss +1 -1
  54. package/src/components/dialog/dialog.component.ts +52 -33
  55. package/src/components/dialog/dialog.scss +15 -1
  56. package/src/components/dropdown/dropdown.component.ts +1 -1
  57. package/src/components/editor/editor.component.ts +196 -158
  58. package/src/components/editor/editor.scss +25 -5
  59. package/src/components/editor/modules/ai/index.ts +281 -0
  60. package/src/components/editor/modules/ai/panel/ai-panel.component.ts +102 -0
  61. package/src/components/editor/modules/ai/panel/ai-panel.scss +83 -0
  62. package/src/components/editor/modules/ai/tooltip/ai-tooltip.component.ts +30 -0
  63. package/src/components/editor/modules/ai/tooltip/ai-tooltip.scss +28 -0
  64. package/src/components/editor/modules/{attachment-module.ts → attachment/attachment.ts} +7 -7
  65. package/src/components/editor/modules/context-menu/context-menu-component.ts +115 -0
  66. package/src/components/editor/modules/context-menu/context-menu.scss +49 -0
  67. package/src/components/editor/modules/context-menu/context-menu.ts +296 -0
  68. package/src/components/editor/modules/context-menu/quick-action/index.ts +12 -0
  69. package/src/components/editor/modules/context-menu/quick-action/quick-action.component.ts +18 -0
  70. package/src/components/editor/modules/date-picker/date-picker.ts +77 -0
  71. package/src/components/editor/modules/dialog/dialog.component.ts +115 -0
  72. package/src/components/editor/modules/dialog/dialog.scss +43 -0
  73. package/src/components/editor/modules/dialog/dialog.ts +46 -0
  74. package/src/components/editor/modules/{drag-drop-module.ts → drag-drop/drag-drop.ts} +6 -6
  75. package/src/components/editor/modules/emoji/emoji.ts +106 -0
  76. package/src/components/editor/modules/emoji/headless/headless-emoji.component.ts +122 -0
  77. package/src/components/editor/modules/emoji/headless/headless-emoji.scss +52 -0
  78. package/src/components/editor/modules/emoji/headless/headless-emoji.ts +223 -0
  79. package/src/components/editor/modules/{image-resize-module/image-resize-module.ts → image-resize/image-resize.ts} +5 -5
  80. package/src/components/editor/modules/{time-tracking-module.ts → time-tracking/time-tracking.ts} +5 -5
  81. package/src/components/editor/modules/toolbar/tool/index.ts +12 -0
  82. package/src/components/editor/modules/toolbar/tool/tool.component.ts +30 -0
  83. package/src/components/editor/modules/toolbar/tool/tool.scss +5 -0
  84. package/src/components/editor/modules/toolbar/toolbar.component.ts +738 -0
  85. package/src/components/editor/modules/toolbar/toolbar.scss +98 -0
  86. package/src/components/editor/modules/toolbar/toolbar.ts +328 -0
  87. package/src/components/expanding-action/expanding-action.component.ts +2 -2
  88. package/src/components/expanding-action/expanding-action.scss +2 -2
  89. package/src/components/filter-wrapper/filter-wrapper.component.ts +91 -0
  90. package/src/components/filter-wrapper/filter-wrapper.scss +11 -0
  91. package/src/components/filter-wrapper/filter-wrapper.test.ts +10 -0
  92. package/src/components/filter-wrapper/index.ts +12 -0
  93. package/src/components/header/header.component.ts +1 -1
  94. package/src/components/header/header.scss +8 -1
  95. package/src/components/hover-container/hover-container.scss +39 -36
  96. package/src/components/icon/icon.component.ts +11 -5
  97. package/src/components/icon/icon.scss +15 -2
  98. package/src/components/inline-edit/inline-edit.component.ts +28 -3
  99. package/src/components/inline-edit/inline-edit.scss +4 -1
  100. package/src/components/input/input.scss +1 -1
  101. package/src/components/item/item.component.ts +30 -19
  102. package/src/components/item/item.scss +56 -14
  103. package/src/components/linked-select/linked-select.component.ts +5 -1
  104. package/src/components/menu/menu.component.ts +1 -0
  105. package/src/components/menu/menu.scss +1 -1
  106. package/src/components/menu-item/menu-item.component.ts +22 -4
  107. package/src/components/menu-item/menu-item.scss +54 -7
  108. package/src/components/navbar/navbar.component.ts +7 -1
  109. package/src/components/navbar/navbar.scss +26 -16
  110. package/src/components/option/option.component.ts +4 -1
  111. package/src/components/option/option.scss +9 -0
  112. package/src/components/page-nav/page-nav.component.ts +2 -2
  113. package/src/components/page-nav/page-nav.scss +4 -4
  114. package/src/components/panel/panel.component.ts +20 -9
  115. package/src/components/panel/panel.scss +5 -1
  116. package/src/components/popup/popup.component.ts +16 -2
  117. package/src/components/progress-tile/progress-tile.component.ts +10 -4
  118. package/src/components/progress-tile/progress-tile.scss +7 -4
  119. package/src/components/query-builder/query-builder.component.ts +1 -1
  120. package/src/components/radio/radio.scss +1 -1
  121. package/src/components/scroll-container/scroll-container.component.ts +56 -9
  122. package/src/components/scroll-container/scroll-container.scss +37 -2
  123. package/src/components/select/select.component.ts +3 -0
  124. package/src/components/select/select.scss +1 -1
  125. package/src/components/settings-container/index.ts +12 -0
  126. package/src/components/settings-container/settings-container.component.ts +226 -0
  127. package/src/components/settings-container/settings-container.scss +92 -0
  128. package/src/components/settings-container/settings-container.test.ts +10 -0
  129. package/src/components/skeleton/skeleton.scss +5 -4
  130. package/src/components/sp/sp.component.ts +2 -0
  131. package/src/components/sp/sp.scss +2 -0
  132. package/src/components/split-button/split-button.component.ts +24 -18
  133. package/src/components/split-pane/split-pane.component.ts +5 -5
  134. package/src/components/stat/stat.component.ts +5 -1
  135. package/src/components/stat/stat.scss +24 -1
  136. package/src/components/style/style.component.ts +18 -0
  137. package/src/components/tabs/tabs.component.ts +12 -1
  138. package/src/components/textarea/textarea.component.ts +3 -1
  139. package/src/components/textarea/textarea.scss +21 -2
  140. package/src/components/vertical-stepper/vertical-stepper.scss +1 -1
  141. package/src/internal/form.ts +3 -1
  142. package/src/internal/slot.ts +29 -3
  143. package/src/utilities/on.ts +7 -8
  144. package/src/utilities/query.ts +5 -1
  145. package/src/wc.scss +7 -0
  146. package/src/zinc.ts +5 -0
  147. package/src/components/editor/modules/dialog-module/dialog-module.component.ts +0 -289
  148. package/src/components/editor/modules/dialog-module/dialog-module.scss +0 -115
  149. package/src/components/editor/modules/dialog-module/dialog-module.ts +0 -99
  150. package/src/components/editor/modules/events/zn-show-canned-response-dialog.ts +0 -15
  151. package/src/components/editor/modules/menu-module/menu-module.component.ts +0 -149
  152. package/src/components/editor/modules/menu-module/menu-module.scss +0 -17
  153. 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.5",
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
  ],
@@ -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" }
@@ -650,6 +660,7 @@
650
660
  "name": "validity",
651
661
  "description": "Gets the validity state object"
652
662
  },
663
+ { "name": "isChecked" },
653
664
  {
654
665
  "name": "validationMessage",
655
666
  "description": "Gets the validation message"
@@ -920,6 +931,14 @@
920
931
  "value": { "type": "string", "default": "''" }
921
932
  },
922
933
  { "name": "label", "value": { "type": "string", "default": "''" } },
934
+ {
935
+ "name": "show-number",
936
+ "value": { "type": "boolean", "default": "false" }
937
+ },
938
+ {
939
+ "name": "count-element",
940
+ "value": { "type": "string", "default": "'*'" }
941
+ },
923
942
  {
924
943
  "name": "expanded",
925
944
  "value": { "type": "boolean", "default": "false" }
@@ -951,13 +970,17 @@
951
970
  { "name": "caption", "type": "string" },
952
971
  { "name": "description", "type": "string" },
953
972
  { "name": "label", "type": "string" },
973
+ { "name": "showNumber", "type": "boolean" },
974
+ { "name": "countElement", "type": "string" },
954
975
  { "name": "expanded", "type": "boolean" },
955
976
  { "name": "defaultState", "type": "'open' | 'closed'" },
956
977
  { "name": "localStorage", "type": "boolean" },
957
978
  { "name": "storeKey", "type": "string" },
958
979
  { "name": "storeTtl", "type": "number" },
959
980
  { "name": "flush", "type": "boolean" },
960
- { "name": "handleCollapse" }
981
+ { "name": "numberOfItems", "type": "number" },
982
+ { "name": "handleCollapse" },
983
+ { "name": "recalculateNumberOfItems" }
961
984
  ],
962
985
  "events": []
963
986
  }
@@ -1411,7 +1434,10 @@
1411
1434
  { "name": "data-uri", "value": { "type": "string" } },
1412
1435
  { "name": "data", "value": { "type": "any" } },
1413
1436
  { "name": "sort-column", "value": { "type": "string" } },
1414
- { "name": "sort-direction", "value": { "type": "string" } },
1437
+ {
1438
+ "name": "sort-direction",
1439
+ "value": { "type": "string", "default": "\"asc\"" }
1440
+ },
1415
1441
  {
1416
1442
  "name": "filter",
1417
1443
  "value": { "type": "string", "default": "''" }
@@ -1421,7 +1447,7 @@
1421
1447
  {
1422
1448
  "name": "headers",
1423
1449
  "value": {
1424
- "type": "Record<string, string | HeaderConfig>",
1450
+ "type": "Record<string, HeaderConfig>",
1425
1451
  "default": "{}"
1426
1452
  }
1427
1453
  },
@@ -1447,8 +1473,21 @@
1447
1473
  "value": { "type": "boolean", "default": "false" }
1448
1474
  },
1449
1475
  { "name": "caption", "value": { "type": "string" } },
1476
+ { "name": "empty-state-caption", "value": { "type": "string" } },
1477
+ {
1478
+ "name": "empty-state-icon",
1479
+ "value": { "type": "string", "default": "\"data_alert\"" }
1480
+ },
1450
1481
  { "name": "hide-checkboxes", "value": { "type": "boolean" } },
1451
- { "name": "filters", "value": { "type": "[]", "default": "[]" } }
1482
+ { "name": "filters", "value": { "type": "[]", "default": "[]" } },
1483
+ {
1484
+ "name": "method",
1485
+ "value": { "type": "'GET' | 'POST'", "default": "'POST'" }
1486
+ },
1487
+ {
1488
+ "name": "no-initial-load",
1489
+ "value": { "type": "boolean", "default": "false" }
1490
+ }
1452
1491
  ],
1453
1492
  "slots": [
1454
1493
  { "name": "", "description": "The default slot." },
@@ -1466,10 +1505,7 @@
1466
1505
  { "name": "filter", "type": "string" },
1467
1506
  { "name": "wideColumn", "type": "string" },
1468
1507
  { "name": "key", "type": "string" },
1469
- {
1470
- "name": "headers",
1471
- "type": "Record<string, string | HeaderConfig>"
1472
- },
1508
+ { "name": "headers", "type": "Record<string, HeaderConfig>" },
1473
1509
  { "name": "hiddenHeaders", "type": "string" },
1474
1510
  { "name": "hiddenColumns", "type": "string" },
1475
1511
  { "name": "unsortableHeaders", "type": "string" },
@@ -1477,8 +1513,14 @@
1477
1513
  { "name": "hidePagination", "type": "boolean" },
1478
1514
  { "name": "standalone", "type": "boolean" },
1479
1515
  { "name": "caption", "type": "string" },
1516
+ { "name": "emptyStateCaption", "type": "string" },
1517
+ { "name": "emptyStateIcon", "type": "string" },
1480
1518
  { "name": "hideCheckboxes", "type": "boolean" },
1481
1519
  { "name": "filters", "type": "[]" },
1520
+ { "name": "method", "type": "'GET' | 'POST'" },
1521
+ { "name": "noInitialLoad", "type": "boolean" },
1522
+ { "name": "requestParams", "type": "Record<string, any>" },
1523
+ { "name": "builtinRequestParams", "type": "Record<string, any>" },
1482
1524
  { "name": "changeEventListener" }
1483
1525
  ],
1484
1526
  "events": [
@@ -1816,6 +1858,10 @@
1816
1858
  "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
1859
  "value": { "type": "string" }
1818
1860
  },
1861
+ {
1862
+ "name": "cosmic",
1863
+ "value": { "type": "boolean", "default": "false" }
1864
+ },
1819
1865
  {
1820
1866
  "name": "no-header",
1821
1867
  "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 +1940,7 @@
1894
1940
  "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
1941
  "type": "string"
1896
1942
  },
1943
+ { "name": "cosmic", "type": "boolean" },
1897
1944
  {
1898
1945
  "name": "noHeader",
1899
1946
  "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 +2100,18 @@
2053
2100
  "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
2101
  "doc-url": "",
2055
2102
  "attributes": [
2103
+ { "name": "id", "value": { "type": "string" } },
2056
2104
  { "name": "name", "value": { "type": "string" } },
2057
2105
  { "name": "value", "value": { "type": "string" } },
2058
2106
  {
2059
2107
  "name": "interaction-type",
2060
2108
  "value": { "type": "'ticket' | 'chat'", "default": "'chat'" }
2061
2109
  },
2062
- { "name": "canned-responses", "value": { "type": "any[]" } },
2063
- { "name": "canned-responses-url", "value": { "type": "string" } },
2064
- { "name": "attachment-url", "value": { "type": "string" } }
2110
+ { "name": "attachment-url", "value": { "type": "string" } },
2111
+ {
2112
+ "name": "ai-path",
2113
+ "value": { "type": "string", "default": "''" }
2114
+ }
2065
2115
  ],
2066
2116
  "slots": [
2067
2117
  { "name": "", "description": "The default slot." },
@@ -2072,12 +2122,12 @@
2072
2122
  ],
2073
2123
  "js": {
2074
2124
  "properties": [
2125
+ { "name": "id", "type": "string" },
2075
2126
  { "name": "name", "type": "string" },
2076
2127
  { "name": "value", "type": "string" },
2077
2128
  { "name": "interactionType", "type": "'ticket' | 'chat'" },
2078
- { "name": "cannedResponses", "type": "any[]" },
2079
- { "name": "cannedResponsesUri", "type": "string" },
2080
2129
  { "name": "uploadAttachmentUrl", "type": "string" },
2130
+ { "name": "aiPath", "type": "string" },
2081
2131
  { "name": "validity", "type": "ValidityState" },
2082
2132
  { "name": "validationMessage", "type": "string" }
2083
2133
  ],
@@ -2458,6 +2508,36 @@
2458
2508
  ]
2459
2509
  }
2460
2510
  },
2511
+ {
2512
+ "name": "zn-filter-wrapper",
2513
+ "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.",
2514
+ "doc-url": "",
2515
+ "attributes": [
2516
+ {
2517
+ "name": "button",
2518
+ "value": { "type": "string", "default": "'Filter'" }
2519
+ }
2520
+ ],
2521
+ "slots": [
2522
+ { "name": "", "description": "The default slot." },
2523
+ { "name": "example", "description": "An example slot." }
2524
+ ],
2525
+ "events": [
2526
+ { "name": "zn-event-name", "description": "Emitted as an example." }
2527
+ ],
2528
+ "js": {
2529
+ "properties": [
2530
+ { "name": "button", "type": "string" },
2531
+ { "name": "handleSubmit" }
2532
+ ],
2533
+ "events": [
2534
+ {
2535
+ "name": "zn-event-name",
2536
+ "description": "Emitted as an example."
2537
+ }
2538
+ ]
2539
+ }
2540
+ },
2461
2541
  {
2462
2542
  "name": "zn-form-group",
2463
2543
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",
@@ -2670,7 +2750,15 @@
2670
2750
  "value": { "type": "boolean", "default": "false" }
2671
2751
  },
2672
2752
  { "name": "library", "value": { "type": "IconLibrary" } },
2673
- { "name": "color", "value": { "type": "IconColor" } }
2753
+ { "name": "color", "value": { "type": "IconColor" } },
2754
+ {
2755
+ "name": "padded",
2756
+ "value": { "type": "boolean", "default": "false" }
2757
+ },
2758
+ {
2759
+ "name": "squared",
2760
+ "value": { "type": "boolean", "default": "false" }
2761
+ }
2674
2762
  ],
2675
2763
  "slots": [
2676
2764
  { "name": "", "description": "The default slot." },
@@ -2687,6 +2775,8 @@
2687
2775
  { "name": "round", "type": "boolean" },
2688
2776
  { "name": "library", "type": "IconLibrary" },
2689
2777
  { "name": "color", "type": "IconColor" },
2778
+ { "name": "padded", "type": "boolean" },
2779
+ { "name": "squared", "type": "boolean" },
2690
2780
  { "name": "gravatarOptions", "type": "string" },
2691
2781
  { "name": "defaultLibrary", "type": "IconLibrary" }
2692
2782
  ],
@@ -2779,7 +2869,9 @@
2779
2869
  { "name": "defaultValue", "type": "string" },
2780
2870
  { "name": "validity", "type": "ValidityState" },
2781
2871
  { "name": "validationMessage", "type": "string" },
2872
+ { "name": "mouseEventHandler" },
2782
2873
  { "name": "escKeyHandler" },
2874
+ { "name": "submitKeyHandler" },
2783
2875
  { "name": "handleEditClick" },
2784
2876
  { "name": "handleSubmitClick" },
2785
2877
  { "name": "handleCancelClick" },
@@ -3270,6 +3362,7 @@
3270
3362
  "doc-url": "",
3271
3363
  "attributes": [
3272
3364
  { "name": "caption", "value": { "type": "string" } },
3365
+ { "name": "description", "value": { "type": "string" } },
3273
3366
  { "name": "stacked", "value": { "type": "boolean" } },
3274
3367
  {
3275
3368
  "name": "size",
@@ -3283,7 +3376,8 @@
3283
3376
  { "name": "value", "value": { "type": "string" } },
3284
3377
  { "name": "inline", "value": { "type": "boolean" } },
3285
3378
  { "name": "grid", "value": { "type": "boolean" } },
3286
- { "name": "no-padding", "value": { "type": "boolean" } }
3379
+ { "name": "no-padding", "value": { "type": "boolean" } },
3380
+ { "name": "align-end", "value": { "type": "boolean" } }
3287
3381
  ],
3288
3382
  "slots": [
3289
3383
  {
@@ -3299,6 +3393,7 @@
3299
3393
  "js": {
3300
3394
  "properties": [
3301
3395
  { "name": "caption", "type": "string" },
3396
+ { "name": "description", "type": "string" },
3302
3397
  { "name": "stacked", "type": "boolean" },
3303
3398
  { "name": "size", "type": "'small' | 'medium' | 'large'" },
3304
3399
  { "name": "editOnHover", "type": "boolean" },
@@ -3306,7 +3401,8 @@
3306
3401
  { "name": "value", "type": "string" },
3307
3402
  { "name": "inline", "type": "boolean" },
3308
3403
  { "name": "grid", "type": "boolean" },
3309
- { "name": "noPadding", "type": "boolean" }
3404
+ { "name": "noPadding", "type": "boolean" },
3405
+ { "name": "alignEnd", "type": "boolean" }
3310
3406
  ],
3311
3407
  "events": []
3312
3408
  }
@@ -3355,7 +3451,8 @@
3355
3451
  { "name": "linkedSelect", "type": "string" },
3356
3452
  { "name": "cacheKey", "type": "string" },
3357
3453
  { "name": "label", "type": "string" },
3358
- { "name": "input", "type": "HTMLInputElement" },
3454
+ { "name": "input", "type": "ZnSelect" },
3455
+ { "name": "displayLabel" },
3359
3456
  { "name": "validity" },
3360
3457
  { "name": "validationMessage" },
3361
3458
  { "name": "handleLinkedSelectChange" },
@@ -3414,6 +3511,10 @@
3414
3511
  "description": "Draws the item in a checked state.",
3415
3512
  "value": { "type": "boolean", "default": "false" }
3416
3513
  },
3514
+ {
3515
+ "name": "checked-position",
3516
+ "value": { "type": "'left' | 'right'", "default": "'left'" }
3517
+ },
3417
3518
  {
3418
3519
  "name": "value",
3419
3520
  "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 +3530,7 @@
3429
3530
  "description": "Draws the menu item in a disabled state, preventing selection.",
3430
3531
  "value": { "type": "boolean", "default": "false" }
3431
3532
  },
3533
+ { "name": "color", "value": { "type": "string" } },
3432
3534
  { "name": "href", "value": { "type": "string" } },
3433
3535
  { "name": "data-path", "value": { "type": "string" } },
3434
3536
  {
@@ -3468,6 +3570,7 @@
3468
3570
  "description": "Draws the item in a checked state.",
3469
3571
  "type": "boolean"
3470
3572
  },
3573
+ { "name": "checkedPosition", "type": "'left' | 'right'" },
3471
3574
  {
3472
3575
  "name": "value",
3473
3576
  "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 +3586,7 @@
3483
3586
  "description": "Draws the menu item in a disabled state, preventing selection.",
3484
3587
  "type": "boolean"
3485
3588
  },
3589
+ { "name": "color", "type": "string" },
3486
3590
  { "name": "href", "type": "string" },
3487
3591
  { "name": "dataPath", "type": "string" },
3488
3592
  {
@@ -3512,6 +3616,8 @@
3512
3616
  },
3513
3617
  { "name": "full-width", "value": { "type": "boolean" } },
3514
3618
  { "name": "icon-bar", "value": { "type": "boolean" } },
3619
+ { "name": "slim", "value": { "type": "boolean" } },
3620
+ { "name": "border", "value": { "type": "boolean" } },
3515
3621
  { "name": "hide-one", "value": { "type": "boolean" } },
3516
3622
  {
3517
3623
  "name": "flush",
@@ -3522,6 +3628,7 @@
3522
3628
  "name": "dropdown",
3523
3629
  "value": { "type": "array", "default": "[]" }
3524
3630
  },
3631
+ { "name": "no-pad", "value": { "type": "false" } },
3525
3632
  { "name": "_appended", "value": { "type": "Element[]" } }
3526
3633
  ],
3527
3634
  "slots": [
@@ -3536,10 +3643,13 @@
3536
3643
  { "name": "navigation", "type": "array" },
3537
3644
  { "name": "fullWidth", "type": "boolean" },
3538
3645
  { "name": "iconBar", "type": "boolean" },
3646
+ { "name": "slim", "type": "boolean" },
3647
+ { "name": "border", "type": "boolean" },
3539
3648
  { "name": "hideOne", "type": "boolean" },
3540
3649
  { "name": "flush", "type": "boolean" },
3541
3650
  { "name": "stacked", "type": "boolean" },
3542
3651
  { "name": "dropdown", "type": "array" },
3652
+ { "name": "noPad", "type": "false" },
3543
3653
  { "name": "handleResize" }
3544
3654
  ],
3545
3655
  "events": [
@@ -3616,6 +3726,7 @@
3616
3726
  "events": [],
3617
3727
  "js": {
3618
3728
  "properties": [
3729
+ { "name": "multiple", "type": "boolean" },
3619
3730
  { "name": "defaultSlot", "type": "HTMLSlotElement" },
3620
3731
  { "name": "current", "type": "boolean" },
3621
3732
  { "name": "selected", "type": "boolean" },
@@ -3808,6 +3919,7 @@
3808
3919
  { "name": "caption", "value": { "type": "string" } },
3809
3920
  { "name": "description", "value": { "type": "string" } },
3810
3921
  { "name": "tabbed", "value": { "type": "boolean" } },
3922
+ { "name": "cosmic", "value": { "type": "boolean" } },
3811
3923
  { "name": "flush", "value": { "type": "boolean" } },
3812
3924
  { "name": "flush-x", "value": { "type": "boolean" } },
3813
3925
  { "name": "flush-y", "value": { "type": "boolean" } },
@@ -3825,6 +3937,7 @@
3825
3937
  { "name": "caption", "type": "string" },
3826
3938
  { "name": "description", "type": "string" },
3827
3939
  { "name": "tabbed", "type": "boolean" },
3940
+ { "name": "cosmic", "type": "boolean" },
3828
3941
  { "name": "flush", "type": "boolean" },
3829
3942
  { "name": "flushX", "type": "boolean" },
3830
3943
  { "name": "flushY", "type": "boolean" },
@@ -4604,7 +4717,12 @@
4604
4717
  "name": "zn-scroll-container",
4605
4718
  "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
4719
  "doc-url": "",
4607
- "attributes": [],
4720
+ "attributes": [
4721
+ {
4722
+ "name": "start-scrolled",
4723
+ "value": { "type": "boolean", "default": "false" }
4724
+ }
4725
+ ],
4608
4726
  "slots": [
4609
4727
  { "name": "", "description": "The default slot." },
4610
4728
  { "name": "example", "description": "An example slot." }
@@ -4613,7 +4731,7 @@
4613
4731
  { "name": "zn-event-name", "description": "Emitted as an example." }
4614
4732
  ],
4615
4733
  "js": {
4616
- "properties": [],
4734
+ "properties": [{ "name": "startScrolled", "type": "boolean" }],
4617
4735
  "events": [
4618
4736
  {
4619
4737
  "name": "zn-event-name",
@@ -4981,6 +5099,46 @@
4981
5099
  ]
4982
5100
  }
4983
5101
  },
5102
+ {
5103
+ "name": "zn-settings-container",
5104
+ "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.",
5105
+ "doc-url": "",
5106
+ "attributes": [
5107
+ {
5108
+ "name": "position",
5109
+ "value": {
5110
+ "type": "'top-end' | 'top-start' | 'bottom-end' | 'bottom-start'",
5111
+ "default": "'bottom-start'"
5112
+ }
5113
+ },
5114
+ { "name": "store-key", "value": { "type": "string" } },
5115
+ { "name": "no-scroll", "value": { "type": "boolean" } }
5116
+ ],
5117
+ "slots": [
5118
+ { "name": "", "description": "The default slot." },
5119
+ { "name": "example", "description": "An example slot." }
5120
+ ],
5121
+ "events": [
5122
+ { "name": "zn-event-name", "description": "Emitted as an example." }
5123
+ ],
5124
+ "js": {
5125
+ "properties": [
5126
+ { "name": "filters", "type": "SettingsContainerFilter[]" },
5127
+ {
5128
+ "name": "position",
5129
+ "type": "'top-end' | 'top-start' | 'bottom-end' | 'bottom-start'"
5130
+ },
5131
+ { "name": "storeKey", "type": "string" },
5132
+ { "name": "noScroll", "type": "boolean" }
5133
+ ],
5134
+ "events": [
5135
+ {
5136
+ "name": "zn-event-name",
5137
+ "description": "Emitted as an example."
5138
+ }
5139
+ ]
5140
+ }
5141
+ },
4984
5142
  {
4985
5143
  "name": "zn-sidebar",
4986
5144
  "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 +5384,10 @@
5226
5384
  {
5227
5385
  "name": "width-container",
5228
5386
  "value": { "type": "boolean", "default": "false" }
5387
+ },
5388
+ {
5389
+ "name": "form-container",
5390
+ "value": { "type": "boolean", "default": "false" }
5229
5391
  }
5230
5392
  ],
5231
5393
  "slots": [
@@ -5251,7 +5413,8 @@
5251
5413
  { "name": "flushB", "type": "boolean" },
5252
5414
  { "name": "flushL", "type": "boolean" },
5253
5415
  { "name": "flushR", "type": "boolean" },
5254
- { "name": "widthContainer", "type": "boolean" }
5416
+ { "name": "widthContainer", "type": "boolean" },
5417
+ { "name": "formContainer", "type": "boolean" }
5255
5418
  ],
5256
5419
  "events": [
5257
5420
  {
@@ -5428,6 +5591,13 @@
5428
5591
  {
5429
5592
  "name": "show-delta",
5430
5593
  "value": { "type": "boolean", "default": "false" }
5594
+ },
5595
+ {
5596
+ "name": "color",
5597
+ "value": {
5598
+ "type": "'primary' | 'error' | 'info' | 'warning' | 'success' | 'neutral'",
5599
+ "default": "'primary'"
5600
+ }
5431
5601
  }
5432
5602
  ],
5433
5603
  "slots": [
@@ -5445,7 +5615,11 @@
5445
5615
  { "name": "type", "type": "string" },
5446
5616
  { "name": "previous", "type": "string" },
5447
5617
  { "name": "currency", "type": "string" },
5448
- { "name": "showDelta", "type": "boolean" }
5618
+ { "name": "showDelta", "type": "boolean" },
5619
+ {
5620
+ "name": "color",
5621
+ "type": "'primary' | 'error' | 'info' | 'warning' | 'success' | 'neutral'"
5622
+ }
5449
5623
  ],
5450
5624
  "events": [
5451
5625
  {
@@ -5547,6 +5721,15 @@
5547
5721
  "name": "accent",
5548
5722
  "value": { "type": "boolean", "default": "false" }
5549
5723
  },
5724
+ {
5725
+ "name": "center",
5726
+ "value": { "type": "boolean", "default": "false" }
5727
+ },
5728
+ { "name": "width", "value": { "type": "string", "default": "''" } },
5729
+ {
5730
+ "name": "height",
5731
+ "value": { "type": "string", "default": "''" }
5732
+ },
5550
5733
  { "name": "pad", "value": { "type": "string", "default": "''" } },
5551
5734
  {
5552
5735
  "name": "margin",
@@ -5568,6 +5751,9 @@
5568
5751
  { "name": "warning", "type": "boolean" },
5569
5752
  { "name": "primary", "type": "boolean" },
5570
5753
  { "name": "accent", "type": "boolean" },
5754
+ { "name": "center", "type": "boolean" },
5755
+ { "name": "width", "type": "string" },
5756
+ { "name": "height", "type": "string" },
5571
5757
  { "name": "pad", "type": "string" },
5572
5758
  { "name": "margin", "type": "string" },
5573
5759
  { "name": "autoMargin", "type": "string" }
@@ -5855,6 +6041,10 @@
5855
6041
  "value": {
5856
6042
  "type": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
5857
6043
  }
6044
+ },
6045
+ {
6046
+ "name": "transparent",
6047
+ "value": { "type": "boolean", "default": "false" }
5858
6048
  }
5859
6049
  ],
5860
6050
  "slots": [
@@ -6023,6 +6213,7 @@
6023
6213
  "description": "The default value of the form control. Primarily used for resetting the form control.",
6024
6214
  "type": "string"
6025
6215
  },
6216
+ { "name": "transparent", "type": "boolean" },
6026
6217
  {
6027
6218
  "name": "validity",
6028
6219
  "description": "Gets the validity state object"