@imperosoft/cris-webui-components 1.1.2-beta.7 → 1.1.2-beta.9

package/dist/index.mjs

@@ -1381,6 +1381,7 @@ function DefaultSignalIndicator({ on }) {
 function MatrixItemRow({
   item,
   type,
+  active,
   showChannels,
   onSelect,
   onToggleVideoMute,
@@ -1394,7 +1395,7 @@ function MatrixItemRow({
   renderIoIndicator,
   renderSignalIndicator
 }) {
-  const isActive = item.sl.on;
+  const isActive = active;
   const isEnabled = item.sl.en;
   const classes = [
     "cris-co-matrix-item",
@@ -1418,8 +1419,8 @@ function MatrixItemRow({
         className: `cris-co-matrix-item-btn ${itemActiveClassName ?? ""}`,
         classActive: itemActiveClassName,
         children: /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 6, width: "100%" }, children: [
-          showChannels && /* @__PURE__ */ jsx8("span", { className: "cris-co-matrix-ch", style: { flexShrink: 0, opacity: 0.6 }, children: item.ch }),
-          /* @__PURE__ */ jsx8("span", { style: defaults.itemLabel, children: item.lb || `${type === "input" ? "Input" : "Output"} ${item.ch}` }),
+          showChannels && /* @__PURE__ */ jsx8("span", { className: "cris-co-matrix-ch", style: { flexShrink: 0, opacity: 0.6 }, children: item.id }),
+          /* @__PURE__ */ jsx8("span", { style: defaults.itemLabel, children: item.lb || `${type === "input" ? "Input" : "Output"} ${item.id}` }),
           /* @__PURE__ */ jsxs7("div", { style: defaults.indicators, children: [
             item.io.vs && (renderIoIndicator ? renderIoIndicator(item.io.on) : /* @__PURE__ */ jsx8(DefaultIoIndicator, { on: item.io.on })),
             item.sg.vs && (renderSignalIndicator ? renderSignalIndicator(item.sg.on) : /* @__PURE__ */ jsx8(DefaultSignalIndicator, { on: item.sg.on }))
@@ -1464,15 +1465,15 @@ function CrisCoMatrixListsTie({
   const matrix = useCustomObject2(oid);
   const send = useCustomObjectSend2();
   if (!matrix) return null;
-  const { ip: inputs, op: outputs } = matrix;
-  const handleSelectInput = (ch) => {
-    send(oid, { action: "selectInput", ch });
+  const { si, ip: inputs, op: outputs } = matrix;
+  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__ */ jsxs7(
     "div",
@@ -1499,9 +1500,10 @@ function CrisCoMatrixListsTie({
                 {
                   item,
                   type: "input",
+                  active: si === item.id,
                   showChannels,
-                  onSelect: () => handleSelectInput(item.ch),
-                  onToggleVideoMute: () => handleToggleVideoMute("input", item.ch),
+                  onSelect: () => handleSelectInput(item.id),
+                  onToggleVideoMute: () => handleToggleVideoMute("input", item.id),
                   itemClassName,
                   itemStyle,
                   itemActiveClassName,
@@ -1512,7 +1514,7 @@ function CrisCoMatrixListsTie({
                   renderIoIndicator,
                   renderSignalIndicator
                 },
-                item.ch
+                item.id
               )) })
             ]
           }
@@ -1536,9 +1538,10 @@ function CrisCoMatrixListsTie({
                 {
                   item,
                   type: "output",
+                  active: !!item.sl.on,
                   showChannels,
-                  onSelect: () => handleTie(item.ch),
-                  onToggleVideoMute: () => handleToggleVideoMute("output", item.ch),
+                  onSelect: () => handleTie(item.id),
+                  onToggleVideoMute: () => handleToggleVideoMute("output", item.id),
                   itemClassName,
                   itemStyle,
                   itemActiveClassName,
@@ -1549,7 +1552,7 @@ function CrisCoMatrixListsTie({
                   renderIoIndicator,
                   renderSignalIndicator
                 },
-                item.ch
+                item.id
               )) })
             ]
           }