@kubex/zinc 1.1.22 → 1.1.24

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",
@@ -168,7 +168,6 @@
             { "name": "warning" },
             { "name": "transparent" },
             { "name": "star" },
-            { "name": "white" },
             { "name": "(string & Record<never, never>)" }
           ]
         },
@@ -757,7 +756,7 @@
     },
     {
       "name": "zn-collapsible",
-      "description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data",
+      "description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data\n\n### **CSS Parts:**\n - **header** - The header row (toggle).\n- **caption** - The caption text.",
       "attributes": [
         { "name": "caption", "values": [] },
         { "name": "description", "values": [] },
@@ -1599,6 +1598,28 @@
         }
       ]
     },
+    {
+      "name": "zn-flow-builder",
+      "description": "A drag-and-drop visual flow builder: steps panel, pan/zoom canvas, and a config inspector.\n---\n\n\n### **Events:**\n - **zn-flow-change** - Emitted whenever the flow state changes. `event.detail.state` is the new FlowState.\n- **zn-flow-selection-change** - Emitted when the selected node changes. `event.detail.nodeId`.\n- **zn-flow-connect** - Emitted when a connection is created. `event.detail.connection`.\n\n### **Slots:**\n - _default_ - `<zn-flow-step>` type declarations; never displayed, each `group`/`category` routes the step into the right tab and collapsible grouping of the rendered panel.\n- **header-left** - Actions shown on the left of the header bar (e.g. Close / Undo All Changes).\n- **header-right** - Actions shown on the right of the header bar (e.g. Apply Changes).\n- **sidebar** - Extra right-panel content (status, version history), below the configuration errors.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **steps** - The left steps panel.\n- **inspector** - The right panel while a node or branch is selected.",
+      "attributes": [
+        { "name": "heading", "values": [] },
+        { "name": "subheading", "values": [] },
+        {
+          "name": "entrypoints-hint",
+          "description": "Optional hint shown beneath each steps-panel tab.",
+          "values": []
+        },
+        { "name": "triggers-hint", "values": [] },
+        { "name": "actions-hint", "values": [] },
+        { "name": "rules-hint", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://zinc.style/components/flow-builder"
+        }
+      ]
+    },
     {
       "name": "zn-form-group",
       "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",

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.22",
+  "version": "1.1.24",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,6 +15,28 @@
           "events": [],
           "js": { "properties": [], "events": [] }
         },
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "", "description": "The default slot." },
+            { "name": "example", "description": "An example slot." }
+          ],
+          "events": [
+            { "name": "zn-event-name", "description": "Emitted as an example." }
+          ],
+          "js": {
+            "properties": [],
+            "events": [
+              {
+                "name": "zn-event-name",
+                "description": "Emitted as an example."
+              }
+            ]
+          }
+        },
         {
           "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.",
@@ -78,28 +100,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.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            { "name": "", "description": "The default slot." },
-            { "name": "example", "description": "An example slot." }
-          ],
-          "events": [
-            { "name": "zn-event-name", "description": "Emitted as an example." }
-          ],
-          "js": {
-            "properties": [],
-            "events": [
-              {
-                "name": "zn-event-name",
-                "description": "Emitted as an example."
-              }
-            ]
-          }
-        },
         {
           "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",
@@ -291,7 +291,7 @@
             {
               "name": "color",
               "value": {
-                "type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n    'transparent' | 'star' | 'white' | (string & Record<never, never>)",
+                "type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n    'transparent' | 'star' | (string & Record<never, never>)",
                 "default": "'default'"
               }
             },
@@ -462,7 +462,7 @@
               { "name": "countdownContainer", "type": "HTMLElement[]" },
               {
                 "name": "color",
-                "type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n    'transparent' | 'star' | 'white' | (string & Record<never, never>)"
+                "type": "'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' |\n    'transparent' | 'star' | (string & Record<never, never>)"
               },
               { "name": "hoverColor", "type": "string" },
               { "name": "text", "type": "boolean" },
@@ -1648,7 +1648,7 @@
         },
         {
           "name": "zn-collapsible",
-          "description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data",
+          "description": "Toggles between showing and hiding content when clicked\n---\n\n\n### **Slots:**\n - **header** - Clicking will toggle the show state of the data\n\n### **CSS Parts:**\n - **header** - The header row (toggle).\n- **caption** - The caption text.",
           "doc-url": "",
           "attributes": [
             {
@@ -3729,6 +3729,115 @@
             ]
           }
         },
+        {
+          "name": "zn-flow-builder",
+          "description": "A drag-and-drop visual flow builder: steps panel, pan/zoom canvas, and a config inspector.\n---\n\n\n### **Events:**\n - **zn-flow-change** - Emitted whenever the flow state changes. `event.detail.state` is the new FlowState.\n- **zn-flow-selection-change** - Emitted when the selected node changes. `event.detail.nodeId`.\n- **zn-flow-connect** - Emitted when a connection is created. `event.detail.connection`.\n\n### **Slots:**\n - _default_ - `<zn-flow-step>` type declarations; never displayed, each `group`/`category` routes the step into the right tab and collapsible grouping of the rendered panel.\n- **header-left** - Actions shown on the left of the header bar (e.g. Close / Undo All Changes).\n- **header-right** - Actions shown on the right of the header bar (e.g. Apply Changes).\n- **sidebar** - Extra right-panel content (status, version history), below the configuration errors.\n\n### **CSS Parts:**\n - **base** - The grid wrapper.\n- **header** - The full-width header action bar (only rendered when header slots are filled).\n- **steps** - The left steps panel.\n- **inspector** - The right panel while a node or branch is selected.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "heading",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "subheading",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "entrypoints-hint",
+              "description": "Optional hint shown beneath each steps-panel tab.",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "triggers-hint",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "actions-hint",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "rules-hint",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "`<zn-flow-step>` type declarations; never displayed, each `group`/`category` routes the step into the right tab and collapsible grouping of the rendered panel."
+            },
+            {
+              "name": "header-left",
+              "description": "Actions shown on the left of the header bar (e.g. Close / Undo All Changes)."
+            },
+            {
+              "name": "header-right",
+              "description": "Actions shown on the right of the header bar (e.g. Apply Changes)."
+            },
+            {
+              "name": "sidebar",
+              "description": "Extra right-panel content (status, version history), below the configuration errors."
+            }
+          ],
+          "events": [
+            {
+              "name": "zn-flow-change",
+              "description": "Emitted whenever the flow state changes. `event.detail.state` is the new FlowState."
+            },
+            {
+              "name": "zn-flow-selection-change",
+              "description": "Emitted when the selected node changes. `event.detail.nodeId`."
+            },
+            {
+              "name": "zn-flow-connect",
+              "description": "Emitted when a connection is created. `event.detail.connection`."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "nodeTypes",
+                "description": "Node types to make available, registered into the internal registry.",
+                "type": "FlowNodeType[]"
+              },
+              { "name": "heading", "type": "string" },
+              { "name": "subheading", "type": "string" },
+              {
+                "name": "errorNodes",
+                "description": "Node ids flagged as having configuration errors (drives the red node styling).",
+                "type": "string[]"
+              },
+              {
+                "name": "entrypointsHint",
+                "description": "Optional hint shown beneath each steps-panel tab.",
+                "type": "string"
+              },
+              { "name": "triggersHint", "type": "string" },
+              { "name": "actionsHint", "type": "string" },
+              { "name": "rulesHint", "type": "string" },
+              { "name": "value", "type": "string" },
+              { "name": "undo" },
+              { "name": "redo" },
+              {
+                "name": "untangle",
+                "description": "Auto-arrange the nodes into evenly spaced layers that follow the flow,\nanimating them into place (wires and pills track them since everything is\nderived from the node coordinates). Undoable as a single step."
+              }
+            ],
+            "events": [
+              {
+                "name": "zn-flow-change",
+                "description": "Emitted whenever the flow state changes. `event.detail.state` is the new FlowState."
+              },
+              {
+                "name": "zn-flow-selection-change",
+                "description": "Emitted when the selected node changes. `event.detail.nodeId`."
+              },
+              {
+                "name": "zn-flow-connect",
+                "description": "Emitted when a connection is created. `event.detail.connection`."
+              }
+            ]
+          }
+        },
         {
           "name": "zn-form-group",
           "description": "Short summary of the component's intended use.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.",