@kubex/zinc 1.1.39 → 1.1.40

package/dist/custom-elements.json

@@ -47,6 +47,79 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/action-bar/action-bar.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZnActionBar",
+          "cssProperties": [
+            {
+              "description": "An example CSS custom property.",
+              "name": "--example"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "An example slot.",
+              "name": "example"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted as an example.",
+              "name": "zn-event-name"
+            }
+          ],
+          "superclass": {
+            "name": "ZincElement",
+            "module": "/src/internal/zinc-element"
+          },
+          "summary": "Short summary of the component's intended use.",
+          "tagNameWithoutPrefix": "action-bar",
+          "tagName": "zn-action-bar",
+          "customElement": true,
+          "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 */",
+          "documentation": "https://zinc.style/components/action-bar",
+          "status": "experimental",
+          "since": "1.0",
+          "dependencies": [
+            "zn-example"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ZnActionBar",
+            "module": "components/action-bar/action-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/alert/alert.js",
@@ -223,79 +296,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/action-bar/action-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ZnActionBar",
-          "cssProperties": [
-            {
-              "description": "An example CSS custom property.",
-              "name": "--example"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The component's base wrapper.",
-              "name": "base"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot.",
-              "name": ""
-            },
-            {
-              "description": "An example slot.",
-              "name": "example"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
-            }
-          ],
-          "superclass": {
-            "name": "ZincElement",
-            "module": "/src/internal/zinc-element"
-          },
-          "summary": "Short summary of the component's intended use.",
-          "tagNameWithoutPrefix": "action-bar",
-          "tagName": "zn-action-bar",
-          "customElement": true,
-          "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 */",
-          "documentation": "https://zinc.style/components/action-bar",
-          "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-example"
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ZnActionBar",
-            "module": "components/action-bar/action-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/animated-button/animated-button.js",
@@ -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"
+          }
         }
       ]
     },
@@ -39874,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.39",
+    "version": "1.1.40",
     "author": "",
     "license": "MIT"
   }

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

@@ -13,6 +13,17 @@
         }
       ]
     },
+    {
+      "name": "zn-action-bar",
+      "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.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/action-bar"
+        }
+      ]
+    },
     {
       "name": "zn-alert",
       "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.",
@@ -52,17 +63,6 @@
         }
       ]
     },
-    {
-      "name": "zn-action-bar",
-      "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.",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://zinc.style/components/action-bar"
-        }
-      ]
-    },
     {
       "name": "zn-animated-button",
       "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",
@@ -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": [] }
       ],