@kubex/zinc 1.0.106 → 1.0.107

package/dist/custom-elements.json

@@ -2447,34 +2447,18 @@
           "kind": "class",
           "description": "",
           "name": "ZnChart",
-          "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": "type",
               "type": {
-                "text": "'area' | 'bar' | 'line'"
+                "text": "ChartType"
               },
               "default": "'bar'",
               "attribute": "type"
@@ -2483,7 +2467,7 @@
               "kind": "field",
               "name": "data",
               "type": {
-                "text": "any[]"
+                "text": "SeriesItem[]"
               },
               "default": "[]",
               "attribute": "data"
@@ -2492,18 +2476,18 @@
               "kind": "field",
               "name": "categories",
               "type": {
-                "text": "string | string[]"
+                "text": "string[]"
               },
-              "default": "''",
+              "default": "[]",
               "attribute": "categories"
             },
             {
               "kind": "field",
               "name": "xAxis",
               "type": {
-                "text": "string"
+                "text": "'datetime' | 'category' | 'numeric'"
               },
-              "attribute": "xAxis"
+              "attribute": "xaxis"
             },
             {
               "kind": "field",
@@ -2564,7 +2548,7 @@
               "kind": "field",
               "name": "enableAnimations",
               "type": {
-                "text": "boolean"
+                "text": "boolean | number"
               },
               "default": "false",
               "attribute": "enable-animations"
@@ -2577,26 +2561,120 @@
               },
               "attribute": "y-axis-append"
             },
+            {
+              "kind": "field",
+              "name": "colors",
+              "type": {
+                "text": "string[] | undefined"
+              },
+              "attribute": "colors"
+            },
+            {
+              "kind": "field",
+              "name": "syncGroup",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "sync-group"
+            },
+            {
+              "kind": "field",
+              "name": "smooth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "smooth"
+            },
+            {
+              "kind": "field",
+              "name": "scale",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "attribute": "scale"
+            },
             {
               "kind": "field",
               "name": "chart",
               "type": {
-                "text": "ApexCharts"
+                "text": "ECharts | undefined"
               },
               "privacy": "private"
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "liveTimer",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getTheme",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "'light' | 'dark'"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getTextColor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getBorderColor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "buildOption",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "initChart",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "startLive",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "reinit",
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
               "name": "type",
               "type": {
-                "text": "'area' | 'bar' | 'line'"
+                "text": "ChartType"
               },
               "default": "'bar'",
               "fieldName": "type"
@@ -2604,7 +2682,7 @@
             {
               "name": "data",
               "type": {
-                "text": "any[]"
+                "text": "SeriesItem[]"
               },
               "default": "[]",
               "fieldName": "data"
@@ -2612,15 +2690,15 @@
             {
               "name": "categories",
               "type": {
-                "text": "string | string[]"
+                "text": "string[]"
               },
-              "default": "''",
+              "default": "[]",
               "fieldName": "categories"
             },
             {
-              "name": "xAxis",
+              "name": "xaxis",
               "type": {
-                "text": "string"
+                "text": "'datetime' | 'category' | 'numeric'"
               },
               "fieldName": "xAxis"
             },
@@ -2675,7 +2753,7 @@
             {
               "name": "enable-animations",
               "type": {
-                "text": "boolean"
+                "text": "boolean | number"
               },
               "default": "false",
               "fieldName": "enableAnimations"
@@ -2686,23 +2764,50 @@
                 "text": "string"
               },
               "fieldName": "yAxisAppend"
+            },
+            {
+              "name": "colors",
+              "type": {
+                "text": "string[] | undefined"
+              },
+              "fieldName": "colors"
+            },
+            {
+              "name": "sync-group",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "syncGroup"
+            },
+            {
+              "name": "smooth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "smooth"
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "fieldName": "scale"
             }
           ],
           "superclass": {
             "name": "ZincElement",
             "module": "/src/internal/zinc-element"
           },
-          "summary": "Short summary of the component's intended use.",
+          "summary": "Chart component powered by Apache ECharts.",
           "tagNameWithoutPrefix": "chart",
           "tagName": "zn-chart",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/data-chart\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 */",
+          "jsDoc": "/**\n * @summary Chart component powered by Apache ECharts.\n * @documentation https://zinc.style/components/data-chart\n * @status experimental\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n */",
           "documentation": "https://zinc.style/components/data-chart",
           "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-example"
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -26363,34 +26468,12 @@
           "kind": "class",
           "description": "",
           "name": "ZnSimpleChart",
-          "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": "datasets",
               "type": {
-                "text": "any[]"
+                "text": "{ data: number[] }[] | undefined"
               },
               "attribute": "datasets"
             },
@@ -26398,55 +26481,72 @@
               "kind": "field",
               "name": "labels",
               "type": {
-                "text": "any[]"
+                "text": "string[] | undefined"
               },
               "attribute": "labels"
             },
             {
               "kind": "field",
-              "name": "myChart",
+              "name": "enableAnimations",
               "type": {
-                "text": "Chart"
-              }
-            }
-          ],
-          "events": [
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "attribute": "enable-animations"
+            },
             {
-              "description": "Emitted as an example.",
-              "name": "zn-event-name"
+              "kind": "field",
+              "name": "chart",
+              "type": {
+                "text": "ECharts | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
             }
           ],
           "attributes": [
             {
               "name": "datasets",
               "type": {
-                "text": "any[]"
+                "text": "{ data: number[] }[] | undefined"
               },
               "fieldName": "datasets"
             },
             {
               "name": "labels",
               "type": {
-                "text": "any[]"
+                "text": "string[] | undefined"
               },
               "fieldName": "labels"
+            },
+            {
+              "name": "enable-animations",
+              "type": {
+                "text": "boolean | number"
+              },
+              "default": "false",
+              "fieldName": "enableAnimations"
             }
           ],
           "superclass": {
             "name": "ZincElement",
             "module": "/src/internal/zinc-element"
           },
-          "summary": "Short summary of the component's intended use.",
+          "summary": "A simple, pre-styled bar chart.",
           "tagNameWithoutPrefix": "simple-chart",
           "tagName": "zn-simple-chart",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/simple-chart\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 */",
+          "jsDoc": "/**\n * @summary A simple, pre-styled bar chart.\n * @documentation https://zinc.style/components/simple-chart\n * @status experimental\n * @since 1.0\n */",
           "documentation": "https://zinc.style/components/simple-chart",
           "status": "experimental",
-          "since": "1.0",
-          "dependencies": [
-            "zn-example"
-          ]
+          "since": "1.0"
         }
       ],
       "exports": [
@@ -33051,7 +33151,7 @@
   "package": {
     "name": "@kubex/zinc",
     "description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
-    "version": "1.0.106",
+    "version": "1.0.107",
     "author": "",
     "license": "MIT"
   }

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

@@ -321,15 +321,19 @@
     },
     {
       "name": "zn-chart",
-      "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.",
+      "description": "Chart component powered by Apache ECharts.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
       "attributes": [
+        { "name": "type", "values": [{ "name": "ChartType" }] },
+        { "name": "data", "values": [{ "name": "SeriesItem[]" }] },
+        { "name": "categories", "values": [{ "name": "string[]" }] },
         {
-          "name": "type",
-          "values": [{ "name": "area" }, { "name": "bar" }, { "name": "line" }]
+          "name": "xaxis",
+          "values": [
+            { "name": "datetime" },
+            { "name": "category" },
+            { "name": "numeric" }
+          ]
         },
-        { "name": "data", "values": [{ "name": "any[]" }] },
-        { "name": "categories", "values": [{ "name": "string[]" }] },
-        { "name": "xAxis", "values": [] },
         { "name": "d-size", "values": [] },
         { "name": "stacked", "values": [] },
         { "name": "live", "values": [] },
@@ -337,7 +341,11 @@
         { "name": "live-interval", "values": [] },
         { "name": "height", "values": [] },
         { "name": "enable-animations", "values": [] },
-        { "name": "y-axis-append", "values": [] }
+        { "name": "y-axis-append", "values": [] },
+        { "name": "colors", "values": [{ "name": "string[]" }] },
+        { "name": "sync-group", "values": [] },
+        { "name": "smooth", "values": [] },
+        { "name": "scale", "values": [] }
       ],
       "references": [
         {
@@ -2990,10 +2998,11 @@
     },
     {
       "name": "zn-simple-chart",
-      "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.",
+      "description": "A simple, pre-styled bar chart.\n---\n",
       "attributes": [
-        { "name": "datasets", "values": [{ "name": "any[]" }] },
-        { "name": "labels", "values": [{ "name": "any[]" }] }
+        { "name": "datasets", "values": [{ "name": "{ data: number[] }[]" }] },
+        { "name": "labels", "values": [{ "name": "string[]" }] },
+        { "name": "enable-animations", "values": [] }
       ],
       "references": [
         {

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.0.106",
+  "version": "1.0.107",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -606,19 +606,25 @@
         },
         {
           "name": "zn-chart",
-          "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.",
+          "description": "Chart component powered by Apache ECharts.\n---\n\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
           "doc-url": "",
           "attributes": [
             {
               "name": "type",
-              "value": { "type": "'area' | 'bar' | 'line'", "default": "'bar'" }
+              "value": { "type": "ChartType", "default": "'bar'" }
+            },
+            {
+              "name": "data",
+              "value": { "type": "SeriesItem[]", "default": "[]" }
             },
-            { "name": "data", "value": { "type": "any[]", "default": "[]" } },
             {
               "name": "categories",
-              "value": { "type": "string | string[]", "default": "''" }
+              "value": { "type": "string[]", "default": "[]" }
+            },
+            {
+              "name": "xaxis",
+              "value": { "type": "'datetime' | 'category' | 'numeric'" }
             },
-            { "name": "xAxis", "value": { "type": "string" } },
             { "name": "d-size", "value": { "type": "number", "default": "1" } },
             {
               "name": "stacked",
@@ -642,38 +648,44 @@
             },
             {
               "name": "enable-animations",
+              "value": { "type": "boolean | number", "default": "false" }
+            },
+            { "name": "y-axis-append", "value": { "type": "string" } },
+            { "name": "colors", "value": { "type": "string[] | undefined" } },
+            { "name": "sync-group", "value": { "type": "string | undefined" } },
+            {
+              "name": "smooth",
               "value": { "type": "boolean", "default": "false" }
             },
-            { "name": "y-axis-append", "value": { "type": "string" } }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
+            {
+              "name": "scale",
+              "value": { "type": "boolean | number", "default": "false" }
+            }
           ],
+          "events": [],
           "js": {
             "properties": [
-              { "name": "type", "type": "'area' | 'bar' | 'line'" },
-              { "name": "data", "type": "any[]" },
-              { "name": "categories", "type": "string | string[]" },
-              { "name": "xAxis", "type": "string" },
+              { "name": "type", "type": "ChartType" },
+              { "name": "data", "type": "SeriesItem[]" },
+              { "name": "categories", "type": "string[]" },
+              {
+                "name": "xAxis",
+                "type": "'datetime' | 'category' | 'numeric'"
+              },
               { "name": "datapointSize", "type": "number" },
               { "name": "stacked", "type": "boolean" },
               { "name": "live", "type": "boolean" },
               { "name": "dataUrl", "type": "string" },
               { "name": "liveInterval", "type": "number" },
               { "name": "height", "type": "number" },
-              { "name": "enableAnimations", "type": "boolean" },
-              { "name": "yAxisAppend", "type": "string" }
+              { "name": "enableAnimations", "type": "boolean | number" },
+              { "name": "yAxisAppend", "type": "string" },
+              { "name": "colors", "type": "string[] | undefined" },
+              { "name": "syncGroup", "type": "string | undefined" },
+              { "name": "smooth", "type": "boolean" },
+              { "name": "scale", "type": "boolean | number" }
             ],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -6897,31 +6909,30 @@
         },
         {
           "name": "zn-simple-chart",
-          "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.",
+          "description": "A simple, pre-styled bar chart.\n---\n",
           "doc-url": "",
           "attributes": [
-            { "name": "datasets", "value": { "type": "any[]" } },
-            { "name": "labels", "value": { "type": "any[]" } }
-          ],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
+            {
+              "name": "datasets",
+              "value": { "type": "{ data: number[] }[] | undefined" }
+            },
+            { "name": "labels", "value": { "type": "string[] | undefined" } },
+            {
+              "name": "enable-animations",
+              "value": { "type": "boolean | number", "default": "false" }
+            }
           ],
+          "events": [],
           "js": {
             "properties": [
-              { "name": "datasets", "type": "any[]" },
-              { "name": "labels", "type": "any[]" },
-              { "name": "myChart", "type": "Chart" }
-            ],
-            "events": [
               {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
+                "name": "datasets",
+                "type": "{ data: number[] }[] | undefined"
+              },
+              { "name": "labels", "type": "string[] | undefined" },
+              { "name": "enableAnimations", "type": "boolean | number" }
+            ],
+            "events": []
           }
         },
         {