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

package/dist/index.d.mts

@@ -316,11 +316,11 @@ 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: {
-        on: boolean;
+        on?: boolean;
         en: boolean;
         vs: boolean;
     };
@@ -340,6 +340,8 @@ interface MatrixItem {
 }
 /** Shape of the matrix status from the backend */
 interface MatrixStatus {
+    /** Selected input id (exclusive selection) */
+    si: number;
     ip: MatrixItem[];
     op: MatrixItem[];
 }

package/dist/index.d.ts

@@ -316,11 +316,11 @@ 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: {
-        on: boolean;
+        on?: boolean;
         en: boolean;
         vs: boolean;
     };
@@ -340,6 +340,8 @@ interface MatrixItem {
 }
 /** Shape of the matrix status from the backend */
 interface MatrixStatus {
+    /** Selected input id (exclusive selection) */
+    si: number;
     ip: MatrixItem[];
     op: MatrixItem[];
 }

package/dist/index.js

@@ -1418,6 +1418,7 @@ function DefaultSignalIndicator({ on }) {
 function MatrixItemRow({
   item,
   type,
+  active,
   showChannels,
   onSelect,
   onToggleVideoMute,
@@ -1431,7 +1432,7 @@ function MatrixItemRow({
   renderIoIndicator,
   renderSignalIndicator
 }) {
-  const isActive = item.sl.on;
+  const isActive = active;
   const isEnabled = item.sl.en;
   const classes = [
     "cris-co-matrix-item",
@@ -1455,8 +1456,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", { className: "cris-co-matrix-ch", 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 }))
@@ -1501,15 +1502,15 @@ function CrisCoMatrixListsTie({
   const matrix = (0, import_cris_webui_ch5_core8.useCustomObject)(oid);
   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 { 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__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
@@ -1536,9 +1537,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,
@@ -1549,7 +1551,7 @@ function CrisCoMatrixListsTie({
                   renderIoIndicator,
                   renderSignalIndicator
                 },
-                item.ch
+                item.id
               )) })
             ]
           }
@@ -1573,9 +1575,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,
@@ -1586,7 +1589,7 @@ function CrisCoMatrixListsTie({
                   renderIoIndicator,
                   renderSignalIndicator
                 },
-                item.ch
+                item.id
               )) })
             ]
           }