@kubex/zinc 1.0.115 → 1.0.117

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 (102) hide show
  1. package/dist/custom-elements.json +476 -287
  2. package/dist/vscode.html-custom-data.json +52 -52
  3. package/dist/web-types.json +116 -86
  4. package/dist/zn.d.ts +63 -11
  5. package/dist/zn.min.css +1 -1
  6. package/dist/zn.min.js +1096 -1087
  7. package/docs/_includes/default.njk +3 -4
  8. package/docs/assets/styles/docs.css +13 -13
  9. package/docs/pages/components/absolute-container.md +2 -2
  10. package/docs/pages/components/alert.md +5 -5
  11. package/docs/pages/components/audio-select.md +4 -4
  12. package/docs/pages/components/button-group.md +1 -31
  13. package/docs/pages/components/button.md +13 -12
  14. package/docs/pages/components/checkbox.md +4 -4
  15. package/docs/pages/components/chip.md +14 -14
  16. package/docs/pages/components/data-table.md +4 -4
  17. package/docs/pages/components/datepicker.md +5 -5
  18. package/docs/pages/components/dialog.md +2 -2
  19. package/docs/pages/components/file.md +81 -9
  20. package/docs/pages/components/header.md +4 -6
  21. package/docs/pages/components/hover-container.md +1 -1
  22. package/docs/pages/components/icon.md +14 -0
  23. package/docs/pages/components/inline-edit.md +4 -4
  24. package/docs/pages/components/item.md +2 -2
  25. package/docs/pages/components/menu.md +2 -2
  26. package/docs/pages/components/note.md +12 -12
  27. package/docs/pages/components/page.md +3 -3
  28. package/docs/pages/components/pagination.md +6 -6
  29. package/docs/pages/components/pane.md +3 -6
  30. package/docs/pages/components/panel.md +10 -12
  31. package/docs/pages/components/priority-list.md +3 -3
  32. package/docs/pages/components/radio-group.md +4 -4
  33. package/docs/pages/components/radio.md +4 -4
  34. package/docs/pages/components/scroll-container.md +10 -10
  35. package/docs/pages/components/select.md +5 -5
  36. package/docs/pages/components/split-button.md +4 -4
  37. package/docs/pages/components/tabs.md +3 -3
  38. package/docs/pages/components/tile.md +13 -13
  39. package/docs/pages/components/toggle.md +4 -4
  40. package/docs/pages/components/translations.md +5 -5
  41. package/docs/pages/components/vertical-stepper.md +3 -3
  42. package/docs/pages/components/well.md +19 -19
  43. package/docs/pages/getting-started/example-layout.md +16 -16
  44. package/docs/pages/getting-started/example-page.md +1 -3
  45. package/package.json +2 -1
  46. package/scss/_root.scss +87 -60
  47. package/scss/shared/_button.scss +6 -1
  48. package/scss/shared/_form-elements.scss +1 -0
  49. package/scss/shared/_table.scss +1 -1
  50. package/scss/shared/layout.scss +5 -4
  51. package/scss/themes/_dark.scss +4 -4
  52. package/scss/themes/_light.scss +70 -287
  53. package/src/components/bulk-actions/bulk-actions.component.ts +0 -1
  54. package/src/components/button/button.component.ts +40 -10
  55. package/src/components/button/button.scss +67 -103
  56. package/src/components/button-menu/button-menu.component.ts +2 -6
  57. package/src/components/collapsible/collapsible.scss +1 -1
  58. package/src/components/cols/cols.scss +1 -1
  59. package/src/components/content-block/content-block.component.ts +1 -2
  60. package/src/components/data-table/data-table.component.ts +4 -8
  61. package/src/components/data-table/data-table.test.ts +7 -0
  62. package/src/components/data-table-filter/data-table-filter.component.ts +1 -1
  63. package/src/components/data-table-sort/data-table-sort.component.ts +2 -2
  64. package/src/components/dialog/dialog.component.ts +0 -1
  65. package/src/components/editor/modules/dialog/dialog.component.ts +0 -1
  66. package/src/components/editor/modules/dialog/dialog.scss +1 -1
  67. package/src/components/editor/modules/toolbar/toolbar.component.ts +0 -1
  68. package/src/components/expanding-action/expanding-action.component.ts +0 -3
  69. package/src/components/expanding-action/expanding-action.scss +0 -5
  70. package/src/components/file/file.component.ts +158 -17
  71. package/src/components/file/file.scss +122 -29
  72. package/src/components/header/header.component.ts +2 -8
  73. package/src/components/header/header.scss +4 -25
  74. package/src/components/icon/icon.component.ts +80 -1
  75. package/src/components/icon/icon.scss +8 -0
  76. package/src/components/icon/icon.test.ts +24 -0
  77. package/src/components/icon-picker/icon-picker.component.ts +0 -1
  78. package/src/components/inline-edit/inline-edit.component.ts +3 -4
  79. package/src/components/input/input.scss +21 -6
  80. package/src/components/input-group/input-group.scss +2 -1
  81. package/src/components/markdown-editor/markdown-editor.component.ts +1 -5
  82. package/src/components/menu/menu.scss +1 -1
  83. package/src/components/menu-item/menu-item.scss +4 -4
  84. package/src/components/navbar/navbar.component.ts +20 -0
  85. package/src/components/navbar/navbar.scss +31 -17
  86. package/src/components/navbar/navbar.test.ts +72 -0
  87. package/src/components/note/note.component.ts +0 -1
  88. package/src/components/page/page.component.ts +43 -12
  89. package/src/components/page/page.scss +21 -17
  90. package/src/components/page/page.test.ts +18 -1
  91. package/src/components/page-nav/page-nav.scss +6 -6
  92. package/src/components/panel/panel.component.ts +3 -5
  93. package/src/components/panel/panel.scss +3 -3
  94. package/src/components/panel/panel.test.ts +14 -0
  95. package/src/components/query-builder/query-builder.component.ts +0 -1
  96. package/src/components/slideout/slideout.component.ts +0 -1
  97. package/src/components/sp/sp.scss +2 -2
  98. package/src/components/tab/tab.component.ts +2 -0
  99. package/src/components/tabs/tabs.component.ts +1 -1
  100. package/src/components/tile/tile.scss +1 -1
  101. package/src/components/translation-group/translation-group.component.ts +0 -3
  102. package/src/components/translations/translations.component.ts +0 -3
@@ -47,6 +47,79 @@
47
47
  }
48
48
  ]
49
49
  },
50
+ {
51
+ "kind": "javascript-module",
52
+ "path": "components/action-bar/action-bar.js",
53
+ "declarations": [
54
+ {
55
+ "kind": "class",
56
+ "description": "",
57
+ "name": "ZnActionBar",
58
+ "cssProperties": [
59
+ {
60
+ "description": "An example CSS custom property.",
61
+ "name": "--example"
62
+ }
63
+ ],
64
+ "cssParts": [
65
+ {
66
+ "description": "The component's base wrapper.",
67
+ "name": "base"
68
+ }
69
+ ],
70
+ "slots": [
71
+ {
72
+ "description": "The default slot.",
73
+ "name": ""
74
+ },
75
+ {
76
+ "description": "An example slot.",
77
+ "name": "example"
78
+ }
79
+ ],
80
+ "members": [
81
+ {
82
+ "kind": "field",
83
+ "name": "localize",
84
+ "privacy": "private",
85
+ "readonly": true,
86
+ "default": "new LocalizeController(this)"
87
+ }
88
+ ],
89
+ "events": [
90
+ {
91
+ "description": "Emitted as an example.",
92
+ "name": "zn-event-name"
93
+ }
94
+ ],
95
+ "superclass": {
96
+ "name": "ZincElement",
97
+ "module": "/src/internal/zinc-element"
98
+ },
99
+ "summary": "Short summary of the component's intended use.",
100
+ "tagNameWithoutPrefix": "action-bar",
101
+ "tagName": "zn-action-bar",
102
+ "customElement": true,
103
+ "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
104
+ "documentation": "https://zinc.style/components/action-bar",
105
+ "status": "experimental",
106
+ "since": "1.0",
107
+ "dependencies": [
108
+ "zn-example"
109
+ ]
110
+ }
111
+ ],
112
+ "exports": [
113
+ {
114
+ "kind": "js",
115
+ "name": "default",
116
+ "declaration": {
117
+ "name": "ZnActionBar",
118
+ "module": "components/action-bar/action-bar.js"
119
+ }
120
+ }
121
+ ]
122
+ },
50
123
  {
51
124
  "kind": "javascript-module",
52
125
  "path": "components/alert/alert.js",
@@ -205,79 +278,6 @@
205
278
  }
206
279
  ]
207
280
  },
208
- {
209
- "kind": "javascript-module",
210
- "path": "components/action-bar/action-bar.js",
211
- "declarations": [
212
- {
213
- "kind": "class",
214
- "description": "",
215
- "name": "ZnActionBar",
216
- "cssProperties": [
217
- {
218
- "description": "An example CSS custom property.",
219
- "name": "--example"
220
- }
221
- ],
222
- "cssParts": [
223
- {
224
- "description": "The component's base wrapper.",
225
- "name": "base"
226
- }
227
- ],
228
- "slots": [
229
- {
230
- "description": "The default slot.",
231
- "name": ""
232
- },
233
- {
234
- "description": "An example slot.",
235
- "name": "example"
236
- }
237
- ],
238
- "members": [
239
- {
240
- "kind": "field",
241
- "name": "localize",
242
- "privacy": "private",
243
- "readonly": true,
244
- "default": "new LocalizeController(this)"
245
- }
246
- ],
247
- "events": [
248
- {
249
- "description": "Emitted as an example.",
250
- "name": "zn-event-name"
251
- }
252
- ],
253
- "superclass": {
254
- "name": "ZincElement",
255
- "module": "/src/internal/zinc-element"
256
- },
257
- "summary": "Short summary of the component's intended use.",
258
- "tagNameWithoutPrefix": "action-bar",
259
- "tagName": "zn-action-bar",
260
- "customElement": true,
261
- "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/action-bar\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
262
- "documentation": "https://zinc.style/components/action-bar",
263
- "status": "experimental",
264
- "since": "1.0",
265
- "dependencies": [
266
- "zn-example"
267
- ]
268
- }
269
- ],
270
- "exports": [
271
- {
272
- "kind": "js",
273
- "name": "default",
274
- "declaration": {
275
- "name": "ZnActionBar",
276
- "module": "components/action-bar/action-bar.js"
277
- }
278
- }
279
- ]
280
- },
281
281
  {
282
282
  "kind": "javascript-module",
283
283
  "path": "components/animated-button/animated-button.js",
@@ -1265,19 +1265,18 @@
1265
1265
  "kind": "field",
1266
1266
  "name": "color",
1267
1267
  "type": {
1268
- "text": "'default' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star'"
1268
+ "text": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | (string & Record<never, never>)"
1269
1269
  },
1270
1270
  "default": "'default'",
1271
1271
  "attribute": "color"
1272
1272
  },
1273
1273
  {
1274
1274
  "kind": "field",
1275
- "name": "size",
1275
+ "name": "hoverColor",
1276
1276
  "type": {
1277
- "text": "'content' | 'x-small' | 'small' | 'medium' | 'large'"
1277
+ "text": "string"
1278
1278
  },
1279
- "default": "'medium'",
1280
- "attribute": "size"
1279
+ "attribute": "hover-color"
1281
1280
  },
1282
1281
  {
1283
1282
  "kind": "field",
@@ -1324,6 +1323,15 @@
1324
1323
  "default": "false",
1325
1324
  "attribute": "square"
1326
1325
  },
1326
+ {
1327
+ "kind": "field",
1328
+ "name": "iconButton",
1329
+ "type": {
1330
+ "text": "boolean"
1331
+ },
1332
+ "default": "false",
1333
+ "attribute": "icon-button"
1334
+ },
1327
1335
  {
1328
1336
  "kind": "field",
1329
1337
  "name": "panelBackground",
@@ -1652,6 +1660,19 @@
1652
1660
  "name": "_isButton",
1653
1661
  "privacy": "private"
1654
1662
  },
1663
+ {
1664
+ "kind": "method",
1665
+ "name": "getIconButtonColor",
1666
+ "privacy": "private",
1667
+ "parameters": [
1668
+ {
1669
+ "name": "color",
1670
+ "type": {
1671
+ "text": "string | undefined"
1672
+ }
1673
+ }
1674
+ ]
1675
+ },
1655
1676
  {
1656
1677
  "kind": "method",
1657
1678
  "name": "setupAutoClick"
@@ -1688,18 +1709,17 @@
1688
1709
  {
1689
1710
  "name": "color",
1690
1711
  "type": {
1691
- "text": "'default' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star'"
1712
+ "text": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n 'transparent' | 'star' | (string & Record<never, never>)"
1692
1713
  },
1693
1714
  "default": "'default'",
1694
1715
  "fieldName": "color"
1695
1716
  },
1696
1717
  {
1697
- "name": "size",
1718
+ "name": "hover-color",
1698
1719
  "type": {
1699
- "text": "'content' | 'x-small' | 'small' | 'medium' | 'large'"
1720
+ "text": "string"
1700
1721
  },
1701
- "default": "'medium'",
1702
- "fieldName": "size"
1722
+ "fieldName": "hoverColor"
1703
1723
  },
1704
1724
  {
1705
1725
  "name": "text",
@@ -1741,6 +1761,14 @@
1741
1761
  "default": "false",
1742
1762
  "fieldName": "square"
1743
1763
  },
1764
+ {
1765
+ "name": "icon-button",
1766
+ "type": {
1767
+ "text": "boolean"
1768
+ },
1769
+ "default": "false",
1770
+ "fieldName": "iconButton"
1771
+ },
1744
1772
  {
1745
1773
  "name": "panel-bg",
1746
1774
  "type": {
@@ -2212,15 +2240,6 @@
2212
2240
  "default": "2",
2213
2241
  "attribute": "max-level"
2214
2242
  },
2215
- {
2216
- "kind": "field",
2217
- "name": "size",
2218
- "type": {
2219
- "text": "'content' | 'x-small' | 'small' | 'medium' | 'large'"
2220
- },
2221
- "default": "'medium'",
2222
- "attribute": "size"
2223
- },
2224
2243
  {
2225
2244
  "kind": "field",
2226
2245
  "name": "iconSize",
@@ -2404,14 +2423,6 @@
2404
2423
  "default": "2",
2405
2424
  "fieldName": "maxLevel"
2406
2425
  },
2407
- {
2408
- "name": "size",
2409
- "type": {
2410
- "text": "'content' | 'x-small' | 'small' | 'medium' | 'large'"
2411
- },
2412
- "default": "'medium'",
2413
- "fieldName": "size"
2414
- },
2415
2426
  {
2416
2427
  "name": "icon-size",
2417
2428
  "type": {
@@ -10966,12 +10977,28 @@
10966
10977
  "name": "droparea-background"
10967
10978
  },
10968
10979
  {
10969
- "description": "The container that wraps the icon for the drop zone.",
10970
- "name": "droparea-icon"
10980
+ "description": "The upload button shown in the droparea when no file is selected.",
10981
+ "name": "upload"
10982
+ },
10983
+ {
10984
+ "description": "The image preview rendered in the droparea for previewable files.",
10985
+ "name": "preview"
10986
+ },
10987
+ {
10988
+ "description": "The filename label rendered in the droparea for non-previewable files.",
10989
+ "name": "filename"
10990
+ },
10991
+ {
10992
+ "description": "The clear button rendered in the droparea when a file is present.",
10993
+ "name": "clear"
10994
+ },
10995
+ {
10996
+ "description": "The confirmation dialog shown before clearing the file.",
10997
+ "name": "clear-confirm"
10971
10998
  },
10972
10999
  {
10973
- "description": "The text for the drop zone.",
10974
- "name": "droparea-value"
11000
+ "description": "The current link anchor rendered when `show-link` is enabled.",
11001
+ "name": "link"
10975
11002
  },
10976
11003
  {
10977
11004
  "description": "The container that wraps the trigger.",
@@ -10987,16 +11014,21 @@
10987
11014
  "description": "Text that describes how to use the file control. Alternatively, you can use the `help-text` attribute.",
10988
11015
  "name": "help-text"
10989
11016
  },
10990
- {
10991
- "description": "Optional droparea icon to use instead of the default. Works best with `<zn-icon>`.",
10992
- "name": "droparea-icon"
10993
- },
10994
11017
  {
10995
11018
  "description": "Optional content to be used as trigger instead of the default content. Opening the file dialog on click and as well as drag and drop will work for this content. Following attributes will no longer work: *label*, *droparea*, *help-text*, *size*, *hide-value*. Also if using the disabled attribute, the disabled styling will not be applied and must be taken care of yourself.",
10996
11019
  "name": "trigger"
10997
11020
  }
10998
11021
  ],
10999
11022
  "members": [
11023
+ {
11024
+ "kind": "field",
11025
+ "name": "dependencies",
11026
+ "type": {
11027
+ "text": "object"
11028
+ },
11029
+ "static": true,
11030
+ "default": "{ 'zn-dialog': ZnDialog }"
11031
+ },
11000
11032
  {
11001
11033
  "kind": "field",
11002
11034
  "name": "formControlController",
@@ -11027,6 +11059,15 @@
11027
11059
  "privacy": "private",
11028
11060
  "default": "false"
11029
11061
  },
11062
+ {
11063
+ "kind": "field",
11064
+ "name": "fileObjectUrl",
11065
+ "type": {
11066
+ "text": "string | null"
11067
+ },
11068
+ "privacy": "private",
11069
+ "default": "null"
11070
+ },
11030
11071
  {
11031
11072
  "kind": "field",
11032
11073
  "name": "input",
@@ -11062,6 +11103,13 @@
11062
11103
  "text": "HTMLSpanElement"
11063
11104
  }
11064
11105
  },
11106
+ {
11107
+ "kind": "field",
11108
+ "name": "clearConfirmDialog",
11109
+ "type": {
11110
+ "text": "HTMLElement & { show: () => void; hide: () => void }"
11111
+ }
11112
+ },
11065
11113
  {
11066
11114
  "kind": "field",
11067
11115
  "name": "files",
@@ -11228,6 +11276,36 @@
11228
11276
  "description": "Suppress the value from being displayed in the file control",
11229
11277
  "attribute": "hide-value"
11230
11278
  },
11279
+ {
11280
+ "kind": "field",
11281
+ "name": "src",
11282
+ "type": {
11283
+ "text": "string"
11284
+ },
11285
+ "default": "''",
11286
+ "description": "URL of an already-uploaded file (e.g., from a CDN) to display as the current value\nwhen no file has been selected locally. If the URL points to an image, it is rendered\nas a preview inside the droparea. Otherwise the URL is shown as a filename.",
11287
+ "attribute": "src"
11288
+ },
11289
+ {
11290
+ "kind": "field",
11291
+ "name": "triggerSubmit",
11292
+ "type": {
11293
+ "text": "boolean"
11294
+ },
11295
+ "default": "false",
11296
+ "description": "When enabled, automatically submit the surrounding form whenever the value changes\n(file selected, dropped, or cleared). Useful for forms that only contain this control\nand a CSRF token.",
11297
+ "attribute": "trigger-submit"
11298
+ },
11299
+ {
11300
+ "kind": "field",
11301
+ "name": "showLink",
11302
+ "type": {
11303
+ "text": "boolean"
11304
+ },
11305
+ "default": "false",
11306
+ "description": "When enabled, render the current link (`previewSrc`) as a clickable URL below the control.\nUseful for showing the existing CDN link alongside the preview.",
11307
+ "attribute": "show-link"
11308
+ },
11231
11309
  {
11232
11310
  "kind": "field",
11233
11311
  "name": "validity",
@@ -11414,6 +11492,32 @@
11414
11492
  "privacy": "private",
11415
11493
  "description": "Remove a file from the list of files"
11416
11494
  },
11495
+ {
11496
+ "kind": "field",
11497
+ "name": "handleClearClick",
11498
+ "privacy": "private",
11499
+ "description": "Open the confirm dialog before clearing."
11500
+ },
11501
+ {
11502
+ "kind": "field",
11503
+ "name": "confirmClear",
11504
+ "privacy": "private",
11505
+ "description": "Clear the current value after the user confirms."
11506
+ },
11507
+ {
11508
+ "kind": "method",
11509
+ "name": "updatePreview",
11510
+ "privacy": "private"
11511
+ },
11512
+ {
11513
+ "kind": "field",
11514
+ "name": "previewSrc",
11515
+ "type": {
11516
+ "text": "string"
11517
+ },
11518
+ "description": "Returns the URL currently shown in the droparea — the locally-selected file's object URL\nif a file is selected, otherwise the externally supplied `src`. Useful for getting the\ncurrent CDN link to submit alongside form data.",
11519
+ "readonly": true
11520
+ },
11417
11521
  {
11418
11522
  "kind": "method",
11419
11523
  "name": "renderFileValueWithDelete",
@@ -11454,6 +11558,10 @@
11454
11558
  "description": "Emitted when an alteration to the control's value is committed by the user.",
11455
11559
  "name": "zn-change"
11456
11560
  },
11561
+ {
11562
+ "description": "Emitted when the user confirms clearing the selected file or `src`.",
11563
+ "name": "zn-clear"
11564
+ },
11457
11565
  {
11458
11566
  "description": "Emitted when multiple files are selected via drag and drop, without the `multiple` property being set.",
11459
11567
  "name": "zn-error"
@@ -11602,6 +11710,33 @@
11602
11710
  "default": "false",
11603
11711
  "description": "Suppress the value from being displayed in the file control",
11604
11712
  "fieldName": "hideValue"
11713
+ },
11714
+ {
11715
+ "name": "src",
11716
+ "type": {
11717
+ "text": "string"
11718
+ },
11719
+ "default": "''",
11720
+ "description": "URL of an already-uploaded file (e.g., from a CDN) to display as the current value\nwhen no file has been selected locally. If the URL points to an image, it is rendered\nas a preview inside the droparea. Otherwise the URL is shown as a filename.",
11721
+ "fieldName": "src"
11722
+ },
11723
+ {
11724
+ "name": "trigger-submit",
11725
+ "type": {
11726
+ "text": "boolean"
11727
+ },
11728
+ "default": "false",
11729
+ "description": "When enabled, automatically submit the surrounding form whenever the value changes\n(file selected, dropped, or cleared). Useful for forms that only contain this control\nand a CSRF token.",
11730
+ "fieldName": "triggerSubmit"
11731
+ },
11732
+ {
11733
+ "name": "show-link",
11734
+ "type": {
11735
+ "text": "boolean"
11736
+ },
11737
+ "default": "false",
11738
+ "description": "When enabled, render the current link (`previewSrc`) as a clickable URL below the control.\nUseful for showing the existing CDN link alongside the preview.",
11739
+ "fieldName": "showLink"
11605
11740
  }
11606
11741
  ],
11607
11742
  "superclass": {
@@ -11612,13 +11747,14 @@
11612
11747
  "tagNameWithoutPrefix": "file",
11613
11748
  "tagName": "zn-file",
11614
11749
  "customElement": true,
11615
- "jsDoc": "/**\n * @summary File controls allow selecting an arbitrary number of files for uploading.\n * @documentation https://zinc.style/components/drag-upload\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-icon\n *\n * @slot label - The file control's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the file control.\n * Alternatively, you can use the `help-text` attribute.\n * @slot droparea-icon - Optional droparea icon to use instead of the default.\n * Works best with `<zn-icon>`.\n * @slot trigger - Optional content to be used as trigger instead of the default content.\n * Opening the file dialog on click and as well as drag and drop will work for this content.\n * Following attributes will no longer work: *label*, *droparea*, *help-text*, *size*,\n * *hide-value*. Also if using the disabled attribute, the disabled styling will not be\n * applied and must be taken care of yourself.\n *\n * @event zn-blur - Emitted when the control loses focus.\n * @event zn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event zn-error - Emitted when multiple files are selected via drag and drop, without\n * the `multiple` property being set.\n * @event zn-focus - Emitted when the control gains focus.\n * @event zn-input - Emitted when the control receives input.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart button-wrapper - The wrapper around the button and text value.\n * @csspart button - The zn-button acting as a file input.\n * @csspart button__base - The zn-button's exported `base` part.\n * @csspart value - The chosen files or placeholder text for the file input.\n * @csspart droparea - The element wrapping the drop zone.\n * @csspart droparea-background - The background of the drop zone.\n * @csspart droparea-icon - The container that wraps the icon for the drop zone.\n * @csspart droparea-value - The text for the drop zone.\n * @csspart trigger - The container that wraps the trigger.\n *\n * @animation file.iconDrop - The animation to use for the file icon\n * when a file is dropped\n * @animation file.text.disappear - The disappear animation to use for the file placeholder text\n * when a file is dropped\n * @animation file.text.appear - The appear animation to use for the file placeholder text\n * when a file is dropped\n */",
11750
+ "jsDoc": "/**\n * @summary File controls allow selecting an arbitrary number of files for uploading.\n * @documentation https://zinc.style/components/drag-upload\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-icon\n * @dependency zn-dialog\n *\n * @slot label - The file control's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the file control.\n * Alternatively, you can use the `help-text` attribute.\n * @slot trigger - Optional content to be used as trigger instead of the default content.\n * Opening the file dialog on click and as well as drag and drop will work for this content.\n * Following attributes will no longer work: *label*, *droparea*, *help-text*, *size*,\n * *hide-value*. Also if using the disabled attribute, the disabled styling will not be\n * applied and must be taken care of yourself.\n *\n * @event zn-blur - Emitted when the control loses focus.\n * @event zn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event zn-clear - Emitted when the user confirms clearing the selected file or `src`.\n * @event zn-error - Emitted when multiple files are selected via drag and drop, without\n * the `multiple` property being set.\n * @event zn-focus - Emitted when the control gains focus.\n * @event zn-input - Emitted when the control receives input.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart button-wrapper - The wrapper around the button and text value.\n * @csspart button - The zn-button acting as a file input.\n * @csspart button__base - The zn-button's exported `base` part.\n * @csspart value - The chosen files or placeholder text for the file input.\n * @csspart droparea - The element wrapping the drop zone.\n * @csspart droparea-background - The background of the drop zone.\n * @csspart upload - The upload button shown in the droparea when no file is selected.\n * @csspart preview - The image preview rendered in the droparea for previewable files.\n * @csspart filename - The filename label rendered in the droparea for non-previewable files.\n * @csspart clear - The clear button rendered in the droparea when a file is present.\n * @csspart clear-confirm - The confirmation dialog shown before clearing the file.\n * @csspart link - The current link anchor rendered when `show-link` is enabled.\n * @csspart trigger - The container that wraps the trigger.\n *\n * @animation file.iconDrop - The animation to use for the file icon\n * when a file is dropped\n * @animation file.text.disappear - The disappear animation to use for the file placeholder text\n * when a file is dropped\n * @animation file.text.appear - The appear animation to use for the file placeholder text\n * when a file is dropped\n */",
11616
11751
  "documentation": "https://zinc.style/components/drag-upload",
11617
11752
  "status": "experimental",
11618
11753
  "since": "1.0",
11619
11754
  "dependencies": [
11620
11755
  "zn-button",
11621
- "zn-icon"
11756
+ "zn-icon",
11757
+ "zn-dialog"
11622
11758
  ],
11623
11759
  "animations": [
11624
11760
  {
@@ -12076,14 +12212,6 @@
12076
12212
  },
12077
12213
  "attribute": "icon"
12078
12214
  },
12079
- {
12080
- "kind": "field",
12081
- "name": "description",
12082
- "type": {
12083
- "text": "string"
12084
- },
12085
- "attribute": "description"
12086
- },
12087
12215
  {
12088
12216
  "kind": "field",
12089
12217
  "name": "navigation",
@@ -12197,13 +12325,6 @@
12197
12325
  },
12198
12326
  "fieldName": "icon"
12199
12327
  },
12200
- {
12201
- "name": "description",
12202
- "type": {
12203
- "text": "string"
12204
- },
12205
- "fieldName": "description"
12206
- },
12207
12328
  {
12208
12329
  "name": "navigation",
12209
12330
  "type": {
@@ -12805,6 +12926,79 @@
12805
12926
  }
12806
12927
  ]
12807
12928
  },
12929
+ {
12930
+ "kind": "method",
12931
+ "name": "renderLucideIcon",
12932
+ "privacy": "private"
12933
+ },
12934
+ {
12935
+ "kind": "method",
12936
+ "name": "getLucideIcon",
12937
+ "privacy": "private",
12938
+ "return": {
12939
+ "type": {
12940
+ "text": "IconNode | undefined"
12941
+ }
12942
+ },
12943
+ "parameters": [
12944
+ {
12945
+ "name": "src",
12946
+ "default": "''"
12947
+ }
12948
+ ]
12949
+ },
12950
+ {
12951
+ "kind": "method",
12952
+ "name": "toPascalCase",
12953
+ "privacy": "private",
12954
+ "parameters": [
12955
+ {
12956
+ "name": "input",
12957
+ "type": {
12958
+ "text": "string"
12959
+ }
12960
+ }
12961
+ ]
12962
+ },
12963
+ {
12964
+ "kind": "method",
12965
+ "name": "getLucideSvg",
12966
+ "privacy": "private",
12967
+ "parameters": [
12968
+ {
12969
+ "name": "icon",
12970
+ "type": {
12971
+ "text": "IconNode"
12972
+ }
12973
+ }
12974
+ ]
12975
+ },
12976
+ {
12977
+ "kind": "method",
12978
+ "name": "getSvgAttributes",
12979
+ "privacy": "private",
12980
+ "parameters": [
12981
+ {
12982
+ "name": "attrs",
12983
+ "type": {
12984
+ "text": "SVGProps"
12985
+ }
12986
+ }
12987
+ ]
12988
+ },
12989
+ {
12990
+ "kind": "method",
12991
+ "name": "escapeSvgAttribute",
12992
+ "privacy": "private",
12993
+ "parameters": [
12994
+ {
12995
+ "name": "value",
12996
+ "type": {
12997
+ "text": "string"
12998
+ }
12999
+ }
13000
+ ]
13001
+ },
12808
13002
  {
12809
13003
  "kind": "method",
12810
13004
  "name": "getColorForAvatar",
@@ -17052,18 +17246,6 @@
17052
17246
  "module": "components/panel/panel.js"
17053
17247
  }
17054
17248
  },
17055
- {
17056
- "kind": "field",
17057
- "name": "description",
17058
- "type": {
17059
- "text": "string"
17060
- },
17061
- "attribute": "description",
17062
- "inheritedFrom": {
17063
- "name": "ZnPanel",
17064
- "module": "components/panel/panel.js"
17065
- }
17066
- },
17067
17249
  {
17068
17250
  "kind": "field",
17069
17251
  "name": "tabbed",
@@ -17078,11 +17260,11 @@
17078
17260
  },
17079
17261
  {
17080
17262
  "kind": "field",
17081
- "name": "underlineHeader",
17263
+ "name": "headerBorderless",
17082
17264
  "type": {
17083
17265
  "text": "boolean"
17084
17266
  },
17085
- "attribute": "header-underline",
17267
+ "attribute": "header-borderless",
17086
17268
  "inheritedFrom": {
17087
17269
  "name": "ZnPanel",
17088
17270
  "module": "components/panel/panel.js"
@@ -17332,17 +17514,6 @@
17332
17514
  "module": "src/components/panel/panel.component.ts"
17333
17515
  }
17334
17516
  },
17335
- {
17336
- "name": "description",
17337
- "type": {
17338
- "text": "string"
17339
- },
17340
- "fieldName": "description",
17341
- "inheritedFrom": {
17342
- "name": "ZnPanel",
17343
- "module": "src/components/panel/panel.component.ts"
17344
- }
17345
- },
17346
17517
  {
17347
17518
  "name": "tabbed",
17348
17519
  "type": {
@@ -17355,11 +17526,11 @@
17355
17526
  }
17356
17527
  },
17357
17528
  {
17358
- "name": "header-underline",
17529
+ "name": "header-borderless",
17359
17530
  "type": {
17360
17531
  "text": "boolean"
17361
17532
  },
17362
- "fieldName": "underlineHeader",
17533
+ "fieldName": "headerBorderless",
17363
17534
  "inheritedFrom": {
17364
17535
  "name": "ZnPanel",
17365
17536
  "module": "src/components/panel/panel.component.ts"
@@ -18612,6 +18783,11 @@
18612
18783
  }
18613
18784
  }
18614
18785
  },
18786
+ {
18787
+ "kind": "method",
18788
+ "name": "_syncLastVisibleItem",
18789
+ "privacy": "private"
18790
+ },
18615
18791
  {
18616
18792
  "kind": "method",
18617
18793
  "name": "_getExpandableWidth",
@@ -19881,6 +20057,37 @@
19881
20057
  "name": "activateInitialPageTab",
19882
20058
  "privacy": "private"
19883
20059
  },
20060
+ {
20061
+ "kind": "method",
20062
+ "name": "activateTabDefinition",
20063
+ "privacy": "private",
20064
+ "parameters": [
20065
+ {
20066
+ "name": "tab",
20067
+ "type": {
20068
+ "text": "TabDefinition"
20069
+ }
20070
+ }
20071
+ ]
20072
+ },
20073
+ {
20074
+ "kind": "method",
20075
+ "name": "findNavItemForUri",
20076
+ "privacy": "private",
20077
+ "return": {
20078
+ "type": {
20079
+ "text": "HTMLElement | null"
20080
+ }
20081
+ },
20082
+ "parameters": [
20083
+ {
20084
+ "name": "uri",
20085
+ "type": {
20086
+ "text": "string"
20087
+ }
20088
+ }
20089
+ ]
20090
+ },
19884
20091
  {
19885
20092
  "kind": "method",
19886
20093
  "name": "registerPagePanels",
@@ -22458,14 +22665,6 @@
22458
22665
  },
22459
22666
  "attribute": "icon"
22460
22667
  },
22461
- {
22462
- "kind": "field",
22463
- "name": "description",
22464
- "type": {
22465
- "text": "string"
22466
- },
22467
- "attribute": "description"
22468
- },
22469
22668
  {
22470
22669
  "kind": "field",
22471
22670
  "name": "tabbed",
@@ -22476,11 +22675,11 @@
22476
22675
  },
22477
22676
  {
22478
22677
  "kind": "field",
22479
- "name": "underlineHeader",
22678
+ "name": "headerBorderless",
22480
22679
  "type": {
22481
22680
  "text": "boolean"
22482
22681
  },
22483
- "attribute": "header-underline"
22682
+ "attribute": "header-borderless"
22484
22683
  },
22485
22684
  {
22486
22685
  "kind": "field",
@@ -22561,13 +22760,6 @@
22561
22760
  },
22562
22761
  "fieldName": "icon"
22563
22762
  },
22564
- {
22565
- "name": "description",
22566
- "type": {
22567
- "text": "string"
22568
- },
22569
- "fieldName": "description"
22570
- },
22571
22763
  {
22572
22764
  "name": "tabbed",
22573
22765
  "type": {
@@ -22576,11 +22768,11 @@
22576
22768
  "fieldName": "tabbed"
22577
22769
  },
22578
22770
  {
22579
- "name": "header-underline",
22771
+ "name": "header-borderless",
22580
22772
  "type": {
22581
22773
  "text": "boolean"
22582
22774
  },
22583
- "fieldName": "underlineHeader"
22775
+ "fieldName": "headerBorderless"
22584
22776
  },
22585
22777
  {
22586
22778
  "name": "cosmic",
@@ -31030,94 +31222,6 @@
31030
31222
  }
31031
31223
  ]
31032
31224
  },
31033
- {
31034
- "kind": "javascript-module",
31035
- "path": "components/tab/tab.js",
31036
- "declarations": [
31037
- {
31038
- "kind": "class",
31039
- "description": "",
31040
- "name": "ZnTab",
31041
- "slots": [
31042
- {
31043
- "description": "The tab panel content.",
31044
- "name": ""
31045
- }
31046
- ],
31047
- "members": [
31048
- {
31049
- "kind": "field",
31050
- "name": "caption",
31051
- "type": {
31052
- "text": "string"
31053
- },
31054
- "attribute": "caption"
31055
- },
31056
- {
31057
- "kind": "field",
31058
- "name": "priority",
31059
- "type": {
31060
- "text": "number"
31061
- },
31062
- "attribute": "priority"
31063
- },
31064
- {
31065
- "kind": "field",
31066
- "name": "uri",
31067
- "type": {
31068
- "text": "string"
31069
- },
31070
- "attribute": "uri"
31071
- }
31072
- ],
31073
- "attributes": [
31074
- {
31075
- "name": "caption",
31076
- "type": {
31077
- "text": "string"
31078
- },
31079
- "fieldName": "caption"
31080
- },
31081
- {
31082
- "name": "priority",
31083
- "type": {
31084
- "text": "number"
31085
- },
31086
- "fieldName": "priority"
31087
- },
31088
- {
31089
- "name": "uri",
31090
- "type": {
31091
- "text": "string"
31092
- },
31093
- "fieldName": "uri"
31094
- }
31095
- ],
31096
- "superclass": {
31097
- "name": "ZincElement",
31098
- "module": "/src/internal/zinc-element"
31099
- },
31100
- "summary": "Defines a tab panel for use inside zn-page.",
31101
- "tagNameWithoutPrefix": "tab",
31102
- "tagName": "zn-tab",
31103
- "customElement": true,
31104
- "jsDoc": "/**\n * @summary Defines a tab panel for use inside zn-page.\n * @documentation https://zinc.style/components/tab\n * @status experimental\n * @since 1.0\n *\n * @slot - The tab panel content.\n */",
31105
- "documentation": "https://zinc.style/components/tab",
31106
- "status": "experimental",
31107
- "since": "1.0"
31108
- }
31109
- ],
31110
- "exports": [
31111
- {
31112
- "kind": "js",
31113
- "name": "default",
31114
- "declaration": {
31115
- "name": "ZnTab",
31116
- "module": "components/tab/tab.js"
31117
- }
31118
- }
31119
- ]
31120
- },
31121
31225
  {
31122
31226
  "kind": "javascript-module",
31123
31227
  "path": "components/table/table.js",
@@ -32171,6 +32275,114 @@
32171
32275
  }
32172
32276
  ]
32173
32277
  },
32278
+ {
32279
+ "kind": "javascript-module",
32280
+ "path": "components/tab/tab.js",
32281
+ "declarations": [
32282
+ {
32283
+ "kind": "class",
32284
+ "description": "",
32285
+ "name": "ZnTab",
32286
+ "slots": [
32287
+ {
32288
+ "description": "The tab panel content.",
32289
+ "name": ""
32290
+ }
32291
+ ],
32292
+ "members": [
32293
+ {
32294
+ "kind": "field",
32295
+ "name": "caption",
32296
+ "type": {
32297
+ "text": "string"
32298
+ },
32299
+ "attribute": "caption"
32300
+ },
32301
+ {
32302
+ "kind": "field",
32303
+ "name": "priority",
32304
+ "type": {
32305
+ "text": "number"
32306
+ },
32307
+ "attribute": "priority"
32308
+ },
32309
+ {
32310
+ "kind": "field",
32311
+ "name": "uri",
32312
+ "type": {
32313
+ "text": "string"
32314
+ },
32315
+ "attribute": "uri"
32316
+ },
32317
+ {
32318
+ "kind": "field",
32319
+ "name": "selected",
32320
+ "type": {
32321
+ "text": "boolean"
32322
+ },
32323
+ "default": "false",
32324
+ "description": "When present, zn-page opens this tab on load instead of the first tab.",
32325
+ "attribute": "selected",
32326
+ "reflects": true
32327
+ }
32328
+ ],
32329
+ "attributes": [
32330
+ {
32331
+ "name": "caption",
32332
+ "type": {
32333
+ "text": "string"
32334
+ },
32335
+ "fieldName": "caption"
32336
+ },
32337
+ {
32338
+ "name": "priority",
32339
+ "type": {
32340
+ "text": "number"
32341
+ },
32342
+ "fieldName": "priority"
32343
+ },
32344
+ {
32345
+ "name": "uri",
32346
+ "type": {
32347
+ "text": "string"
32348
+ },
32349
+ "fieldName": "uri"
32350
+ },
32351
+ {
32352
+ "name": "selected",
32353
+ "type": {
32354
+ "text": "boolean"
32355
+ },
32356
+ "default": "false",
32357
+ "description": "When present, zn-page opens this tab on load instead of the first tab.",
32358
+ "fieldName": "selected"
32359
+ }
32360
+ ],
32361
+ "superclass": {
32362
+ "name": "ZincElement",
32363
+ "module": "/src/internal/zinc-element"
32364
+ },
32365
+ "summary": "Defines a tab panel for use inside zn-page.",
32366
+ "tagNameWithoutPrefix": "tab",
32367
+ "tagName": "zn-tab",
32368
+ "customElement": true,
32369
+ "jsDoc": "/**\n * @summary Defines a tab panel for use inside zn-page.\n * @documentation https://zinc.style/components/tab\n * @status experimental\n * @since 1.0\n *\n * @slot - The tab panel content.\n */",
32370
+ "documentation": "https://zinc.style/components/tab",
32371
+ "status": "experimental",
32372
+ "since": "1.0"
32373
+ }
32374
+ ],
32375
+ "exports": [
32376
+ {
32377
+ "kind": "js",
32378
+ "name": "default",
32379
+ "declaration": {
32380
+ "name": "ZnTab",
32381
+ "module": "components/tab/tab.js"
32382
+ }
32383
+ }
32384
+ ]
32385
+ },
32174
32386
  {
32175
32387
  "kind": "javascript-module",
32176
32388
  "path": "components/textarea/textarea.js",
@@ -34500,18 +34712,6 @@
34500
34712
  "module": "components/panel/panel.js"
34501
34713
  }
34502
34714
  },
34503
- {
34504
- "kind": "field",
34505
- "name": "description",
34506
- "type": {
34507
- "text": "string"
34508
- },
34509
- "attribute": "description",
34510
- "inheritedFrom": {
34511
- "name": "ZnPanel",
34512
- "module": "components/panel/panel.js"
34513
- }
34514
- },
34515
34715
  {
34516
34716
  "kind": "field",
34517
34717
  "name": "tabbed",
@@ -34526,11 +34726,11 @@
34526
34726
  },
34527
34727
  {
34528
34728
  "kind": "field",
34529
- "name": "underlineHeader",
34729
+ "name": "headerBorderless",
34530
34730
  "type": {
34531
34731
  "text": "boolean"
34532
34732
  },
34533
- "attribute": "header-underline",
34733
+ "attribute": "header-borderless",
34534
34734
  "inheritedFrom": {
34535
34735
  "name": "ZnPanel",
34536
34736
  "module": "components/panel/panel.js"
@@ -34679,17 +34879,6 @@
34679
34879
  "module": "src/components/panel/panel.component.ts"
34680
34880
  }
34681
34881
  },
34682
- {
34683
- "name": "description",
34684
- "type": {
34685
- "text": "string"
34686
- },
34687
- "fieldName": "description",
34688
- "inheritedFrom": {
34689
- "name": "ZnPanel",
34690
- "module": "src/components/panel/panel.component.ts"
34691
- }
34692
- },
34693
34882
  {
34694
34883
  "name": "tabbed",
34695
34884
  "type": {
@@ -34702,11 +34891,11 @@
34702
34891
  }
34703
34892
  },
34704
34893
  {
34705
- "name": "header-underline",
34894
+ "name": "header-borderless",
34706
34895
  "type": {
34707
34896
  "text": "boolean"
34708
34897
  },
34709
- "fieldName": "underlineHeader",
34898
+ "fieldName": "headerBorderless",
34710
34899
  "inheritedFrom": {
34711
34900
  "name": "ZnPanel",
34712
34901
  "module": "src/components/panel/panel.component.ts"
@@ -35511,7 +35700,7 @@
35511
35700
  "package": {
35512
35701
  "name": "@kubex/zinc",
35513
35702
  "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
35514
- "version": "1.0.115",
35703
+ "version": "1.0.117",
35515
35704
  "author": "",
35516
35705
  "license": "MIT"
35517
35706
  }