@kubex/zinc 1.1.38 → 1.1.40

package/dist/custom-elements.json

@@ -7483,10 +7483,10 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "Row[] | Row"
               },
-              "attribute": "data",
-              "reflects": true
+              "default": "[]",
+              "attribute": "data"
             },
             {
               "kind": "field",
@@ -7558,6 +7558,14 @@
               "default": "{}",
               "attribute": "headers"
             },
+            {
+              "kind": "field",
+              "name": "displayTemplates",
+              "type": {
+                "text": "Record<string, DisplayTemplate>"
+              },
+              "default": "{}"
+            },
             {
               "kind": "field",
               "name": "hiddenHeaders",
@@ -7689,6 +7697,15 @@
               "default": "''",
               "attribute": "groups"
             },
+            {
+              "kind": "field",
+              "name": "itemsPerPage",
+              "type": {
+                "text": "number"
+              },
+              "default": "10",
+              "attribute": "per-page-size"
+            },
             {
               "kind": "field",
               "name": "selectAllButton",
@@ -7721,15 +7738,6 @@
               "readonly": true,
               "default": "new ResizeController(this, { target: null, callback: () => { if (this.tableContainer) { this.tableContainer.scrollIntoView({behavior: 'smooth', block: 'nearest'}); } }, })"
             },
-            {
-              "kind": "field",
-              "name": "itemsPerPage",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "10"
-            },
             {
               "kind": "field",
               "name": "page",
@@ -7829,6 +7837,15 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_formatTemplates",
+              "type": {
+                "text": "Record<string, DisplayTemplate>"
+              },
+              "privacy": "private",
+              "default": "{ dateTime: ((cell) => { const t = cell.text || ''; return html` <div class=\"table__collum--datetime\"> <span><strong>${t.slice(0, 10)}</strong></span> <zn-style size=\"s\" muted>${t.slice(11)}</zn-style> </div>` }) satisfies DisplayTemplate }"
+            },
             {
               "kind": "field",
               "name": "requestParams",
@@ -7841,6 +7858,24 @@
               "kind": "method",
               "name": "refresh"
             },
+            {
+              "kind": "method",
+              "name": "getTemplate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "DisplayTemplate | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "filterChangeListener"
@@ -8016,12 +8051,31 @@
             {
               "kind": "method",
               "name": "renderCell",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | ZincElement"
+                }
+              },
               "parameters": [
                 {
                   "name": "data",
                   "type": {
                     "text": "Cell"
                   }
+                },
+                {
+                  "name": "row",
+                  "optional": true,
+                  "type": {
+                    "text": "Row"
+                  }
+                },
+                {
+                  "name": "header",
+                  "optional": true,
+                  "type": {
+                    "text": "HeaderConfig"
+                  }
                 }
               ]
             },
@@ -8080,6 +8134,12 @@
                   "type": {
                     "text": "Cell"
                   }
+                },
+                {
+                  "name": "row",
+                  "type": {
+                    "text": "Row"
+                  }
                 }
               ]
             },
@@ -8295,8 +8355,9 @@
             {
               "name": "data",
               "type": {
-                "text": "any"
+                "text": "Row[] | Row"
               },
+              "default": "[]",
               "fieldName": "data"
             },
             {
@@ -8476,6 +8537,14 @@
               },
               "default": "''",
               "fieldName": "groups"
+            },
+            {
+              "name": "per-page-size",
+              "type": {
+                "text": "number"
+              },
+              "default": "DEFAULT_PER_PAGE",
+              "fieldName": "itemsPerPage"
             }
           ],
           "superclass": {
@@ -9359,6 +9428,45 @@
               "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)",
               "attribute": "format"
             },
+            {
+              "kind": "field",
+              "name": "timePicker",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "Display time selector. *",
+              "attribute": "time-picker",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "onlyTimepicker",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "Display only time selector, without date. *",
+              "attribute": "only-time"
+            },
+            {
+              "kind": "field",
+              "name": "timeFormat",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "\"hh:mm AA\"",
+              "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",
+              "attribute": "format-time"
+            },
+            {
+              "kind": "field",
+              "name": "container",
+              "type": {
+                "text": "string | HTMLElement | undefined"
+              },
+              "attribute": "container"
+            },
             {
               "kind": "field",
               "name": "_instance",
@@ -9367,6 +9475,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "timestamp",
+              "type": {
+                "text": "number"
+              },
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -9861,6 +9977,40 @@
               "default": "'MM/dd/yyyy'",
               "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)",
               "fieldName": "format"
+            },
+            {
+              "name": "time-picker",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "Display time selector. *",
+              "fieldName": "timePicker"
+            },
+            {
+              "name": "only-time",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "description": "Display only time selector, without date. *",
+              "fieldName": "onlyTimepicker"
+            },
+            {
+              "name": "format-time",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "\"hh:mm AA\"",
+              "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",
+              "fieldName": "timeFormat"
+            },
+            {
+              "name": "container",
+              "type": {
+                "text": "string | HTMLElement | undefined"
+              },
+              "fieldName": "container"
             }
           ],
           "superclass": {
@@ -28610,7 +28760,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "ZnInput | null"
+                  "text": "ZnDatepicker | null"
                 }
               },
               "parameters": [
@@ -28619,6 +28769,19 @@
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "hasTime",
+                  "type": {
+                    "text": "boolean"
+                  }
+                },
+                {
+                  "name": "submitFormat",
+                  "default": "'legacy'",
+                  "type": {
+                    "text": "QueryBuilderDateSubmitFormat"
+                  }
                 }
               ]
             },
@@ -28703,7 +28866,14 @@
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event | { target: ZnSelect | ZnInput | HTMLDivElement }"
+                    "text": "Event | { target: ZnDatepicker | HTMLDivElement }"
+                  }
+                },
+                {
+                  "name": "submitFormat",
+                  "default": "'legacy'",
+                  "type": {
+                    "text": "QueryBuilderDateSubmitFormat"
                   }
                 }
               ]
@@ -34989,11 +35159,20 @@
               "kind": "field",
               "name": "border",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
+              "default": "''",
               "attribute": "border"
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "size"
+            },
             {
               "kind": "field",
               "name": "error",
@@ -35111,6 +35290,15 @@
               "default": "''",
               "attribute": "margin"
             },
+            {
+              "kind": "field",
+              "name": "muted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "muted"
+            },
             {
               "kind": "field",
               "name": "gutter",
@@ -35142,11 +35330,19 @@
             {
               "name": "border",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
+              "default": "''",
               "fieldName": "border"
             },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "size"
+            },
             {
               "name": "error",
               "type": {
@@ -35251,6 +35447,14 @@
               "default": "''",
               "fieldName": "margin"
             },
+            {
+              "name": "muted",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "muted"
+            },
             {
               "name": "gutter",
               "type": {
@@ -35285,6 +35489,14 @@
             "name": "ZnStyle",
             "module": "components/style/style.js"
           }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "zn-style",
+          "declaration": {
+            "name": "ZnStyle",
+            "module": "components/style/style.js"
+          }
         }
       ]
     },
@@ -35532,30 +35744,6 @@
               "kind": "method",
               "name": "resizing"
             },
-            {
-              "kind": "method",
-              "name": "_handleMenu",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "menuClick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "tableHead"
@@ -39898,7 +40086,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.1.38",
+    "version": "1.1.40",
     "author": "",
     "license": "MIT"
   }

package/dist/vscode.html-custom-data.json

@@ -1028,7 +1028,7 @@
       "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.\n- **sort** - Slot for sort component.\n- **filter** - Slot for filter component.\n- **filter-top** - Slot for top-level filter component.\n- **delete-action** - Slot for delete action button.\n- **modify-action** - Slot for modify action button.\n- **create-action** - Slot for create action button.\n- **inputs** - Slot for additional input controls.\n- **empty-state** - Slot for custom empty state.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
       "attributes": [
         { "name": "data-uri", "values": [] },
-        { "name": "data", "values": [] },
+        { "name": "data", "values": [{ "name": "Row[]" }, { "name": "Row" }] },
         { "name": "sort-column", "values": [] },
         { "name": "sort-direction", "values": [] },
         { "name": "local-sort", "values": [] },
@@ -1054,7 +1054,8 @@
         { "name": "method", "values": [{ "name": "GET" }, { "name": "POST" }] },
         { "name": "no-initial-load", "values": [] },
         { "name": "group-by", "values": [] },
-        { "name": "groups", "values": [] }
+        { "name": "groups", "values": [] },
+        { "name": "per-page-size", "values": [] }
       ],
       "references": [
         {
@@ -1230,7 +1231,23 @@
           "name": "format",
           "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)",
           "values": []
-        }
+        },
+        {
+          "name": "time-picker",
+          "description": "Display time selector. *",
+          "values": []
+        },
+        {
+          "name": "only-time",
+          "description": "Display only time selector, without date. *",
+          "values": []
+        },
+        {
+          "name": "format-time",
+          "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",
+          "values": []
+        },
+        { "name": "container", "values": [{ "name": "HTMLElement" }] }
       ],
       "references": [
         {
@@ -3618,6 +3635,7 @@
       "attributes": [
         { "name": "color", "values": [] },
         { "name": "border", "values": [] },
+        { "name": "size", "values": [] },
         { "name": "error", "values": [] },
         { "name": "success", "values": [] },
         { "name": "info", "values": [] },
@@ -3631,6 +3649,7 @@
         { "name": "height", "values": [] },
         { "name": "pad", "values": [] },
         { "name": "margin", "values": [] },
+        { "name": "muted", "values": [] },
         { "name": "gutter", "values": [] },
         { "name": "a-margin", "values": [] }
       ],

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@kubex/zinc",
-  "version": "1.1.38",
+  "version": "1.1.40",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2280,7 +2280,10 @@
           "doc-url": "",
           "attributes": [
             { "name": "data-uri", "value": { "type": "string" } },
-            { "name": "data", "value": { "type": "any" } },
+            {
+              "name": "data",
+              "value": { "type": "Row[] | Row", "default": "[]" }
+            },
             { "name": "sort-column", "value": { "type": "string" } },
             {
               "name": "sort-direction",
@@ -2348,7 +2351,14 @@
               "name": "group-by",
               "value": { "type": "string", "default": "''" }
             },
-            { "name": "groups", "value": { "type": "string", "default": "''" } }
+            {
+              "name": "groups",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "per-page-size",
+              "value": { "type": "number", "default": "DEFAULT_PER_PAGE" }
+            }
           ],
           "slots": [
             { "name": "", "description": "The default slot." },
@@ -2384,7 +2394,7 @@
           "js": {
             "properties": [
               { "name": "dataUri", "type": "string" },
-              { "name": "data", "type": "any" },
+              { "name": "data", "type": "Row[] | Row" },
               { "name": "sortColumn", "type": "string" },
               { "name": "sortDirection", "type": "string" },
               { "name": "localSort", "type": "boolean" },
@@ -2393,6 +2403,10 @@
               { "name": "wideColumn", "type": "string" },
               { "name": "key", "type": "string" },
               { "name": "headers", "type": "Record<string, HeaderConfig>" },
+              {
+                "name": "displayTemplates",
+                "type": "Record<string, DisplayTemplate>"
+              },
               { "name": "hiddenHeaders", "type": "string" },
               { "name": "hiddenColumns", "type": "string" },
               { "name": "unsortableHeaders", "type": "string" },
@@ -2408,6 +2422,7 @@
               { "name": "noInitialLoad", "type": "boolean" },
               { "name": "groupBy", "type": "string" },
               { "name": "groups", "type": "string" },
+              { "name": "itemsPerPage", "type": "number" },
               { "name": "selectAllButton", "type": "ZnButton" },
               { "name": "requestParams", "type": "Record<string, any>" },
               { "name": "filterChangeListener" },
@@ -2677,6 +2692,28 @@
               "name": "format",
               "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)",
               "value": { "type": "string", "default": "'MM/dd/yyyy'" }
+            },
+            {
+              "name": "time-picker",
+              "description": "Display time selector. *",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "only-time",
+              "description": "Display only time selector, without date. *",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "format-time",
+              "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",
+              "value": {
+                "type": "string | undefined",
+                "default": "\"hh:mm AA\""
+              }
+            },
+            {
+              "name": "container",
+              "value": { "type": "string | HTMLElement | undefined" }
             }
           ],
           "slots": [
@@ -2823,6 +2860,26 @@
                 "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)",
                 "type": "string"
               },
+              {
+                "name": "timePicker",
+                "description": "Display time selector. *",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "onlyTimepicker",
+                "description": "Display only time selector, without date. *",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "timeFormat",
+                "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",
+                "type": "string | undefined"
+              },
+              {
+                "name": "container",
+                "type": "string | HTMLElement | undefined"
+              },
+              { "name": "timestamp", "type": "number" },
               {
                 "name": "validity",
                 "description": "Gets the validity state object"
@@ -8534,8 +8591,9 @@
             { "name": "color", "value": { "type": "string", "default": "''" } },
             {
               "name": "border",
-              "value": { "type": "boolean", "default": "false" }
+              "value": { "type": "string", "default": "''" }
             },
+            { "name": "size", "value": { "type": "string", "default": "''" } },
             {
               "name": "error",
               "value": { "type": "boolean", "default": "false" }
@@ -8579,6 +8637,10 @@
               "name": "margin",
               "value": { "type": "string", "default": "''" }
             },
+            {
+              "name": "muted",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "gutter",
               "value": { "type": "boolean", "default": "false" }
@@ -8592,7 +8654,8 @@
           "js": {
             "properties": [
               { "name": "color", "type": "string" },
-              { "name": "border", "type": "boolean" },
+              { "name": "border", "type": "string" },
+              { "name": "size", "type": "string" },
               { "name": "error", "type": "boolean" },
               { "name": "success", "type": "boolean" },
               { "name": "info", "type": "boolean" },
@@ -8606,6 +8669,7 @@
               { "name": "height", "type": "string" },
               { "name": "pad", "type": "string" },
               { "name": "margin", "type": "string" },
+              { "name": "muted", "type": "boolean" },
               { "name": "gutter", "type": "boolean" },
               { "name": "autoMargin", "type": "string" }
             ],