@kubex/zinc 1.1.161 → 1.1.163
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.
- package/dist/custom-elements.json +266 -118
- package/dist/vscode.html-custom-data.json +13 -14
- package/dist/web-types.json +31 -30
- package/dist/zn.d.ts +22 -8
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +394 -324
- package/docs/pages/components/data-table.md +30 -20
- package/package.json +1 -1
- package/scss/themes/_dark.scss +1 -0
- package/scss/themes/_light.scss +1 -0
- package/src/components/button/button.scss +5 -0
- package/src/components/checkbox/checkbox.component.ts +10 -6
- package/src/components/checkbox/checkbox.scss +4 -8
- package/src/components/data-table/data-table.component.ts +171 -76
- package/src/components/data-table/data-table.scss +16 -60
- package/src/components/dropdown/dropdown.component.ts +6 -3
- package/src/components/panel/panel.scss +23 -0
- package/src/components/popup/popup.component.ts +8 -1
- package/src/components/remarkd-editor/remarkd-editor.component.ts +65 -29
- package/src/components/tooltip/tooltip.component.ts +10 -1
- package/src/components/tooltip/tooltip.scss +5 -0
|
@@ -56,79 +56,6 @@
|
|
|
56
56
|
}
|
|
57
57
|
]
|
|
58
58
|
},
|
|
59
|
-
{
|
|
60
|
-
"kind": "javascript-module",
|
|
61
|
-
"path": "components/action-bar/action-bar.js",
|
|
62
|
-
"declarations": [
|
|
63
|
-
{
|
|
64
|
-
"kind": "class",
|
|
65
|
-
"description": "",
|
|
66
|
-
"name": "ZnActionBar",
|
|
67
|
-
"cssProperties": [
|
|
68
|
-
{
|
|
69
|
-
"description": "An example CSS custom property.",
|
|
70
|
-
"name": "--example"
|
|
71
|
-
}
|
|
72
|
-
],
|
|
73
|
-
"cssParts": [
|
|
74
|
-
{
|
|
75
|
-
"description": "The component's base wrapper.",
|
|
76
|
-
"name": "base"
|
|
77
|
-
}
|
|
78
|
-
],
|
|
79
|
-
"slots": [
|
|
80
|
-
{
|
|
81
|
-
"description": "The default slot.",
|
|
82
|
-
"name": ""
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"description": "An example slot.",
|
|
86
|
-
"name": "example"
|
|
87
|
-
}
|
|
88
|
-
],
|
|
89
|
-
"members": [
|
|
90
|
-
{
|
|
91
|
-
"kind": "field",
|
|
92
|
-
"name": "localize",
|
|
93
|
-
"privacy": "private",
|
|
94
|
-
"readonly": true,
|
|
95
|
-
"default": "new LocalizeController(this)"
|
|
96
|
-
}
|
|
97
|
-
],
|
|
98
|
-
"events": [
|
|
99
|
-
{
|
|
100
|
-
"description": "Emitted as an example.",
|
|
101
|
-
"name": "zn-event-name"
|
|
102
|
-
}
|
|
103
|
-
],
|
|
104
|
-
"superclass": {
|
|
105
|
-
"name": "ZincElement",
|
|
106
|
-
"module": "/src/internal/zinc-element"
|
|
107
|
-
},
|
|
108
|
-
"summary": "Short summary of the component's intended use.",
|
|
109
|
-
"tagNameWithoutPrefix": "action-bar",
|
|
110
|
-
"tagName": "zn-action-bar",
|
|
111
|
-
"customElement": true,
|
|
112
|
-
"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 */",
|
|
113
|
-
"documentation": "https://zinc.style/components/action-bar",
|
|
114
|
-
"status": "experimental",
|
|
115
|
-
"since": "1.0",
|
|
116
|
-
"dependencies": [
|
|
117
|
-
"zn-example"
|
|
118
|
-
]
|
|
119
|
-
}
|
|
120
|
-
],
|
|
121
|
-
"exports": [
|
|
122
|
-
{
|
|
123
|
-
"kind": "js",
|
|
124
|
-
"name": "default",
|
|
125
|
-
"declaration": {
|
|
126
|
-
"name": "ZnActionBar",
|
|
127
|
-
"module": "components/action-bar/action-bar.js"
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
]
|
|
131
|
-
},
|
|
132
59
|
{
|
|
133
60
|
"kind": "javascript-module",
|
|
134
61
|
"path": "components/alert/alert.js",
|
|
@@ -323,6 +250,79 @@
|
|
|
323
250
|
}
|
|
324
251
|
]
|
|
325
252
|
},
|
|
253
|
+
{
|
|
254
|
+
"kind": "javascript-module",
|
|
255
|
+
"path": "components/action-bar/action-bar.js",
|
|
256
|
+
"declarations": [
|
|
257
|
+
{
|
|
258
|
+
"kind": "class",
|
|
259
|
+
"description": "",
|
|
260
|
+
"name": "ZnActionBar",
|
|
261
|
+
"cssProperties": [
|
|
262
|
+
{
|
|
263
|
+
"description": "An example CSS custom property.",
|
|
264
|
+
"name": "--example"
|
|
265
|
+
}
|
|
266
|
+
],
|
|
267
|
+
"cssParts": [
|
|
268
|
+
{
|
|
269
|
+
"description": "The component's base wrapper.",
|
|
270
|
+
"name": "base"
|
|
271
|
+
}
|
|
272
|
+
],
|
|
273
|
+
"slots": [
|
|
274
|
+
{
|
|
275
|
+
"description": "The default slot.",
|
|
276
|
+
"name": ""
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"description": "An example slot.",
|
|
280
|
+
"name": "example"
|
|
281
|
+
}
|
|
282
|
+
],
|
|
283
|
+
"members": [
|
|
284
|
+
{
|
|
285
|
+
"kind": "field",
|
|
286
|
+
"name": "localize",
|
|
287
|
+
"privacy": "private",
|
|
288
|
+
"readonly": true,
|
|
289
|
+
"default": "new LocalizeController(this)"
|
|
290
|
+
}
|
|
291
|
+
],
|
|
292
|
+
"events": [
|
|
293
|
+
{
|
|
294
|
+
"description": "Emitted as an example.",
|
|
295
|
+
"name": "zn-event-name"
|
|
296
|
+
}
|
|
297
|
+
],
|
|
298
|
+
"superclass": {
|
|
299
|
+
"name": "ZincElement",
|
|
300
|
+
"module": "/src/internal/zinc-element"
|
|
301
|
+
},
|
|
302
|
+
"summary": "Short summary of the component's intended use.",
|
|
303
|
+
"tagNameWithoutPrefix": "action-bar",
|
|
304
|
+
"tagName": "zn-action-bar",
|
|
305
|
+
"customElement": true,
|
|
306
|
+
"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 */",
|
|
307
|
+
"documentation": "https://zinc.style/components/action-bar",
|
|
308
|
+
"status": "experimental",
|
|
309
|
+
"since": "1.0",
|
|
310
|
+
"dependencies": [
|
|
311
|
+
"zn-example"
|
|
312
|
+
]
|
|
313
|
+
}
|
|
314
|
+
],
|
|
315
|
+
"exports": [
|
|
316
|
+
{
|
|
317
|
+
"kind": "js",
|
|
318
|
+
"name": "default",
|
|
319
|
+
"declaration": {
|
|
320
|
+
"name": "ZnActionBar",
|
|
321
|
+
"module": "components/action-bar/action-bar.js"
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
]
|
|
325
|
+
},
|
|
326
326
|
{
|
|
327
327
|
"kind": "javascript-module",
|
|
328
328
|
"path": "components/animated-button/animated-button.js",
|
|
@@ -4558,7 +4558,7 @@
|
|
|
4558
4558
|
"name": "unchecked-icon"
|
|
4559
4559
|
},
|
|
4560
4560
|
{
|
|
4561
|
-
"description": "The indeterminate icon, an `<
|
|
4561
|
+
"description": "The indeterminate icon, an `<svg>` element.",
|
|
4562
4562
|
"name": "indeterminate-icon"
|
|
4563
4563
|
},
|
|
4564
4564
|
{
|
|
@@ -5343,7 +5343,7 @@
|
|
|
5343
5343
|
"tagNameWithoutPrefix": "checkbox",
|
|
5344
5344
|
"tagName": "zn-checkbox",
|
|
5345
5345
|
"customElement": true,
|
|
5346
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The checkbox's label.\n * @slot image - Replaces the built-in image used by contained checkboxes.\n * @slot description - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n * @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the checkbox loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the checkbox gains focus.\n * @event zn-input - Emitted when the checkbox receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart unchecked-icon - The unchecked icon, an `<zn-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<
|
|
5346
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/checkbox\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The checkbox's label.\n * @slot image - Replaces the built-in image used by contained checkboxes.\n * @slot description - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n * @slot selected-content - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n *\n * @event zn-blur - Emitted when the checkbox loses focus.\n * @event zn-change - Emitted when the checked state changes.\n * @event zn-focus - Emitted when the checkbox gains focus.\n * @event zn-input - Emitted when the checkbox receives input.\n * @event zn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<zn-icon>` element.\n * @csspart unchecked-icon - The unchecked icon, an `<zn-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<svg>` element.\n * @csspart image-container - The wrapper around the built-in image or image slot.\n * @csspart image - The built-in image.\n * @csspart card-title - The title inside a selection card.\n * @csspart label - The container that wraps the checkbox's label.\n * @csspart description - The container that wraps the checkbox's description.\n * @csspart selected-content - The container that wraps optional content that appears when a checkbox is checked.\n *\n * @cssproperty --zn-selection-card-image-width - Width of the built-in card image.\n * @cssproperty --zn-selection-card-image-height - Height of the built-in card image.\n * @cssproperty --zn-selection-card-min-height - Minimum height of a contained checkbox with an image.\n * @cssproperty --zn-selection-card-content-min-width - Width the card text keeps before it wraps below the image.\n * @cssproperty --zn-selection-card-title-font-size - Font size of a selection card title.\n * @cssproperty --zn-selection-card-padding - Equal inset around the contents of a selection card.\n * @cssproperty --zn-selection-card-gap - Space between the image, title, and indicator gutter.\n * @cssproperty --zn-selection-card-control-offset - Distance between a positioned control and the card edge.\n * @cssproperty --zn-selection-card-border-radius - Corner radius of a contained container.\n */",
|
|
5347
5347
|
"documentation": "https://zinc.style/components/checkbox",
|
|
5348
5348
|
"status": "experimental",
|
|
5349
5349
|
"since": "1.0",
|
|
@@ -8730,13 +8730,17 @@
|
|
|
8730
8730
|
"name": "filter-top"
|
|
8731
8731
|
},
|
|
8732
8732
|
{
|
|
8733
|
-
"description": "Slot for delete action button, shown
|
|
8733
|
+
"description": "Slot for delete action button, shown in the header once rows are selected.",
|
|
8734
8734
|
"name": "delete-action"
|
|
8735
8735
|
},
|
|
8736
8736
|
{
|
|
8737
|
-
"description": "Slot for modify action button, shown
|
|
8737
|
+
"description": "Slot for modify action button, shown in the header once rows are selected.",
|
|
8738
8738
|
"name": "modify-action"
|
|
8739
8739
|
},
|
|
8740
|
+
{
|
|
8741
|
+
"description": "`zn-button` or `zn-confirm` elements listed in a header menu, enabled once rows are selected.",
|
|
8742
|
+
"name": "actions"
|
|
8743
|
+
},
|
|
8740
8744
|
{
|
|
8741
8745
|
"description": "Slot for create action button, at the end of the header's right-hand group.",
|
|
8742
8746
|
"name": "create-action"
|
|
@@ -8955,14 +8959,6 @@
|
|
|
8955
8959
|
"default": "\"data_alert\"",
|
|
8956
8960
|
"attribute": "empty-state-icon"
|
|
8957
8961
|
},
|
|
8958
|
-
{
|
|
8959
|
-
"kind": "field",
|
|
8960
|
-
"name": "hideCheckboxes",
|
|
8961
|
-
"type": {
|
|
8962
|
-
"text": "boolean"
|
|
8963
|
-
},
|
|
8964
|
-
"attribute": "hide-checkboxes"
|
|
8965
|
-
},
|
|
8966
8962
|
{
|
|
8967
8963
|
"kind": "field",
|
|
8968
8964
|
"name": "filters",
|
|
@@ -9037,13 +9033,6 @@
|
|
|
9037
9033
|
"default": "10",
|
|
9038
9034
|
"attribute": "per-page-size"
|
|
9039
9035
|
},
|
|
9040
|
-
{
|
|
9041
|
-
"kind": "field",
|
|
9042
|
-
"name": "selectAllButton",
|
|
9043
|
-
"type": {
|
|
9044
|
-
"text": "ZnButton"
|
|
9045
|
-
}
|
|
9046
|
-
},
|
|
9047
9036
|
{
|
|
9048
9037
|
"kind": "field",
|
|
9049
9038
|
"name": "_initialLoad",
|
|
@@ -9186,7 +9175,7 @@
|
|
|
9186
9175
|
"kind": "field",
|
|
9187
9176
|
"name": "hasSlotController",
|
|
9188
9177
|
"privacy": "private",
|
|
9189
|
-
"default": "new HasSlotController( this, '[default]', ActionSlots.search.valueOf(), ActionSlots.delete.valueOf(), ActionSlots.modify.valueOf(), ActionSlots.create.valueOf(), ActionSlots.filter.valueOf(), ActionSlots.sort.valueOf(), ActionSlots.inputs.valueOf(), 'empty-state', 'no-results' )"
|
|
9178
|
+
"default": "new HasSlotController( this, '[default]', ActionSlots.search.valueOf(), ActionSlots.delete.valueOf(), ActionSlots.modify.valueOf(), ActionSlots.actions.valueOf(), ActionSlots.create.valueOf(), ActionSlots.filter.valueOf(), ActionSlots.sort.valueOf(), ActionSlots.inputs.valueOf(), 'empty-state', 'no-results' )"
|
|
9190
9179
|
},
|
|
9191
9180
|
{
|
|
9192
9181
|
"kind": "field",
|
|
@@ -9511,6 +9500,25 @@
|
|
|
9511
9500
|
}
|
|
9512
9501
|
]
|
|
9513
9502
|
},
|
|
9503
|
+
{
|
|
9504
|
+
"kind": "method",
|
|
9505
|
+
"name": "tableContent",
|
|
9506
|
+
"privacy": "private",
|
|
9507
|
+
"parameters": [
|
|
9508
|
+
{
|
|
9509
|
+
"name": "content",
|
|
9510
|
+
"type": {
|
|
9511
|
+
"text": "TemplateResult"
|
|
9512
|
+
}
|
|
9513
|
+
},
|
|
9514
|
+
{
|
|
9515
|
+
"name": "pending",
|
|
9516
|
+
"type": {
|
|
9517
|
+
"text": "boolean"
|
|
9518
|
+
}
|
|
9519
|
+
}
|
|
9520
|
+
]
|
|
9521
|
+
},
|
|
9514
9522
|
{
|
|
9515
9523
|
"kind": "method",
|
|
9516
9524
|
"name": "getTableHeader"
|
|
@@ -9624,6 +9632,66 @@
|
|
|
9624
9632
|
"kind": "method",
|
|
9625
9633
|
"name": "getActions"
|
|
9626
9634
|
},
|
|
9635
|
+
{
|
|
9636
|
+
"kind": "method",
|
|
9637
|
+
"name": "getActionsMenu",
|
|
9638
|
+
"privacy": "private"
|
|
9639
|
+
},
|
|
9640
|
+
{
|
|
9641
|
+
"kind": "method",
|
|
9642
|
+
"name": "actionTrigger",
|
|
9643
|
+
"privacy": "private",
|
|
9644
|
+
"return": {
|
|
9645
|
+
"type": {
|
|
9646
|
+
"text": "HTMLElement | null"
|
|
9647
|
+
}
|
|
9648
|
+
},
|
|
9649
|
+
"parameters": [
|
|
9650
|
+
{
|
|
9651
|
+
"name": "item",
|
|
9652
|
+
"type": {
|
|
9653
|
+
"text": "HTMLElement"
|
|
9654
|
+
}
|
|
9655
|
+
}
|
|
9656
|
+
]
|
|
9657
|
+
},
|
|
9658
|
+
{
|
|
9659
|
+
"kind": "method",
|
|
9660
|
+
"name": "actionLabel",
|
|
9661
|
+
"privacy": "private",
|
|
9662
|
+
"return": {
|
|
9663
|
+
"type": {
|
|
9664
|
+
"text": "string"
|
|
9665
|
+
}
|
|
9666
|
+
},
|
|
9667
|
+
"parameters": [
|
|
9668
|
+
{
|
|
9669
|
+
"name": "item",
|
|
9670
|
+
"type": {
|
|
9671
|
+
"text": "HTMLElement"
|
|
9672
|
+
}
|
|
9673
|
+
},
|
|
9674
|
+
{
|
|
9675
|
+
"name": "trigger",
|
|
9676
|
+
"type": {
|
|
9677
|
+
"text": "HTMLElement | null"
|
|
9678
|
+
}
|
|
9679
|
+
}
|
|
9680
|
+
]
|
|
9681
|
+
},
|
|
9682
|
+
{
|
|
9683
|
+
"kind": "method",
|
|
9684
|
+
"name": "runAction",
|
|
9685
|
+
"privacy": "private",
|
|
9686
|
+
"parameters": [
|
|
9687
|
+
{
|
|
9688
|
+
"name": "item",
|
|
9689
|
+
"type": {
|
|
9690
|
+
"text": "HTMLElement"
|
|
9691
|
+
}
|
|
9692
|
+
}
|
|
9693
|
+
]
|
|
9694
|
+
},
|
|
9627
9695
|
{
|
|
9628
9696
|
"kind": "method",
|
|
9629
9697
|
"name": "goToPage",
|
|
@@ -9667,14 +9735,7 @@
|
|
|
9667
9735
|
{
|
|
9668
9736
|
"kind": "method",
|
|
9669
9737
|
"name": "selectAll",
|
|
9670
|
-
"
|
|
9671
|
-
{
|
|
9672
|
-
"name": "event",
|
|
9673
|
-
"type": {
|
|
9674
|
-
"text": "Event"
|
|
9675
|
-
}
|
|
9676
|
-
}
|
|
9677
|
-
]
|
|
9738
|
+
"description": "Selects every row on the page, or clears the selection when every row is already selected."
|
|
9678
9739
|
},
|
|
9679
9740
|
{
|
|
9680
9741
|
"kind": "method",
|
|
@@ -9690,16 +9751,21 @@
|
|
|
9690
9751
|
},
|
|
9691
9752
|
{
|
|
9692
9753
|
"kind": "method",
|
|
9693
|
-
"name": "
|
|
9754
|
+
"name": "toggleRowSelection",
|
|
9755
|
+
"privacy": "private",
|
|
9694
9756
|
"parameters": [
|
|
9695
9757
|
{
|
|
9696
|
-
"name": "
|
|
9758
|
+
"name": "row",
|
|
9697
9759
|
"type": {
|
|
9698
|
-
"text": "
|
|
9760
|
+
"text": "Row"
|
|
9699
9761
|
}
|
|
9700
9762
|
}
|
|
9701
9763
|
]
|
|
9702
9764
|
},
|
|
9765
|
+
{
|
|
9766
|
+
"kind": "method",
|
|
9767
|
+
"name": "clearSelectedRows"
|
|
9768
|
+
},
|
|
9703
9769
|
{
|
|
9704
9770
|
"kind": "method",
|
|
9705
9771
|
"name": "updateSort",
|
|
@@ -9782,6 +9848,43 @@
|
|
|
9782
9848
|
}
|
|
9783
9849
|
]
|
|
9784
9850
|
},
|
|
9851
|
+
{
|
|
9852
|
+
"kind": "method",
|
|
9853
|
+
"name": "sortState",
|
|
9854
|
+
"privacy": "private",
|
|
9855
|
+
"return": {
|
|
9856
|
+
"type": {
|
|
9857
|
+
"text": "'ascending' | 'descending' | 'none'"
|
|
9858
|
+
}
|
|
9859
|
+
},
|
|
9860
|
+
"parameters": [
|
|
9861
|
+
{
|
|
9862
|
+
"name": "key",
|
|
9863
|
+
"type": {
|
|
9864
|
+
"text": "string"
|
|
9865
|
+
}
|
|
9866
|
+
}
|
|
9867
|
+
]
|
|
9868
|
+
},
|
|
9869
|
+
{
|
|
9870
|
+
"kind": "method",
|
|
9871
|
+
"name": "handleSortKeyDown",
|
|
9872
|
+
"privacy": "private",
|
|
9873
|
+
"parameters": [
|
|
9874
|
+
{
|
|
9875
|
+
"name": "e",
|
|
9876
|
+
"type": {
|
|
9877
|
+
"text": "KeyboardEvent"
|
|
9878
|
+
}
|
|
9879
|
+
},
|
|
9880
|
+
{
|
|
9881
|
+
"name": "key",
|
|
9882
|
+
"type": {
|
|
9883
|
+
"text": "string"
|
|
9884
|
+
}
|
|
9885
|
+
}
|
|
9886
|
+
]
|
|
9887
|
+
},
|
|
9785
9888
|
{
|
|
9786
9889
|
"kind": "method",
|
|
9787
9890
|
"name": "renderCellBody",
|
|
@@ -9886,6 +9989,58 @@
|
|
|
9886
9989
|
}
|
|
9887
9990
|
]
|
|
9888
9991
|
},
|
|
9992
|
+
{
|
|
9993
|
+
"kind": "method",
|
|
9994
|
+
"name": "pruneSelectedRows",
|
|
9995
|
+
"privacy": "private"
|
|
9996
|
+
},
|
|
9997
|
+
{
|
|
9998
|
+
"kind": "method",
|
|
9999
|
+
"name": "isSelectable",
|
|
10000
|
+
"privacy": "private",
|
|
10001
|
+
"return": {
|
|
10002
|
+
"type": {
|
|
10003
|
+
"text": "boolean"
|
|
10004
|
+
}
|
|
10005
|
+
}
|
|
10006
|
+
},
|
|
10007
|
+
{
|
|
10008
|
+
"kind": "method",
|
|
10009
|
+
"name": "renderSelectAllCheckbox",
|
|
10010
|
+
"privacy": "private"
|
|
10011
|
+
},
|
|
10012
|
+
{
|
|
10013
|
+
"kind": "method",
|
|
10014
|
+
"name": "renderRowCheckbox",
|
|
10015
|
+
"privacy": "private",
|
|
10016
|
+
"parameters": [
|
|
10017
|
+
{
|
|
10018
|
+
"name": "row",
|
|
10019
|
+
"type": {
|
|
10020
|
+
"text": "Row"
|
|
10021
|
+
}
|
|
10022
|
+
}
|
|
10023
|
+
]
|
|
10024
|
+
},
|
|
10025
|
+
{
|
|
10026
|
+
"kind": "method",
|
|
10027
|
+
"name": "handleCheckboxCellClick",
|
|
10028
|
+
"privacy": "private",
|
|
10029
|
+
"parameters": [
|
|
10030
|
+
{
|
|
10031
|
+
"name": "e",
|
|
10032
|
+
"type": {
|
|
10033
|
+
"text": "Event"
|
|
10034
|
+
}
|
|
10035
|
+
},
|
|
10036
|
+
{
|
|
10037
|
+
"name": "row",
|
|
10038
|
+
"type": {
|
|
10039
|
+
"text": "Row"
|
|
10040
|
+
}
|
|
10041
|
+
}
|
|
10042
|
+
]
|
|
10043
|
+
},
|
|
9889
10044
|
{
|
|
9890
10045
|
"kind": "method",
|
|
9891
10046
|
"name": "getRows",
|
|
@@ -9919,11 +10074,6 @@
|
|
|
9919
10074
|
"name": "updateKeys",
|
|
9920
10075
|
"privacy": "private"
|
|
9921
10076
|
},
|
|
9922
|
-
{
|
|
9923
|
-
"kind": "method",
|
|
9924
|
-
"name": "updateSelectAll",
|
|
9925
|
-
"privacy": "private"
|
|
9926
|
-
},
|
|
9927
10077
|
{
|
|
9928
10078
|
"kind": "method",
|
|
9929
10079
|
"name": "updateModifyKeys",
|
|
@@ -10171,13 +10321,6 @@
|
|
|
10171
10321
|
"default": "\"data_alert\"",
|
|
10172
10322
|
"fieldName": "emptyStateIcon"
|
|
10173
10323
|
},
|
|
10174
|
-
{
|
|
10175
|
-
"name": "hide-checkboxes",
|
|
10176
|
-
"type": {
|
|
10177
|
-
"text": "boolean"
|
|
10178
|
-
},
|
|
10179
|
-
"fieldName": "hideCheckboxes"
|
|
10180
|
-
},
|
|
10181
10324
|
{
|
|
10182
10325
|
"name": "filters",
|
|
10183
10326
|
"type": {
|
|
@@ -10253,7 +10396,7 @@
|
|
|
10253
10396
|
"tagNameWithoutPrefix": "data-table",
|
|
10254
10397
|
"tagName": "zn-data-table",
|
|
10255
10398
|
"customElement": true,
|
|
10256
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/data-table\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-alert\n * @dependency zn-button\n * @dependency zn-empty-state\n * @dependency zn-chip\n * @dependency zn-hover-container\n * @dependency zn-dropdown\n * @dependency zn-menu\n * @dependency zn-menu-item\n * @dependency zn-panel\n * @dependency zn-button-group\n * @dependency zn-confirm\n * @dependency zn-skeleton\n * @dependency zn-data-table-search\n *\n * @slot - The default slot.\n * @slot search - Slot for search component, in the header's right-hand group.\n * @slot sort - Slot for sort component, in the header's right-hand group.\n * @slot filter - Slot for filter component, in the header's right-hand group.\n * @slot filter-top - Slot for a top-level filter component, rendered above the table's panel.\n * @slot delete-action - Slot for delete action button, shown
|
|
10399
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/data-table\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-alert\n * @dependency zn-button\n * @dependency zn-empty-state\n * @dependency zn-chip\n * @dependency zn-hover-container\n * @dependency zn-dropdown\n * @dependency zn-menu\n * @dependency zn-menu-item\n * @dependency zn-panel\n * @dependency zn-button-group\n * @dependency zn-confirm\n * @dependency zn-skeleton\n * @dependency zn-data-table-search\n *\n * @slot - The default slot.\n * @slot search - Slot for search component, in the header's right-hand group.\n * @slot sort - Slot for sort component, in the header's right-hand group.\n * @slot filter - Slot for filter component, in the header's right-hand group.\n * @slot filter-top - Slot for a top-level filter component, rendered above the table's panel.\n * @slot delete-action - Slot for delete action button, shown in the header once rows are selected.\n * @slot modify-action - Slot for modify action button, shown in the header once rows are selected.\n * @slot actions - `zn-button` or `zn-confirm` elements listed in a header menu, enabled once rows are selected.\n * @slot create-action - Slot for create action button, at the end of the header's right-hand group.\n * @slot inputs - Slot for additional input controls.\n * @slot empty-state - Slot for custom empty state.\n * @slot no-results - Slot for a custom no-results state, shown when a search on a no-initial-load table returns no rows.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
10257
10400
|
"documentation": "https://zinc.style/components/data-table",
|
|
10258
10401
|
"status": "experimental",
|
|
10259
10402
|
"since": "1.0",
|
|
@@ -51747,6 +51890,11 @@
|
|
|
51747
51890
|
{
|
|
51748
51891
|
"kind": "method",
|
|
51749
51892
|
"name": "hide"
|
|
51893
|
+
},
|
|
51894
|
+
{
|
|
51895
|
+
"kind": "field",
|
|
51896
|
+
"name": "handlePopupClick",
|
|
51897
|
+
"privacy": "private"
|
|
51750
51898
|
}
|
|
51751
51899
|
],
|
|
51752
51900
|
"events": [
|
|
@@ -53678,7 +53826,7 @@
|
|
|
53678
53826
|
"package": {
|
|
53679
53827
|
"name": "@kubex/zinc",
|
|
53680
53828
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
53681
|
-
"version": "1.1.
|
|
53829
|
+
"version": "1.1.163",
|
|
53682
53830
|
"author": "",
|
|
53683
53831
|
"license": "MIT"
|
|
53684
53832
|
}
|
|
@@ -13,17 +13,6 @@
|
|
|
13
13
|
}
|
|
14
14
|
]
|
|
15
15
|
},
|
|
16
|
-
{
|
|
17
|
-
"name": "zn-action-bar",
|
|
18
|
-
"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.",
|
|
19
|
-
"attributes": [],
|
|
20
|
-
"references": [
|
|
21
|
-
{
|
|
22
|
-
"name": "Documentation",
|
|
23
|
-
"url": "https://zinc.style/components/action-bar"
|
|
24
|
-
}
|
|
25
|
-
]
|
|
26
|
-
},
|
|
27
16
|
{
|
|
28
17
|
"name": "zn-alert",
|
|
29
18
|
"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.",
|
|
@@ -64,6 +53,17 @@
|
|
|
64
53
|
}
|
|
65
54
|
]
|
|
66
55
|
},
|
|
56
|
+
{
|
|
57
|
+
"name": "zn-action-bar",
|
|
58
|
+
"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.",
|
|
59
|
+
"attributes": [],
|
|
60
|
+
"references": [
|
|
61
|
+
{
|
|
62
|
+
"name": "Documentation",
|
|
63
|
+
"url": "https://zinc.style/components/action-bar"
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
67
|
{
|
|
68
68
|
"name": "zn-animated-button",
|
|
69
69
|
"description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
|
|
@@ -632,7 +632,7 @@
|
|
|
632
632
|
},
|
|
633
633
|
{
|
|
634
634
|
"name": "zn-checkbox",
|
|
635
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **image** - Replaces the built-in image used by contained checkboxes.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Properties:**\n - **--zn-selection-card-image-width** - Width of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-image-height** - Height of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-min-height** - Minimum height of a contained checkbox with an image. _(default: undefined)_\n- **--zn-selection-card-content-min-width** - Width the card text keeps before it wraps below the image. _(default: undefined)_\n- **--zn-selection-card-title-font-size** - Font size of a selection card title. _(default: undefined)_\n- **--zn-selection-card-padding** - Equal inset around the contents of a selection card. _(default: undefined)_\n- **--zn-selection-card-gap** - Space between the image, title, and indicator gutter. _(default: undefined)_\n- **--zn-selection-card-control-offset** - Distance between a positioned control and the card edge. _(default: undefined)_\n- **--zn-selection-card-border-radius** - Corner radius of a contained container. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **unchecked-icon** - The unchecked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<
|
|
635
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-blur** - Emitted when the checkbox loses focus.\n- **zn-change** - Emitted when the checked state changes.\n- **zn-focus** - Emitted when the checkbox gains focus.\n- **zn-input** - Emitted when the checkbox receives input.\n- **zn-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **click()** - Simulates a click on the checkbox.\n- **focus(options: _FocusOptions_)** - Sets focus on the checkbox.\n- **blur()** - Removes focus from the checkbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.\n\n### **Slots:**\n - _default_ - The checkbox's label.\n- **image** - Replaces the built-in image used by contained checkboxes.\n- **description** - A description of the checkbox's label. Serves as help text for a checkbox item. Alternatively, you can use the `description` attribute.\n- **selected-content** - Use to nest rich content (like an input) inside a selected checkbox item. Use only with the contained style.\n\n### **CSS Properties:**\n - **--zn-selection-card-image-width** - Width of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-image-height** - Height of the built-in card image. _(default: undefined)_\n- **--zn-selection-card-min-height** - Minimum height of a contained checkbox with an image. _(default: undefined)_\n- **--zn-selection-card-content-min-width** - Width the card text keeps before it wraps below the image. _(default: undefined)_\n- **--zn-selection-card-title-font-size** - Font size of a selection card title. _(default: undefined)_\n- **--zn-selection-card-padding** - Equal inset around the contents of a selection card. _(default: undefined)_\n- **--zn-selection-card-gap** - Space between the image, title, and indicator gutter. _(default: undefined)_\n- **--zn-selection-card-control-offset** - Distance between a positioned control and the card edge. _(default: undefined)_\n- **--zn-selection-card-border-radius** - Corner radius of a contained container. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control** - The square container that wraps the checkbox's checked state.\n- **control--checked** - Matches the control part when the checkbox is checked.\n- **control--indeterminate** - Matches the control part when the checkbox is indeterminate.\n- **checked-icon** - The checked icon, an `<zn-icon>` element.\n- **unchecked-icon** - The unchecked icon, an `<zn-icon>` element.\n- **indeterminate-icon** - The indeterminate icon, an `<svg>` element.\n- **image-container** - The wrapper around the built-in image or image slot.\n- **image** - The built-in image.\n- **card-title** - The title inside a selection card.\n- **label** - The container that wraps the checkbox's label.\n- **description** - The container that wraps the checkbox's description.\n- **selected-content** - The container that wraps optional content that appears when a checkbox is checked.",
|
|
636
636
|
"attributes": [
|
|
637
637
|
{ "name": "title", "values": [] },
|
|
638
638
|
{
|
|
@@ -1208,7 +1208,7 @@
|
|
|
1208
1208
|
},
|
|
1209
1209
|
{
|
|
1210
1210
|
"name": "zn-data-table",
|
|
1211
|
-
"description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n- **search** - Slot for search component, in the header's right-hand group.\n- **sort** - Slot for sort component, in the header's right-hand group.\n- **filter** - Slot for filter component, in the header's right-hand group.\n- **filter-top** - Slot for a top-level filter component, rendered above the table's panel.\n- **delete-action** - Slot for delete action button, shown
|
|
1211
|
+
"description": "Short summary of the component's intended use.\n---\n\n\n### **Methods:**\n - **selectAll()** - Selects every row on the page, or clears the selection when every row is already selected.\n\n### **Slots:**\n - _default_ - The default slot.\n- **search** - Slot for search component, in the header's right-hand group.\n- **sort** - Slot for sort component, in the header's right-hand group.\n- **filter** - Slot for filter component, in the header's right-hand group.\n- **filter-top** - Slot for a top-level filter component, rendered above the table's panel.\n- **delete-action** - Slot for delete action button, shown in the header once rows are selected.\n- **modify-action** - Slot for modify action button, shown in the header once rows are selected.\n- **actions** - `zn-button` or `zn-confirm` elements listed in a header menu, enabled once rows are selected.\n- **create-action** - Slot for create action button, at the end of the header's right-hand group.\n- **inputs** - Slot for additional input controls.\n- **empty-state** - Slot for custom empty state.\n- **no-results** - Slot for a custom no-results state, shown when a search on a no-initial-load table returns no rows.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
|
|
1212
1212
|
"attributes": [
|
|
1213
1213
|
{ "name": "data-uri", "values": [] },
|
|
1214
1214
|
{ "name": "data", "values": [{ "name": "Row[]" }, { "name": "Row" }] },
|
|
@@ -1234,7 +1234,6 @@
|
|
|
1234
1234
|
{ "name": "caption", "values": [] },
|
|
1235
1235
|
{ "name": "empty-state-caption", "values": [] },
|
|
1236
1236
|
{ "name": "empty-state-icon", "values": [] },
|
|
1237
|
-
{ "name": "hide-checkboxes", "values": [] },
|
|
1238
1237
|
{ "name": "filters", "values": [{ "name": "[]" }] },
|
|
1239
1238
|
{ "name": "method", "values": [{ "name": "GET" }, { "name": "POST" }] },
|
|
1240
1239
|
{ "name": "no-initial-load", "values": [] },
|