@kubex/zinc 1.0.5 → 1.0.7

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 (29) hide show
  1. package/dist/custom-elements.json +302 -16
  2. package/dist/vscode.html-custom-data.json +13 -2
  3. package/dist/web-types.json +43 -5
  4. package/dist/zn.d.ts +81 -40
  5. package/dist/zn.min.js +333 -270
  6. package/package.json +1 -1
  7. package/src/components/bulk-actions/bulk-actions.component.ts +152 -84
  8. package/src/components/bulk-actions/bulk-actions.scss +2 -0
  9. package/src/components/chart/chart.component.ts +14 -12
  10. package/src/components/cols/cols.component.ts +7 -3
  11. package/src/components/cols/cols.scss +22 -14
  12. package/src/components/content-block/content-block.component.ts +164 -30
  13. package/src/components/data-select/data-select.component.ts +51 -10
  14. package/src/components/data-table/data-table.component.ts +58 -38
  15. package/src/components/data-table/data-table.scss +74 -7
  16. package/src/components/data-table-filter/data-table-filter.component.ts +1 -1
  17. package/src/components/editor/modules/attachment/attachment.ts +53 -41
  18. package/src/components/editor/modules/toolbar/toolbar.ts +42 -0
  19. package/src/components/empty-state/empty-state.component.ts +16 -8
  20. package/src/components/icon/icon.component.ts +2 -0
  21. package/src/components/icon/icon.scss +13 -0
  22. package/src/components/inline-edit/inline-edit.component.ts +24 -3
  23. package/src/components/inline-edit/inline-edit.scss +11 -1
  24. package/src/components/item/item.component.ts +11 -3
  25. package/src/components/item/item.scss +14 -19
  26. package/src/components/panel/panel.component.ts +2 -0
  27. package/src/components/panel/panel.scss +6 -0
  28. package/src/components/settings-container/settings-container.scss +11 -4
  29. package/src/components/style/style.component.ts +7 -1
@@ -321,6 +321,15 @@
321
321
  }
322
322
  ],
323
323
  "members": [
324
+ {
325
+ "kind": "field",
326
+ "name": "dependencies",
327
+ "type": {
328
+ "text": "object"
329
+ },
330
+ "static": true,
331
+ "default": "{ 'zn-button': ZnButton, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect, }"
332
+ },
324
333
  {
325
334
  "kind": "field",
326
335
  "name": "container",
@@ -332,7 +341,7 @@
332
341
  "kind": "field",
333
342
  "name": "addRule",
334
343
  "type": {
335
- "text": "HTMLSelectElement"
344
+ "text": "ZnSelect"
336
345
  }
337
346
  },
338
347
  {
@@ -423,6 +432,37 @@
423
432
  "type": {
424
433
  "text": "string"
425
434
  }
435
+ },
436
+ {
437
+ "name": "pos",
438
+ "optional": true,
439
+ "type": {
440
+ "text": "number"
441
+ }
442
+ }
443
+ ]
444
+ },
445
+ {
446
+ "kind": "method",
447
+ "name": "_createInput",
448
+ "privacy": "private",
449
+ "return": {
450
+ "type": {
451
+ "text": "ZnSelect | ZnInput | null"
452
+ }
453
+ },
454
+ "parameters": [
455
+ {
456
+ "name": "uniqueId",
457
+ "type": {
458
+ "text": "string"
459
+ }
460
+ },
461
+ {
462
+ "name": "filter",
463
+ "type": {
464
+ "text": "BulkActionItem"
465
+ }
426
466
  }
427
467
  ]
428
468
  },
@@ -440,7 +480,25 @@
440
480
  {
441
481
  "name": "event",
442
482
  "type": {
443
- "text": "Event | { target: HTMLSelectElement | HTMLInputElement | HTMLDivElement }"
483
+ "text": "Event | { target: ZnSelect | ZnInput | HTMLDivElement }"
484
+ }
485
+ }
486
+ ]
487
+ },
488
+ {
489
+ "kind": "method",
490
+ "name": "_getRulePosition",
491
+ "privacy": "private",
492
+ "return": {
493
+ "type": {
494
+ "text": "number"
495
+ }
496
+ },
497
+ "parameters": [
498
+ {
499
+ "name": "id",
500
+ "type": {
501
+ "text": "string"
444
502
  }
445
503
  }
446
504
  ]
@@ -459,7 +517,7 @@
459
517
  {
460
518
  "name": "event",
461
519
  "type": {
462
- "text": "Event"
520
+ "text": "ZnChangeEvent"
463
521
  }
464
522
  }
465
523
  ]
@@ -566,12 +624,15 @@
566
624
  "tagNameWithoutPrefix": "bulk-actions",
567
625
  "tagName": "zn-bulk-actions",
568
626
  "customElement": true,
569
- "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/bulk-actions\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 */",
627
+ "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/bulk-actions\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-button\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\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 */",
570
628
  "documentation": "https://zinc.style/components/bulk-actions",
571
629
  "status": "experimental",
572
630
  "since": "1.0",
573
631
  "dependencies": [
574
- "zn-example"
632
+ "zn-button",
633
+ "zn-input",
634
+ "zn-option",
635
+ "zn-select"
575
636
  ]
576
637
  }
577
638
  ],
@@ -1782,6 +1843,15 @@
1782
1843
  "default": "1",
1783
1844
  "attribute": "d-size"
1784
1845
  },
1846
+ {
1847
+ "kind": "field",
1848
+ "name": "stacked",
1849
+ "type": {
1850
+ "text": "boolean"
1851
+ },
1852
+ "default": "false",
1853
+ "attribute": "stacked"
1854
+ },
1785
1855
  {
1786
1856
  "kind": "field",
1787
1857
  "name": "live",
@@ -1891,6 +1961,14 @@
1891
1961
  "default": "1",
1892
1962
  "fieldName": "datapointSize"
1893
1963
  },
1964
+ {
1965
+ "name": "stacked",
1966
+ "type": {
1967
+ "text": "boolean"
1968
+ },
1969
+ "default": "false",
1970
+ "fieldName": "stacked"
1971
+ },
1894
1972
  {
1895
1973
  "name": "live",
1896
1974
  "type": {
@@ -3501,6 +3579,15 @@
3501
3579
  },
3502
3580
  "attribute": "pad"
3503
3581
  },
3582
+ {
3583
+ "kind": "field",
3584
+ "name": "divide",
3585
+ "type": {
3586
+ "text": "boolean"
3587
+ },
3588
+ "default": "false",
3589
+ "attribute": "divide"
3590
+ },
3504
3591
  {
3505
3592
  "kind": "field",
3506
3593
  "name": "padX",
@@ -3564,6 +3651,14 @@
3564
3651
  },
3565
3652
  "fieldName": "pad"
3566
3653
  },
3654
+ {
3655
+ "name": "divide",
3656
+ "type": {
3657
+ "text": "boolean"
3658
+ },
3659
+ "default": "false",
3660
+ "fieldName": "divide"
3661
+ },
3567
3662
  {
3568
3663
  "name": "pad-x",
3569
3664
  "type": {
@@ -4007,6 +4102,16 @@
4007
4102
  "attribute": "short",
4008
4103
  "reflects": true
4009
4104
  },
4105
+ {
4106
+ "kind": "field",
4107
+ "name": "defaultDisplay",
4108
+ "type": {
4109
+ "text": "'text' | 'html'"
4110
+ },
4111
+ "default": "'text'",
4112
+ "attribute": "default-display",
4113
+ "reflects": true
4114
+ },
4010
4115
  {
4011
4116
  "kind": "field",
4012
4117
  "name": "htmlNodes",
@@ -4037,6 +4142,23 @@
4037
4142
  "privacy": "private",
4038
4143
  "default": "[]"
4039
4144
  },
4145
+ {
4146
+ "kind": "field",
4147
+ "name": "_footerObserver",
4148
+ "type": {
4149
+ "text": "MutationObserver | undefined"
4150
+ },
4151
+ "privacy": "private"
4152
+ },
4153
+ {
4154
+ "kind": "field",
4155
+ "name": "_replaceDebounce",
4156
+ "type": {
4157
+ "text": "number"
4158
+ },
4159
+ "privacy": "private",
4160
+ "default": "0"
4161
+ },
4040
4162
  {
4041
4163
  "kind": "method",
4042
4164
  "name": "_collapseContent",
@@ -4060,11 +4182,48 @@
4060
4182
  "name": "_toggleHtml",
4061
4183
  "privacy": "private"
4062
4184
  },
4185
+ {
4186
+ "kind": "method",
4187
+ "name": "_resizeIframe",
4188
+ "privacy": "private",
4189
+ "parameters": [
4190
+ {
4191
+ "name": "iframe",
4192
+ "optional": true,
4193
+ "type": {
4194
+ "text": "HTMLIFrameElement"
4195
+ }
4196
+ }
4197
+ ]
4198
+ },
4063
4199
  {
4064
4200
  "kind": "method",
4065
4201
  "name": "truncateText",
4066
4202
  "privacy": "protected"
4067
4203
  },
4204
+ {
4205
+ "kind": "method",
4206
+ "name": "_handleSlotChange",
4207
+ "privacy": "private",
4208
+ "parameters": [
4209
+ {
4210
+ "name": "e",
4211
+ "type": {
4212
+ "text": "Event"
4213
+ }
4214
+ }
4215
+ ]
4216
+ },
4217
+ {
4218
+ "kind": "method",
4219
+ "name": "_debouncedReplace",
4220
+ "privacy": "private"
4221
+ },
4222
+ {
4223
+ "kind": "method",
4224
+ "name": "_replaceImagePlaceholders",
4225
+ "privacy": "private"
4226
+ },
4068
4227
  {
4069
4228
  "kind": "method",
4070
4229
  "name": "getTextSections",
@@ -4128,6 +4287,14 @@
4128
4287
  },
4129
4288
  "default": "false",
4130
4289
  "fieldName": "short"
4290
+ },
4291
+ {
4292
+ "name": "default-display",
4293
+ "type": {
4294
+ "text": "'text' | 'html'"
4295
+ },
4296
+ "default": "'text'",
4297
+ "fieldName": "defaultDisplay"
4131
4298
  }
4132
4299
  ],
4133
4300
  "superclass": {
@@ -4434,6 +4601,7 @@
4434
4601
  "text": "'start' | 'end' | 'none'"
4435
4602
  },
4436
4603
  "default": "'none'",
4604
+ "description": "The position of the icon.",
4437
4605
  "attribute": "icon-position"
4438
4606
  },
4439
4607
  {
@@ -4537,6 +4705,16 @@
4537
4705
  "attribute": "required",
4538
4706
  "reflects": true
4539
4707
  },
4708
+ {
4709
+ "kind": "field",
4710
+ "name": "iconOnly",
4711
+ "type": {
4712
+ "text": "boolean"
4713
+ },
4714
+ "default": "false",
4715
+ "attribute": "icon-only",
4716
+ "reflects": true
4717
+ },
4540
4718
  {
4541
4719
  "kind": "field",
4542
4720
  "name": "formControlController",
@@ -4642,6 +4820,19 @@
4642
4820
  "kind": "method",
4643
4821
  "name": "_updatePrefix",
4644
4822
  "privacy": "private"
4823
+ },
4824
+ {
4825
+ "kind": "method",
4826
+ "name": "getPlaceholder",
4827
+ "privacy": "private",
4828
+ "parameters": [
4829
+ {
4830
+ "name": "localProvider",
4831
+ "type": {
4832
+ "text": "LocalDataProvider<any>"
4833
+ }
4834
+ }
4835
+ ]
4645
4836
  }
4646
4837
  ],
4647
4838
  "events": [
@@ -4681,6 +4872,7 @@
4681
4872
  "text": "'start' | 'end' | 'none'"
4682
4873
  },
4683
4874
  "default": "'none'",
4875
+ "description": "The position of the icon.",
4684
4876
  "fieldName": "iconPosition"
4685
4877
  },
4686
4878
  {
@@ -4770,6 +4962,14 @@
4770
4962
  "default": "false",
4771
4963
  "description": "The selects required attribute.",
4772
4964
  "fieldName": "required"
4965
+ },
4966
+ {
4967
+ "name": "icon-only",
4968
+ "type": {
4969
+ "text": "boolean"
4970
+ },
4971
+ "default": "false",
4972
+ "fieldName": "iconOnly"
4773
4973
  }
4774
4974
  ],
4775
4975
  "superclass": {
@@ -4838,7 +5038,7 @@
4838
5038
  "text": "object"
4839
5039
  },
4840
5040
  "static": true,
4841
- "default": "{ 'zn-button': ZnButton, 'zn-empty-state': ZnEmptyState, 'zn-chip': ZnChip, 'zn-hover-container': ZnHoverContainer, 'zn-dropdown': ZnDropdown, 'zn-menu': ZnMenu, 'zn-menu-item': ZnMenuItem, 'zn-button-group': ZnButtonGroup, 'zn-confirm': ZnConfirm, 'zn-skeleton': ZnSkeleton, }"
5041
+ "default": "{ 'zn-button': ZnButton, 'zn-empty-state': ZnEmptyState, 'zn-chip': ZnChip, 'zn-hover-container': ZnHoverContainer, 'zn-dropdown': ZnDropdown, 'zn-menu': ZnMenu, 'zn-menu-item': ZnMenuItem, 'zn-button-group': ZnButtonGroup, 'zn-confirm': ZnConfirm, 'zn-skeleton': ZnSkeleton, 'zn-style': ZnStyle, }"
4842
5042
  },
4843
5043
  {
4844
5044
  "kind": "field",
@@ -4993,6 +5193,7 @@
4993
5193
  "type": {
4994
5194
  "text": "boolean"
4995
5195
  },
5196
+ "default": "true",
4996
5197
  "attribute": "hide-checkboxes"
4997
5198
  },
4998
5199
  {
@@ -5138,14 +5339,6 @@
5138
5339
  },
5139
5340
  "default": "{}"
5140
5341
  },
5141
- {
5142
- "kind": "field",
5143
- "name": "builtinRequestParams",
5144
- "type": {
5145
- "text": "Record<string, any>"
5146
- },
5147
- "default": "{}"
5148
- },
5149
5342
  {
5150
5343
  "kind": "method",
5151
5344
  "name": "refresh"
@@ -5249,7 +5442,7 @@
5249
5442
  {
5250
5443
  "name": "e",
5251
5444
  "type": {
5252
- "text": "PointerEvent"
5445
+ "text": "Event"
5253
5446
  }
5254
5447
  }
5255
5448
  ]
@@ -5348,6 +5541,24 @@
5348
5541
  }
5349
5542
  ]
5350
5543
  },
5544
+ {
5545
+ "kind": "method",
5546
+ "name": "isRowSelected",
5547
+ "privacy": "private",
5548
+ "return": {
5549
+ "type": {
5550
+ "text": "boolean"
5551
+ }
5552
+ },
5553
+ "parameters": [
5554
+ {
5555
+ "name": "row",
5556
+ "type": {
5557
+ "text": "Row"
5558
+ }
5559
+ }
5560
+ ]
5561
+ },
5351
5562
  {
5352
5563
  "kind": "method",
5353
5564
  "name": "getRows",
@@ -5588,6 +5799,7 @@
5588
5799
  "type": {
5589
5800
  "text": "boolean"
5590
5801
  },
5802
+ "default": "true",
5591
5803
  "fieldName": "hideCheckboxes"
5592
5804
  },
5593
5805
  {
@@ -7919,6 +8131,13 @@
7919
8131
  },
7920
8132
  "default": "false",
7921
8133
  "attribute": "padded"
8134
+ },
8135
+ {
8136
+ "kind": "field",
8137
+ "name": "hasSlotController",
8138
+ "privacy": "private",
8139
+ "readonly": true,
8140
+ "default": "new HasSlotController(this, '[default]', 'caption', 'description')"
7922
8141
  }
7923
8142
  ],
7924
8143
  "events": [
@@ -10037,6 +10256,15 @@
10037
10256
  "default": "false",
10038
10257
  "attribute": "padded"
10039
10258
  },
10259
+ {
10260
+ "kind": "field",
10261
+ "name": "blink",
10262
+ "type": {
10263
+ "text": "boolean"
10264
+ },
10265
+ "default": "false",
10266
+ "attribute": "blink"
10267
+ },
10040
10268
  {
10041
10269
  "kind": "field",
10042
10270
  "name": "squared",
@@ -10169,6 +10397,14 @@
10169
10397
  "default": "false",
10170
10398
  "fieldName": "padded"
10171
10399
  },
10400
+ {
10401
+ "name": "blink",
10402
+ "type": {
10403
+ "text": "boolean"
10404
+ },
10405
+ "default": "false",
10406
+ "fieldName": "blink"
10407
+ },
10172
10408
  {
10173
10409
  "name": "squared",
10174
10410
  "type": {
@@ -10483,6 +10719,14 @@
10483
10719
  "kind": "field",
10484
10720
  "name": "submitKeyHandler"
10485
10721
  },
10722
+ {
10723
+ "kind": "field",
10724
+ "name": "captureMouseDown"
10725
+ },
10726
+ {
10727
+ "kind": "field",
10728
+ "name": "captureKeyDown"
10729
+ },
10486
10730
  {
10487
10731
  "kind": "field",
10488
10732
  "name": "handleEditClick"
@@ -11919,6 +12163,16 @@
11919
12163
  "text": "boolean"
11920
12164
  },
11921
12165
  "attribute": "align-end"
12166
+ },
12167
+ {
12168
+ "kind": "method",
12169
+ "name": "_hasContent",
12170
+ "privacy": "protected",
12171
+ "return": {
12172
+ "type": {
12173
+ "text": "boolean"
12174
+ }
12175
+ }
11922
12176
  }
11923
12177
  ],
11924
12178
  "attributes": [
@@ -15167,6 +15421,14 @@
15167
15421
  },
15168
15422
  "attribute": "flush-y"
15169
15423
  },
15424
+ {
15425
+ "kind": "field",
15426
+ "name": "flushFooter",
15427
+ "type": {
15428
+ "text": "boolean"
15429
+ },
15430
+ "attribute": "flush-footer"
15431
+ },
15170
15432
  {
15171
15433
  "kind": "field",
15172
15434
  "name": "transparent",
@@ -15233,6 +15495,13 @@
15233
15495
  },
15234
15496
  "fieldName": "flushY"
15235
15497
  },
15498
+ {
15499
+ "name": "flush-footer",
15500
+ "type": {
15501
+ "text": "boolean"
15502
+ },
15503
+ "fieldName": "flushFooter"
15504
+ },
15236
15505
  {
15237
15506
  "name": "transparent",
15238
15507
  "type": {
@@ -21707,6 +21976,15 @@
21707
21976
  "default": "false",
21708
21977
  "attribute": "center"
21709
21978
  },
21979
+ {
21980
+ "kind": "field",
21981
+ "name": "font",
21982
+ "type": {
21983
+ "text": "string"
21984
+ },
21985
+ "default": "''",
21986
+ "attribute": "font"
21987
+ },
21710
21988
  {
21711
21989
  "kind": "field",
21712
21990
  "name": "width",
@@ -21826,6 +22104,14 @@
21826
22104
  "default": "false",
21827
22105
  "fieldName": "center"
21828
22106
  },
22107
+ {
22108
+ "name": "font",
22109
+ "type": {
22110
+ "text": "string"
22111
+ },
22112
+ "default": "''",
22113
+ "fieldName": "font"
22114
+ },
21829
22115
  {
21830
22116
  "name": "width",
21831
22117
  "type": {
@@ -25143,7 +25429,7 @@
25143
25429
  "package": {
25144
25430
  "name": "@kubex/zinc",
25145
25431
  "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
25146
- "version": "1.0.5",
25432
+ "version": "1.0.7",
25147
25433
  "author": "",
25148
25434
  "license": "MIT"
25149
25435
  }
@@ -245,6 +245,7 @@
245
245
  { "name": "categories", "values": [{ "name": "string[]" }] },
246
246
  { "name": "xAxis", "values": [] },
247
247
  { "name": "d-size", "values": [] },
248
+ { "name": "stacked", "values": [] },
248
249
  { "name": "live", "values": [] },
249
250
  { "name": "data-url", "values": [] },
250
251
  { "name": "live-interval", "values": [] },
@@ -468,6 +469,7 @@
468
469
  { "name": "no-gap", "values": [] },
469
470
  { "name": "border", "values": [] },
470
471
  { "name": "pad", "values": [] },
472
+ { "name": "divide", "values": [] },
471
473
  { "name": "pad-x", "values": [] },
472
474
  { "name": "pad-y", "values": [] }
473
475
  ],
@@ -549,7 +551,11 @@
549
551
  { "name": "sender", "values": [] },
550
552
  { "name": "avatar", "values": [] },
551
553
  { "name": "outbound", "values": [] },
552
- { "name": "short", "values": [] }
554
+ { "name": "short", "values": [] },
555
+ {
556
+ "name": "default-display",
557
+ "values": [{ "name": "text" }, { "name": "html" }]
558
+ }
553
559
  ],
554
560
  "references": [
555
561
  {
@@ -604,6 +610,7 @@
604
610
  },
605
611
  {
606
612
  "name": "icon-position",
613
+ "description": "The position of the icon.",
607
614
  "values": [{ "name": "start" }, { "name": "end" }, { "name": "none" }]
608
615
  },
609
616
  {
@@ -659,7 +666,8 @@
659
666
  "name": "required",
660
667
  "description": "The selects required attribute.",
661
668
  "values": []
662
- }
669
+ },
670
+ { "name": "icon-only", "values": [] }
663
671
  ],
664
672
  "references": [
665
673
  {
@@ -1236,6 +1244,7 @@
1236
1244
  { "name": "library", "values": [{ "name": "IconLibrary" }] },
1237
1245
  { "name": "color", "values": [{ "name": "IconColor" }] },
1238
1246
  { "name": "padded", "values": [] },
1247
+ { "name": "blink", "values": [] },
1239
1248
  { "name": "squared", "values": [] }
1240
1249
  ],
1241
1250
  "references": [
@@ -1763,6 +1772,7 @@
1763
1772
  { "name": "flush", "values": [] },
1764
1773
  { "name": "flush-x", "values": [] },
1765
1774
  { "name": "flush-y", "values": [] },
1775
+ { "name": "flush-footer", "values": [] },
1766
1776
  { "name": "transparent", "values": [] }
1767
1777
  ],
1768
1778
  "references": [
@@ -2507,6 +2517,7 @@
2507
2517
  { "name": "primary", "values": [] },
2508
2518
  { "name": "accent", "values": [] },
2509
2519
  { "name": "center", "values": [] },
2520
+ { "name": "font", "values": [] },
2510
2521
  { "name": "width", "values": [] },
2511
2522
  { "name": "height", "values": [] },
2512
2523
  { "name": "pad", "values": [] },