@kubex/zinc 1.1.39 → 1.1.40
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 +305 -93
- package/dist/vscode.html-custom-data.json +33 -14
- package/dist/web-types.json +92 -28
- package/dist/zn.d.ts +220 -173
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +532 -512
- package/docs/_utilities/code-previews.cjs +6 -2
- package/docs/pages/components/datepicker.md +10 -1
- package/docs/pages/components/style.md +46 -0
- package/package.json +1 -1
- package/scss/_root.scss +21 -1
- package/scss/air-datapicker.scss +50 -0
- package/scss/boot.scss +1 -48
- package/src/components/data-table/data-table.component.ts +152 -73
- package/src/components/data-table/data-table.scss +6 -0
- package/src/components/data-table/data-table.test.ts +15 -0
- package/src/components/data-table-search/data-table-search.component.ts +13 -1
- package/src/components/datepicker/datepicker.component.ts +66 -12
- package/src/components/datepicker/datepicker.scss +1 -0
- package/src/components/query-builder/query-builder.component.ts +62 -21
- package/src/components/query-builder/query-builder.scss +4 -0
- package/src/components/style/style.component.ts +43 -4
- package/src/components/style/style.test.ts +71 -0
- package/src/utilities/query.test.ts +63 -0
- package/src/utilities/query.ts +27 -0
package/dist/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@kubex/zinc",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.40",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -15,6 +15,28 @@
|
|
|
15
15
|
"events": [],
|
|
16
16
|
"js": { "properties": [], "events": [] }
|
|
17
17
|
},
|
|
18
|
+
{
|
|
19
|
+
"name": "zn-action-bar",
|
|
20
|
+
"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.",
|
|
21
|
+
"doc-url": "",
|
|
22
|
+
"attributes": [],
|
|
23
|
+
"slots": [
|
|
24
|
+
{ "name": "", "description": "The default slot." },
|
|
25
|
+
{ "name": "example", "description": "An example slot." }
|
|
26
|
+
],
|
|
27
|
+
"events": [
|
|
28
|
+
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
29
|
+
],
|
|
30
|
+
"js": {
|
|
31
|
+
"properties": [],
|
|
32
|
+
"events": [
|
|
33
|
+
{
|
|
34
|
+
"name": "zn-event-name",
|
|
35
|
+
"description": "Emitted as an example."
|
|
36
|
+
}
|
|
37
|
+
]
|
|
38
|
+
}
|
|
39
|
+
},
|
|
18
40
|
{
|
|
19
41
|
"name": "zn-alert",
|
|
20
42
|
"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.",
|
|
@@ -78,28 +100,6 @@
|
|
|
78
100
|
]
|
|
79
101
|
}
|
|
80
102
|
},
|
|
81
|
-
{
|
|
82
|
-
"name": "zn-action-bar",
|
|
83
|
-
"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.",
|
|
84
|
-
"doc-url": "",
|
|
85
|
-
"attributes": [],
|
|
86
|
-
"slots": [
|
|
87
|
-
{ "name": "", "description": "The default slot." },
|
|
88
|
-
{ "name": "example", "description": "An example slot." }
|
|
89
|
-
],
|
|
90
|
-
"events": [
|
|
91
|
-
{ "name": "zn-event-name", "description": "Emitted as an example." }
|
|
92
|
-
],
|
|
93
|
-
"js": {
|
|
94
|
-
"properties": [],
|
|
95
|
-
"events": [
|
|
96
|
-
{
|
|
97
|
-
"name": "zn-event-name",
|
|
98
|
-
"description": "Emitted as an example."
|
|
99
|
-
}
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
},
|
|
103
103
|
{
|
|
104
104
|
"name": "zn-animated-button",
|
|
105
105
|
"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",
|
|
@@ -2280,7 +2280,10 @@
|
|
|
2280
2280
|
"doc-url": "",
|
|
2281
2281
|
"attributes": [
|
|
2282
2282
|
{ "name": "data-uri", "value": { "type": "string" } },
|
|
2283
|
-
{
|
|
2283
|
+
{
|
|
2284
|
+
"name": "data",
|
|
2285
|
+
"value": { "type": "Row[] | Row", "default": "[]" }
|
|
2286
|
+
},
|
|
2284
2287
|
{ "name": "sort-column", "value": { "type": "string" } },
|
|
2285
2288
|
{
|
|
2286
2289
|
"name": "sort-direction",
|
|
@@ -2348,7 +2351,14 @@
|
|
|
2348
2351
|
"name": "group-by",
|
|
2349
2352
|
"value": { "type": "string", "default": "''" }
|
|
2350
2353
|
},
|
|
2351
|
-
{
|
|
2354
|
+
{
|
|
2355
|
+
"name": "groups",
|
|
2356
|
+
"value": { "type": "string", "default": "''" }
|
|
2357
|
+
},
|
|
2358
|
+
{
|
|
2359
|
+
"name": "per-page-size",
|
|
2360
|
+
"value": { "type": "number", "default": "DEFAULT_PER_PAGE" }
|
|
2361
|
+
}
|
|
2352
2362
|
],
|
|
2353
2363
|
"slots": [
|
|
2354
2364
|
{ "name": "", "description": "The default slot." },
|
|
@@ -2384,7 +2394,7 @@
|
|
|
2384
2394
|
"js": {
|
|
2385
2395
|
"properties": [
|
|
2386
2396
|
{ "name": "dataUri", "type": "string" },
|
|
2387
|
-
{ "name": "data", "type": "
|
|
2397
|
+
{ "name": "data", "type": "Row[] | Row" },
|
|
2388
2398
|
{ "name": "sortColumn", "type": "string" },
|
|
2389
2399
|
{ "name": "sortDirection", "type": "string" },
|
|
2390
2400
|
{ "name": "localSort", "type": "boolean" },
|
|
@@ -2393,6 +2403,10 @@
|
|
|
2393
2403
|
{ "name": "wideColumn", "type": "string" },
|
|
2394
2404
|
{ "name": "key", "type": "string" },
|
|
2395
2405
|
{ "name": "headers", "type": "Record<string, HeaderConfig>" },
|
|
2406
|
+
{
|
|
2407
|
+
"name": "displayTemplates",
|
|
2408
|
+
"type": "Record<string, DisplayTemplate>"
|
|
2409
|
+
},
|
|
2396
2410
|
{ "name": "hiddenHeaders", "type": "string" },
|
|
2397
2411
|
{ "name": "hiddenColumns", "type": "string" },
|
|
2398
2412
|
{ "name": "unsortableHeaders", "type": "string" },
|
|
@@ -2408,6 +2422,7 @@
|
|
|
2408
2422
|
{ "name": "noInitialLoad", "type": "boolean" },
|
|
2409
2423
|
{ "name": "groupBy", "type": "string" },
|
|
2410
2424
|
{ "name": "groups", "type": "string" },
|
|
2425
|
+
{ "name": "itemsPerPage", "type": "number" },
|
|
2411
2426
|
{ "name": "selectAllButton", "type": "ZnButton" },
|
|
2412
2427
|
{ "name": "requestParams", "type": "Record<string, any>" },
|
|
2413
2428
|
{ "name": "filterChangeListener" },
|
|
@@ -2677,6 +2692,28 @@
|
|
|
2677
2692
|
"name": "format",
|
|
2678
2693
|
"description": "Date format using AirDatepicker tokens. Default: 'dd/MM/yyyy' Supported formats: - dd/MM/yyyy (31/12/2024) - Default - MM/dd/yyyy (12/31/2024) - yyyy-MM-dd (2024-12-31) - dd-MM-yyyy (31-12-2024) - yyyy/MM/dd (2024/12/31)",
|
|
2679
2694
|
"value": { "type": "string", "default": "'MM/dd/yyyy'" }
|
|
2695
|
+
},
|
|
2696
|
+
{
|
|
2697
|
+
"name": "time-picker",
|
|
2698
|
+
"description": "Display time selector. *",
|
|
2699
|
+
"value": { "type": "boolean | undefined", "default": "false" }
|
|
2700
|
+
},
|
|
2701
|
+
{
|
|
2702
|
+
"name": "only-time",
|
|
2703
|
+
"description": "Display only time selector, without date. *",
|
|
2704
|
+
"value": { "type": "boolean | undefined", "default": "false" }
|
|
2705
|
+
},
|
|
2706
|
+
{
|
|
2707
|
+
"name": "format-time",
|
|
2708
|
+
"description": "Time format for display and input selector. Uses AirDatepicker format tokens.\nDefault : hh:mm AA\n\nPossible symbols:\nh — hours in 12-hour mode\nhh — hours in 12-hour mode with leading zero\nH — hours in 24-hour mode\nHH — hours in 24-hour mode with leading zero\nm — minutes\nmm — minutes with leading zero\naa — day period lower case\nAA — day period upper case",
|
|
2709
|
+
"value": {
|
|
2710
|
+
"type": "string | undefined",
|
|
2711
|
+
"default": "\"hh:mm AA\""
|
|
2712
|
+
}
|
|
2713
|
+
},
|
|
2714
|
+
{
|
|
2715
|
+
"name": "container",
|
|
2716
|
+
"value": { "type": "string | HTMLElement | undefined" }
|
|
2680
2717
|
}
|
|
2681
2718
|
],
|
|
2682
2719
|
"slots": [
|
|
@@ -2823,6 +2860,26 @@
|
|
|
2823
2860
|
"description": "Date format using AirDatepicker tokens. Default: 'dd/MM/yyyy' Supported formats: - dd/MM/yyyy (31/12/2024) - Default - MM/dd/yyyy (12/31/2024) - yyyy-MM-dd (2024-12-31) - dd-MM-yyyy (31-12-2024) - yyyy/MM/dd (2024/12/31)",
|
|
2824
2861
|
"type": "string"
|
|
2825
2862
|
},
|
|
2863
|
+
{
|
|
2864
|
+
"name": "timePicker",
|
|
2865
|
+
"description": "Display time selector. *",
|
|
2866
|
+
"type": "boolean | undefined"
|
|
2867
|
+
},
|
|
2868
|
+
{
|
|
2869
|
+
"name": "onlyTimepicker",
|
|
2870
|
+
"description": "Display only time selector, without date. *",
|
|
2871
|
+
"type": "boolean | undefined"
|
|
2872
|
+
},
|
|
2873
|
+
{
|
|
2874
|
+
"name": "timeFormat",
|
|
2875
|
+
"description": "Time format for display and input selector. Uses AirDatepicker format tokens.\nDefault : hh:mm AA\n\nPossible symbols:\nh — hours in 12-hour mode\nhh — hours in 12-hour mode with leading zero\nH — hours in 24-hour mode\nHH — hours in 24-hour mode with leading zero\nm — minutes\nmm — minutes with leading zero\naa — day period lower case\nAA — day period upper case",
|
|
2876
|
+
"type": "string | undefined"
|
|
2877
|
+
},
|
|
2878
|
+
{
|
|
2879
|
+
"name": "container",
|
|
2880
|
+
"type": "string | HTMLElement | undefined"
|
|
2881
|
+
},
|
|
2882
|
+
{ "name": "timestamp", "type": "number" },
|
|
2826
2883
|
{
|
|
2827
2884
|
"name": "validity",
|
|
2828
2885
|
"description": "Gets the validity state object"
|
|
@@ -8534,8 +8591,9 @@
|
|
|
8534
8591
|
{ "name": "color", "value": { "type": "string", "default": "''" } },
|
|
8535
8592
|
{
|
|
8536
8593
|
"name": "border",
|
|
8537
|
-
"value": { "type": "
|
|
8594
|
+
"value": { "type": "string", "default": "''" }
|
|
8538
8595
|
},
|
|
8596
|
+
{ "name": "size", "value": { "type": "string", "default": "''" } },
|
|
8539
8597
|
{
|
|
8540
8598
|
"name": "error",
|
|
8541
8599
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -8579,6 +8637,10 @@
|
|
|
8579
8637
|
"name": "margin",
|
|
8580
8638
|
"value": { "type": "string", "default": "''" }
|
|
8581
8639
|
},
|
|
8640
|
+
{
|
|
8641
|
+
"name": "muted",
|
|
8642
|
+
"value": { "type": "boolean", "default": "false" }
|
|
8643
|
+
},
|
|
8582
8644
|
{
|
|
8583
8645
|
"name": "gutter",
|
|
8584
8646
|
"value": { "type": "boolean", "default": "false" }
|
|
@@ -8592,7 +8654,8 @@
|
|
|
8592
8654
|
"js": {
|
|
8593
8655
|
"properties": [
|
|
8594
8656
|
{ "name": "color", "type": "string" },
|
|
8595
|
-
{ "name": "border", "type": "
|
|
8657
|
+
{ "name": "border", "type": "string" },
|
|
8658
|
+
{ "name": "size", "type": "string" },
|
|
8596
8659
|
{ "name": "error", "type": "boolean" },
|
|
8597
8660
|
{ "name": "success", "type": "boolean" },
|
|
8598
8661
|
{ "name": "info", "type": "boolean" },
|
|
@@ -8606,6 +8669,7 @@
|
|
|
8606
8669
|
{ "name": "height", "type": "string" },
|
|
8607
8670
|
{ "name": "pad", "type": "string" },
|
|
8608
8671
|
{ "name": "margin", "type": "string" },
|
|
8672
|
+
{ "name": "muted", "type": "boolean" },
|
|
8609
8673
|
{ "name": "gutter", "type": "boolean" },
|
|
8610
8674
|
{ "name": "autoMargin", "type": "string" }
|
|
8611
8675
|
],
|