@imperosoft/cris-webui-components 1.1.2-beta.6 → 1.1.2-beta.8

package/dist/index.d.mts

@@ -316,7 +316,7 @@ declare function CrisCoDebug({ oid, title, className, style, itemClassName, item
 
 /** Shape of an input or output item from the backend */
 interface MatrixItem {
-    ch: number;
+    id: number;
     lb: string;
     gp: number;
     sl: {

package/dist/index.d.ts

@@ -316,7 +316,7 @@ declare function CrisCoDebug({ oid, title, className, style, itemClassName, item
 
 /** Shape of an input or output item from the backend */
 interface MatrixItem {
-    ch: number;
+    id: number;
     lb: string;
     gp: number;
     sl: {

package/dist/index.js

@@ -1455,8 +1455,8 @@ function MatrixItemRow({
         className: `cris-co-matrix-item-btn ${itemActiveClassName ?? ""}`,
         classActive: itemActiveClassName,
         children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 6, width: "100%" }, children: [
-          showChannels && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { flexShrink: 0, opacity: 0.6 }, children: item.ch }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: defaults.itemLabel, children: item.lb || `${type === "input" ? "Input" : "Output"} ${item.ch}` }),
+          showChannels && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "cris-co-matrix-ch", style: { flexShrink: 0, opacity: 0.6 }, children: item.id }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: defaults.itemLabel, children: item.lb || `${type === "input" ? "Input" : "Output"} ${item.id}` }),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: defaults.indicators, children: [
             item.io.vs && (renderIoIndicator ? renderIoIndicator(item.io.on) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DefaultIoIndicator, { on: item.io.on })),
             item.sg.vs && (renderSignalIndicator ? renderSignalIndicator(item.sg.on) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DefaultSignalIndicator, { on: item.sg.on }))
@@ -1502,14 +1502,14 @@ function CrisCoMatrixListsTie({
   const send = (0, import_cris_webui_ch5_core8.useCustomObjectSend)();
   if (!matrix) return null;
   const { ip: inputs, op: outputs } = matrix;
-  const handleSelectInput = (ch) => {
-    send(oid, { action: "selectInput", ch });
+  const handleSelectInput = (id) => {
+    send(oid, { action: "selectInput", id });
   };
-  const handleTie = (ch) => {
-    send(oid, { action: "tie", ch });
+  const handleTie = (id) => {
+    send(oid, { action: "tie", id });
   };
-  const handleToggleVideoMute = (type, ch) => {
-    send(oid, { action: "toggleVideoMute", type, ch });
+  const handleToggleVideoMute = (type, id) => {
+    send(oid, { action: "toggleVideoMute", type, id });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
@@ -1537,8 +1537,8 @@ function CrisCoMatrixListsTie({
                   item,
                   type: "input",
                   showChannels,
-                  onSelect: () => handleSelectInput(item.ch),
-                  onToggleVideoMute: () => handleToggleVideoMute("input", item.ch),
+                  onSelect: () => handleSelectInput(item.id),
+                  onToggleVideoMute: () => handleToggleVideoMute("input", item.id),
                   itemClassName,
                   itemStyle,
                   itemActiveClassName,
@@ -1549,7 +1549,7 @@ function CrisCoMatrixListsTie({
                   renderIoIndicator,
                   renderSignalIndicator
                 },
-                item.ch
+                item.id
               )) })
             ]
           }
@@ -1574,8 +1574,8 @@ function CrisCoMatrixListsTie({
                   item,
                   type: "output",
                   showChannels,
-                  onSelect: () => handleTie(item.ch),
-                  onToggleVideoMute: () => handleToggleVideoMute("output", item.ch),
+                  onSelect: () => handleTie(item.id),
+                  onToggleVideoMute: () => handleToggleVideoMute("output", item.id),
                   itemClassName,
                   itemStyle,
                   itemActiveClassName,
@@ -1586,7 +1586,7 @@ function CrisCoMatrixListsTie({
                   renderIoIndicator,
                   renderSignalIndicator
                 },
-                item.ch
+                item.id
               )) })
             ]
           }