@victronenergy/mfd-modules 10.4.2 → 11.0.0

package/dist/src/Modules/SwitchingPane/SwitchingDevice.provider.js

@@ -0,0 +1,48 @@
+import { useEffect, useMemo } from "react";
+import { useMqtt, useTopicsState } from "../Mqtt";
+import Logger from "../../utils/logger";
+import { useSwitchingDevicesStore } from "./SwitchingDevices.store";
+import { autorun } from "mobx";
+export const getSwitchingDeviceStateTopics = (portalId, tree, instanceId) => ({
+    productName: `N/${portalId}/${tree}/${instanceId}/ProductName`,
+    customName: `N/${portalId}/${tree}/${instanceId}/CustomName`,
+    instance: `N/${portalId}/${tree}/${instanceId}/DeviceInstance`,
+});
+export function useSwitchingDevice(instanceId) {
+    const { portalId } = useMqtt();
+    const topics = useMemo(() => getSwitchingDeviceStateTopics(portalId, "switch", instanceId), [portalId, instanceId]);
+    return useTopicsState(topics);
+}
+export function useSwitchingDevices() {
+    const switchingDevicesStore = useSwitchingDevicesStore();
+    const getTopics = (portalId) => ({
+        devices: `N/${portalId}/switch/+/DeviceInstance`,
+    });
+    const mqtt = useMqtt();
+    const topics = useMemo(() => getTopics(mqtt.portalId), [mqtt.portalId]);
+    const messagesForSwitchingDevices = mqtt.messagesByWildcard(topics.devices);
+    // Examine MQTT to find all available switching devices
+    useEffect(() => {
+        if (!messagesForSwitchingDevices || Object.entries(messagesForSwitchingDevices).length === 0) {
+            Logger.log("Waiting for switching devices...");
+        }
+        else {
+            const deviceInstances = Object.values(messagesForSwitchingDevices);
+            const dispose = autorun(() => {
+                const oldDevices = switchingDevicesStore.devices;
+                const newDevices = deviceInstances.map((deviceId) => mqtt.messagesByTopics(getSwitchingDeviceStateTopics(mqtt.portalId, "switch", deviceId)));
+                // TODO: check unordered structural identify of old and new state
+                // TODO: to avoid unnecessary re-rendering: O(n^2) baby
+                if (oldDevices.length === 0 ||
+                    oldDevices.length !== newDevices.length ||
+                    !newDevices.every((id) => deviceInstances.includes(id))) {
+                    Logger.log(`New switching devices instances: ${JSON.stringify(deviceInstances)}`);
+                    switchingDevicesStore.setDevices(newDevices);
+                }
+            });
+            return () => dispose();
+        }
+    }, [messagesForSwitchingDevices, mqtt, switchingDevicesStore]);
+    return switchingDevicesStore;
+}
+//# sourceMappingURL=SwitchingDevice.provider.js.map

package/dist/src/Modules/SwitchingPane/SwitchingDevice.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchingDevice.provider.js","sourceRoot":"/","sources":["src/Modules/SwitchingPane/SwitchingDevice.provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo } from \"react\"\nimport { PortalId, Topics, useMqtt, useTopicsState } from \"../Mqtt\"\nimport Logger from \"../../utils/logger\"\nimport { SwitchableOutputState, SwitchableOutputTree } from \"./SwitchableOutput.provider\"\nimport { useSwitchingDevicesStore } from \"./SwitchingDevices.store\"\nimport { autorun } from \"mobx\"\n\nexport type SwitchingDeviceInstanceId = number\n\nexport interface SwitchingDeviceState {\n  productName: string\n  customName: string\n  instance: number\n  switchableOutputs: SwitchableOutputState[]\n}\n\nexport interface SwitchingDeviceTopics extends Topics {\n  productName?: string\n  customName?: string\n  instance?: string\n}\n\nexport const getSwitchingDeviceStateTopics = (\n  portalId: PortalId,\n  tree: SwitchableOutputTree,\n  instanceId: SwitchingDeviceInstanceId\n) => ({\n  productName: `N/${portalId}/${tree}/${instanceId}/ProductName`,\n  customName: `N/${portalId}/${tree}/${instanceId}/CustomName`,\n  instance: `N/${portalId}/${tree}/${instanceId}/DeviceInstance`,\n})\n\nexport function useSwitchingDevice(instanceId: SwitchingDeviceInstanceId): SwitchingDeviceState {\n  const { portalId } = useMqtt()\n  const topics = useMemo(() => getSwitchingDeviceStateTopics(portalId, \"switch\", instanceId), [portalId, instanceId])\n\n  return useTopicsState<SwitchingDeviceState>(topics)\n}\n\nexport function useSwitchingDevices() {\n  const switchingDevicesStore = useSwitchingDevicesStore()\n\n  const getTopics = (portalId: PortalId) => ({\n    devices: `N/${portalId}/switch/+/DeviceInstance`,\n  })\n\n  const mqtt = useMqtt()\n  const topics = useMemo(() => getTopics(mqtt.portalId), [mqtt.portalId])\n\n  const messagesForSwitchingDevices = mqtt.messagesByWildcard(topics.devices)\n\n  // Examine MQTT to find all available switching devices\n  useEffect(() => {\n    if (!messagesForSwitchingDevices || Object.entries(messagesForSwitchingDevices).length === 0) {\n      Logger.log(\"Waiting for switching devices...\")\n    } else {\n      const deviceInstances = Object.values(messagesForSwitchingDevices) as SwitchingDeviceInstanceId[]\n      const dispose = autorun(() => {\n        const oldDevices = switchingDevicesStore.devices\n        const newDevices = deviceInstances.map((deviceId) =>\n          mqtt.messagesByTopics(getSwitchingDeviceStateTopics(mqtt.portalId, \"switch\", deviceId))\n        ) as unknown as SwitchingDeviceInstanceId[]\n        // TODO: check unordered structural identify of old and new state\n        // TODO: to avoid unnecessary re-rendering: O(n^2) baby\n        if (\n          oldDevices.length === 0 ||\n          oldDevices.length !== newDevices.length ||\n          !newDevices.every((id) => deviceInstances.includes(id))\n        ) {\n          Logger.log(`New switching devices instances: ${JSON.stringify(deviceInstances)}`)\n          switchingDevicesStore.setDevices(newDevices)\n        }\n      })\n      return () => dispose()\n    }\n  }, [messagesForSwitchingDevices, mqtt, switchingDevicesStore])\n\n  return switchingDevicesStore\n}\n"]}

package/dist/src/Modules/SwitchingPane/SwitchingDevices.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchingDevices.store.d.ts","sourceRoot":"/","sources":["src/Modules/SwitchingPane/SwitchingDevices.store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAA;AAItE,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,yBAAyB,EAAE,CAAA;CACrC;AAED,qBAAa,qBAAqB;IAChC,OAAO,EAAE,yBAAyB,EAAE,CAAK;;IAMzC,UAAU,GAAI,SAAS,yBAAyB,EAAE,cAA6B;CAChF;AAYD,wBAAgB,wBAAwB,0BAEvC"}

package/dist/src/Modules/{SwitchableOutputs → SwitchingPane}/SwitchingDevices.store.js

@@ -1,9 +1,8 @@
 import { action, makeAutoObservable } from "mobx";
 import { useMemo } from "react";
-var store;
-var SwitchingDevicesStore = /** @class */ (function () {
-    function SwitchingDevicesStore() {
-        var _this = this;
+let store;
+export class SwitchingDevicesStore {
+    constructor() {
         Object.defineProperty(this, "devices", {
             enumerable: true,
             configurable: true,
@@ -14,15 +13,13 @@ var SwitchingDevicesStore = /** @class */ (function () {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: function (devices) { return (_this.devices = devices); }
+            value: (devices) => (this.devices = devices)
         });
         makeAutoObservable(this, { setDevices: action });
     }
-    return SwitchingDevicesStore;
-}());
-export { SwitchingDevicesStore };
+}
 function initializeStore() {
-    var _store = store !== null && store !== void 0 ? store : new SwitchingDevicesStore();
+    const _store = store !== null && store !== void 0 ? store : new SwitchingDevicesStore();
     // For SSG and SSR always create a new store
     if (typeof window === "undefined")
         return _store;
@@ -32,6 +29,6 @@ function initializeStore() {
     return _store;
 }
 export function useSwitchingDevicesStore() {
-    return useMemo(function () { return initializeStore(); }, []);
+    return useMemo(() => initializeStore(), []);
 }
 //# sourceMappingURL=SwitchingDevices.store.js.map

package/dist/src/Modules/SwitchingPane/SwitchingDevices.store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchingDevices.store.js","sourceRoot":"/","sources":["src/Modules/SwitchingPane/SwitchingDevices.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,MAAM,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG/B,IAAI,KAA4B,CAAA;AAMhC,MAAM,OAAO,qBAAqB;IAGhC;QAFA;;;;mBAAuC,EAAE;WAAA;QAMzC;;;;mBAAa,CAAC,OAAoC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;WAAA;QAH7E,kBAAkB,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAA;IAClD,CAAC;CAGF;AAED,SAAS,eAAe;IACtB,MAAM,MAAM,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,IAAI,qBAAqB,EAAE,CAAA;IACnD,4CAA4C;IAC5C,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,MAAM,CAAA;IAChD,sCAAsC;IACtC,IAAI,CAAC,KAAK;QAAE,KAAK,GAAG,MAAM,CAAA;IAE1B,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,EAAE,EAAE,EAAE,CAAC,CAAA;AAC7C,CAAC","sourcesContent":["import { action, makeAutoObservable } from \"mobx\"\nimport { useMemo } from \"react\"\nimport { SwitchingDeviceInstanceId } from \"./SwitchingDevice.provider\"\n\nlet store: SwitchingDevicesStore\n\nexport interface SwitchingDevicesState {\n  devices: SwitchingDeviceInstanceId[]\n}\n\nexport class SwitchingDevicesStore {\n  devices: SwitchingDeviceInstanceId[] = []\n\n  constructor() {\n    makeAutoObservable(this, { setDevices: action })\n  }\n\n  setDevices = (devices: SwitchingDeviceInstanceId[]) => (this.devices = devices)\n}\n\nfunction initializeStore() {\n  const _store = store ?? new SwitchingDevicesStore()\n  // For SSG and SSR always create a new store\n  if (typeof window === \"undefined\") return _store\n  // Create the store once in the client\n  if (!store) store = _store\n\n  return _store\n}\n\nexport function useSwitchingDevicesStore() {\n  return useMemo(() => initializeStore(), [])\n}\n"]}

package/dist/src/Modules/SwitchingPane/SwitchingPane.provider.d.ts

@@ -0,0 +1,2 @@
+export declare const useSwitchingPane: (gxDeviceRelaysGroupName: string) => import("./SwitchingPane.store").SwitchingPaneStore;
+//# sourceMappingURL=SwitchingPane.provider.d.ts.map

package/dist/src/Modules/SwitchingPane/SwitchingPane.provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchingPane.provider.d.ts","sourceRoot":"/","sources":["src/Modules/SwitchingPane/SwitchingPane.provider.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,gBAAgB,GAAI,yBAAyB,MAAM,uDAyR/D,CAAA"}

package/dist/src/Modules/SwitchingPane/SwitchingPane.provider.js

@@ -0,0 +1,256 @@
+import { autorun } from "mobx";
+import Logger from "../../utils/logger";
+import { useMqtt } from "../Mqtt";
+import { useMemo, useEffect } from "react";
+import { useSwitchingPaneStore } from "./SwitchingPane.store";
+import { getSwitchingDeviceStateTopics } from "./SwitchingDevice.provider";
+import { getSwitchingPaneItemNameForDisplay, getSwitchableOutputStateTopics, SWITCHABLE_OUTPUT_TREES, } from "./SwitchableOutput.provider";
+import { getGenericInputStateTopics } from "./GenericInput.provider";
+import { remapGenericInputType, SWITCHABLE_OUTPUT_VISIBILITY } from "../../utils/constants";
+const hasMessages = (messages) => messages && Object.keys(messages).length > 0;
+export const useSwitchingPane = (gxDeviceRelaysGroupName) => {
+    const switchingPaneStore = useSwitchingPaneStore();
+    const getTopics = (portalId) => ({
+        switchableOutputs: `N/${portalId}/(${SWITCHABLE_OUTPUT_TREES.join("|")})/+/SwitchableOutput/+/Settings/+`,
+        genericInputs: `N/${portalId}/(${SWITCHABLE_OUTPUT_TREES.join("|")})/+/GenericInput/+/Settings/+`,
+        switchingDevices: `N/${portalId}/switch/+`,
+    });
+    const mqtt = useMqtt();
+    const topics = useMemo(() => getTopics(mqtt.portalId), [mqtt.portalId]);
+    const messagesForSwitchableOutputs = mqtt.messagesByWildcard(topics.switchableOutputs);
+    const messagesForGenericInputs = mqtt.messagesByWildcard(topics.genericInputs);
+    const messagesForSwitchingDevices = mqtt.messagesByWildcard(topics.switchingDevices);
+    // Examine MQTT to find all available switchable outputs, generic inputs, and their group assignments
+    useEffect(() => {
+        if (!hasMessages(messagesForSwitchableOutputs) && !hasMessages(messagesForGenericInputs)) {
+            Logger.log("Waiting for switchable outputs or generic inputs...");
+            return;
+        }
+        // All switchable outputs in array sorted by topic
+        const availableSwitchableOutputs = messagesForSwitchableOutputs
+            ? Object.keys(messagesForSwitchableOutputs)
+                .filter((key) => key.endsWith("/Settings/Group"))
+                .sort()
+            : [];
+        // All switchable outputs group assignments in array sorted by topic
+        const customGroupAssigments = availableSwitchableOutputs.map((topic) => {
+            return messagesForSwitchableOutputs[topic];
+        });
+        // All switchable outputs types in array sorted by topic
+        const availableSwitchableOutputTypes = availableSwitchableOutputs.map((topic) => {
+            return messagesForSwitchableOutputs[`${topic.slice(0, -"/Group".length)}/Type`];
+        });
+        // All switchable outputs names in array sorted by topic
+        const availableSwitchableOutputNames = availableSwitchableOutputs.map((topic) => {
+            return messagesForSwitchableOutputs[`${topic.slice(0, -"/Group".length)}/CustomName`];
+        });
+        // All switchable outputs visibility in array sorted by topic
+        const availableSwitchableOutputVisibilityFlags = availableSwitchableOutputs.map((topic) => {
+            return messagesForSwitchableOutputs[`${topic.slice(0, -"/Group".length)}/ShowUIControl`];
+        });
+        // All generic inputs in array sorted by topic
+        const availableGenericInputs = messagesForGenericInputs
+            ? Object.keys(messagesForGenericInputs)
+                .filter((key) => key.endsWith("/Settings/Group"))
+                .sort()
+            : [];
+        // All generic input group assignments in array sorted by topic
+        const genericInputGroupAssignments = availableGenericInputs.map((topic) => {
+            return messagesForGenericInputs[topic];
+        });
+        // All generic input types in array sorted by topic
+        const availableGenericInputTypes = availableGenericInputs.map((topic) => {
+            return messagesForGenericInputs[`${topic.slice(0, -"/Group".length)}/Type`];
+        });
+        // All generic input names in array sorted by topic
+        const availableGenericInputNames = availableGenericInputs.map((topic) => {
+            return messagesForGenericInputs[`${topic.slice(0, -"/Group".length)}/CustomName`];
+        });
+        // All generic input visibility in array sorted by topic
+        const availableGenericInputVisibilityFlags = availableGenericInputs.map((topic) => {
+            return messagesForGenericInputs[`${topic.slice(0, -"/Group".length)}/ShowUIInput`];
+        });
+        // All switching devices in array sorted by instance number
+        const availableSwitchingDevices = Object.keys(messagesForSwitchingDevices)
+            .filter((key) => key.endsWith("/DeviceInstance"))
+            .sort();
+        // All switching device names in array sorted by instance number
+        const availableSwitchingDeviceNames = availableSwitchingDevices.map((topic) => {
+            const topicPrefix = topic.slice(0, -"/DeviceInstance".length);
+            return (messagesForSwitchingDevices[`${topicPrefix}/CustomName`] ||
+                messagesForSwitchingDevices[`${topicPrefix}/ProductName`]);
+        });
+        const dispose = autorun(() => {
+            const oldAssignments = switchingPaneStore.customGroupAssignments;
+            const newAssignments = customGroupAssigments;
+            const groupAssignmentsChanged = !arraysEqual(oldAssignments, newAssignments);
+            if (groupAssignmentsChanged) {
+                switchingPaneStore.setCustomGroupAssignments(newAssignments);
+                Logger.log(`Switchable outputs group assignments changed, recomputing...`);
+            }
+            const oldOutputTypes = switchingPaneStore.outputTypes;
+            const newOutputTypes = availableSwitchableOutputTypes;
+            const outputTypesChanged = !arraysEqual(oldOutputTypes, newOutputTypes);
+            if (outputTypesChanged) {
+                switchingPaneStore.setOutputTypes(newOutputTypes);
+                Logger.log(`Switchable outputs types changed, recomputing...`);
+            }
+            const oldOutputNames = switchingPaneStore.outputNames;
+            const newOutputNames = availableSwitchableOutputNames;
+            const outputNamesChanged = !arraysEqual(oldOutputNames, newOutputNames);
+            if (outputNamesChanged) {
+                switchingPaneStore.setOutputNames(newOutputNames);
+                Logger.log(`Switchable outputs names changed, recomputing...`);
+            }
+            const oldOutputVisibilityFlags = switchingPaneStore.outputVisibilityFlags;
+            const newOutputVisibilityFlags = availableSwitchableOutputVisibilityFlags;
+            const outputVisibilityFlagsChanged = !arraysEqual(oldOutputVisibilityFlags, newOutputVisibilityFlags);
+            if (outputVisibilityFlagsChanged) {
+                switchingPaneStore.setOutputVisibilityFlags(newOutputVisibilityFlags);
+                Logger.log(`Switchable outputs visibility flags changed, recomputing...`);
+            }
+            const oldSwitchingDevices = switchingPaneStore.switchingDevices;
+            const newSwitchingDevices = availableSwitchingDevices;
+            const switchingDevicesChanged = !arraysEqual(oldSwitchingDevices, newSwitchingDevices);
+            if (switchingDevicesChanged) {
+                switchingPaneStore.setSwitchingDevices(newSwitchingDevices);
+                Logger.log(`Switching devices changed, recomputing...`);
+            }
+            const oldSwitchingDeviceNames = switchingPaneStore.switchingDeviceNames;
+            const newSwitchingDeviceNames = availableSwitchingDeviceNames;
+            const switchingDeviceNamesChanged = !arraysEqual(oldSwitchingDeviceNames, newSwitchingDeviceNames);
+            if (switchingDeviceNamesChanged) {
+                switchingPaneStore.setSwitchingDeviceNames(newSwitchingDeviceNames);
+                Logger.log(`Switching device names changed, recomputing...`);
+            }
+            const oldGiAssignments = switchingPaneStore.genericInputGroupAssignments;
+            const newGiAssignments = genericInputGroupAssignments;
+            const giGroupAssignmentsChanged = !arraysEqual(oldGiAssignments, newGiAssignments);
+            if (giGroupAssignmentsChanged) {
+                switchingPaneStore.setGenericInputGroupAssignments(newGiAssignments);
+                Logger.log(`Generic input group assignments changed, recomputing...`);
+            }
+            const oldGiTypes = switchingPaneStore.genericInputTypes;
+            const newGiTypes = availableGenericInputTypes;
+            const giTypesChanged = !arraysEqual(oldGiTypes, newGiTypes);
+            if (giTypesChanged) {
+                switchingPaneStore.setGenericInputTypes(newGiTypes);
+                Logger.log(`Generic input types changed, recomputing...`);
+            }
+            const oldGiNames = switchingPaneStore.genericInputNames;
+            const newGiNames = availableGenericInputNames;
+            const giNamesChanged = !arraysEqual(oldGiNames, newGiNames);
+            if (giNamesChanged) {
+                switchingPaneStore.setGenericInputNames(newGiNames);
+                Logger.log(`Generic input names changed, recomputing...`);
+            }
+            const oldGiVisibilityFlags = switchingPaneStore.genericInputVisibilityFlags;
+            const newGiVisibilityFlags = availableGenericInputVisibilityFlags;
+            const giVisibilityFlagsChanged = !arraysEqual(oldGiVisibilityFlags, newGiVisibilityFlags);
+            if (giVisibilityFlagsChanged) {
+                switchingPaneStore.setGenericInputVisibilityFlags(newGiVisibilityFlags);
+                Logger.log(`Generic input visibility flags changed, recomputing...`);
+            }
+            if (groupAssignmentsChanged ||
+                outputTypesChanged ||
+                outputNamesChanged ||
+                outputVisibilityFlagsChanged ||
+                switchingDevicesChanged ||
+                switchingDeviceNamesChanged ||
+                giGroupAssignmentsChanged ||
+                giTypesChanged ||
+                giNamesChanged ||
+                giVisibilityFlagsChanged) {
+                // Collect all switching pane items (switchable outputs + generic inputs) with their group info
+                const items = [];
+                availableSwitchableOutputs.forEach((output, index) => {
+                    const swo = extractSwitchableOutputInfo(output);
+                    const switchingDevice = mqtt.messagesByTopics(getSwitchingDeviceStateTopics(mqtt.portalId, swo.tree, swo.deviceId));
+                    const customGroupAssignment = customGroupAssigments[index].trim();
+                    const deviceName = switchingDevice.customName || switchingDevice.productName || gxDeviceRelaysGroupName;
+                    const groupName = customGroupAssignment === "" ? deviceName : customGroupAssignment;
+                    const switchableOutput = mqtt.messagesByTopics(getSwitchableOutputStateTopics(mqtt.portalId, swo.tree, swo.deviceId, swo.outputId));
+                    if (!(switchableOutput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE ||
+                        switchableOutput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE_LOCAL_UI)) {
+                        return;
+                    }
+                    items.push({
+                        groupName,
+                        item: Object.assign(Object.assign({}, switchableOutput), { kind: "switchableOutput", tree: swo.tree, deviceId: swo.deviceId, outputId: swo.outputId, parentDeviceName: deviceName }),
+                    });
+                });
+                availableGenericInputs.forEach((input, index) => {
+                    const gi = extractGenericInputInfo(input);
+                    const switchingDevice = mqtt.messagesByTopics(getSwitchingDeviceStateTopics(mqtt.portalId, gi.tree, gi.deviceId));
+                    const customGroupAssignment = genericInputGroupAssignments[index].trim();
+                    const deviceName = switchingDevice.customName || switchingDevice.productName || gxDeviceRelaysGroupName;
+                    const groupName = customGroupAssignment === "" ? deviceName : customGroupAssignment;
+                    const genericInput = mqtt.messagesByTopics(getGenericInputStateTopics(mqtt.portalId, gi.tree, gi.deviceId, gi.inputId));
+                    if (!(genericInput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE ||
+                        genericInput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE_LOCAL_UI)) {
+                        return;
+                    }
+                    items.push({
+                        groupName,
+                        item: Object.assign(Object.assign({}, genericInput), { kind: "genericInput", tree: gi.tree, deviceId: gi.deviceId, outputId: gi.inputId, parentDeviceName: deviceName, type: remapGenericInputType(genericInput.type) }),
+                    });
+                });
+                // Distribute items to groups
+                const newGroups = {};
+                items.forEach(({ groupName, item }) => {
+                    newGroups[groupName] || (newGroups[groupName] = []);
+                    newGroups[groupName].push(item);
+                });
+                // Sort items in each group by display name
+                Object.values(newGroups).forEach((array) => {
+                    array.sort((a, b) => {
+                        const aName = getSwitchingPaneItemNameForDisplay(a, a.parentDeviceName);
+                        const bName = getSwitchingPaneItemNameForDisplay(b, b.parentDeviceName);
+                        return aName.localeCompare(bName);
+                    });
+                });
+                Logger.log(`New switching pane groups: ${JSON.stringify(Object.keys(newGroups))}`);
+                switchingPaneStore.setGroups(newGroups);
+            }
+        });
+        return () => dispose();
+    }, [
+        messagesForSwitchableOutputs,
+        messagesForGenericInputs,
+        messagesForSwitchingDevices,
+        gxDeviceRelaysGroupName,
+        mqtt,
+        switchingPaneStore,
+    ]);
+    return switchingPaneStore;
+};
+function extractSwitchableOutputInfo(topic) {
+    var _a;
+    const pattern = new RegExp(`/(${SWITCHABLE_OUTPUT_TREES.join("|")})/`);
+    const match = topic.match(pattern);
+    const switchStart = match ? match.index + match[0].length : -1; // length of `/system/`, or `/switch/`, or ...
+    const outputStart = topic.indexOf("/SwitchableOutput/") + 18; // length of `/SwitchableOutput/`
+    return {
+        tree: (_a = match === null || match === void 0 ? void 0 : match[1]) !== null && _a !== void 0 ? _a : null, // "switch", "system", ...
+        deviceId: Number(topic.substring(switchStart, topic.indexOf("/", switchStart))),
+        outputId: topic.substring(outputStart, topic.indexOf("/", outputStart)),
+    };
+}
+function extractGenericInputInfo(topic) {
+    var _a;
+    const pattern = new RegExp(`/(${SWITCHABLE_OUTPUT_TREES.join("|")})/`);
+    const match = topic.match(pattern);
+    const treeEnd = match ? match.index + match[0].length : -1;
+    const inputStart = topic.indexOf("/GenericInput/") + 14; // length of `/GenericInput/`
+    return {
+        tree: (_a = match === null || match === void 0 ? void 0 : match[1]) !== null && _a !== void 0 ? _a : null,
+        deviceId: Number(topic.substring(treeEnd, topic.indexOf("/", treeEnd))),
+        inputId: topic.substring(inputStart, topic.indexOf("/", inputStart)),
+    };
+}
+function arraysEqual(a, b) {
+    if (a.length !== b.length)
+        return false;
+    return a.every((element, index) => b[index] === element);
+}
+//# sourceMappingURL=SwitchingPane.provider.js.map

package/dist/src/Modules/SwitchingPane/SwitchingPane.provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchingPane.provider.js","sourceRoot":"/","sources":["src/Modules/SwitchingPane/SwitchingPane.provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { autorun } from \"mobx\"\nimport Logger from \"../../utils/logger\"\nimport { PortalId, useMqtt } from \"../Mqtt\"\nimport { useMemo, useEffect } from \"react\"\nimport { useSwitchingPaneStore } from \"./SwitchingPane.store\"\nimport { getSwitchingDeviceStateTopics, SwitchingDeviceInstanceId } from \"./SwitchingDevice.provider\"\nimport {\n  getSwitchingPaneItemNameForDisplay,\n  getSwitchableOutputStateTopics,\n  SWITCHABLE_OUTPUT_TREES,\n  SwitchableOutputId,\n  SwitchableOutputState,\n  SwitchableOutputTree,\n  GenericInputState,\n  SwitchingPaneItem,\n} from \"./SwitchableOutput.provider\"\nimport { getGenericInputStateTopics, GenericInputId } from \"./GenericInput.provider\"\nimport { remapGenericInputType, SWITCHABLE_OUTPUT_VISIBILITY } from \"../../utils/constants\"\n\nconst hasMessages = (messages: Record<string, string> | undefined) => messages && Object.keys(messages).length > 0\n\nexport const useSwitchingPane = (gxDeviceRelaysGroupName: string) => {\n  const switchingPaneStore = useSwitchingPaneStore()\n\n  const getTopics = (portalId: PortalId) => ({\n    switchableOutputs: `N/${portalId}/(${SWITCHABLE_OUTPUT_TREES.join(\"|\")})/+/SwitchableOutput/+/Settings/+`,\n    genericInputs: `N/${portalId}/(${SWITCHABLE_OUTPUT_TREES.join(\"|\")})/+/GenericInput/+/Settings/+`,\n    switchingDevices: `N/${portalId}/switch/+`,\n  })\n\n  const mqtt = useMqtt()\n  const topics = useMemo(() => getTopics(mqtt.portalId), [mqtt.portalId])\n\n  const messagesForSwitchableOutputs = mqtt.messagesByWildcard(topics.switchableOutputs)\n  const messagesForGenericInputs = mqtt.messagesByWildcard(topics.genericInputs)\n  const messagesForSwitchingDevices = mqtt.messagesByWildcard(topics.switchingDevices)\n\n  // Examine MQTT to find all available switchable outputs, generic inputs, and their group assignments\n  useEffect(() => {\n    if (!hasMessages(messagesForSwitchableOutputs) && !hasMessages(messagesForGenericInputs)) {\n      Logger.log(\"Waiting for switchable outputs or generic inputs...\")\n      return\n    }\n\n    // All switchable outputs in array sorted by topic\n    const availableSwitchableOutputs = messagesForSwitchableOutputs\n      ? (Object.keys(messagesForSwitchableOutputs)\n          .filter((key) => key.endsWith(\"/Settings/Group\"))\n          .sort() as string[])\n      : []\n\n    // All switchable outputs group assignments in array sorted by topic\n    const customGroupAssigments = availableSwitchableOutputs.map((topic) => {\n      return messagesForSwitchableOutputs[topic]\n    })\n    // All switchable outputs types in array sorted by topic\n    const availableSwitchableOutputTypes = availableSwitchableOutputs.map((topic) => {\n      return messagesForSwitchableOutputs[`${topic.slice(0, -\"/Group\".length)}/Type`]\n    })\n    // All switchable outputs names in array sorted by topic\n    const availableSwitchableOutputNames = availableSwitchableOutputs.map((topic) => {\n      return messagesForSwitchableOutputs[`${topic.slice(0, -\"/Group\".length)}/CustomName`]\n    })\n    // All switchable outputs visibility in array sorted by topic\n    const availableSwitchableOutputVisibilityFlags = availableSwitchableOutputs.map((topic) => {\n      return messagesForSwitchableOutputs[`${topic.slice(0, -\"/Group\".length)}/ShowUIControl`]\n    })\n\n    // All generic inputs in array sorted by topic\n    const availableGenericInputs = messagesForGenericInputs\n      ? (Object.keys(messagesForGenericInputs)\n          .filter((key) => key.endsWith(\"/Settings/Group\"))\n          .sort() as string[])\n      : []\n\n    // All generic input group assignments in array sorted by topic\n    const genericInputGroupAssignments = availableGenericInputs.map((topic) => {\n      return messagesForGenericInputs[topic]\n    })\n    // All generic input types in array sorted by topic\n    const availableGenericInputTypes = availableGenericInputs.map((topic) => {\n      return messagesForGenericInputs[`${topic.slice(0, -\"/Group\".length)}/Type`]\n    })\n    // All generic input names in array sorted by topic\n    const availableGenericInputNames = availableGenericInputs.map((topic) => {\n      return messagesForGenericInputs[`${topic.slice(0, -\"/Group\".length)}/CustomName`]\n    })\n    // All generic input visibility in array sorted by topic\n    const availableGenericInputVisibilityFlags = availableGenericInputs.map((topic) => {\n      return messagesForGenericInputs[`${topic.slice(0, -\"/Group\".length)}/ShowUIInput`]\n    })\n\n    // All switching devices in array sorted by instance number\n    const availableSwitchingDevices = Object.keys(messagesForSwitchingDevices)\n      .filter((key) => key.endsWith(\"/DeviceInstance\"))\n      .sort() as string[]\n\n    // All switching device names in array sorted by instance number\n    const availableSwitchingDeviceNames = availableSwitchingDevices.map((topic) => {\n      const topicPrefix = topic.slice(0, -\"/DeviceInstance\".length)\n      return (\n        messagesForSwitchingDevices[`${topicPrefix}/CustomName`] ||\n        messagesForSwitchingDevices[`${topicPrefix}/ProductName`]\n      )\n    })\n\n    const dispose = autorun(() => {\n      const oldAssignments = switchingPaneStore.customGroupAssignments\n      const newAssignments = customGroupAssigments\n      const groupAssignmentsChanged = !arraysEqual(oldAssignments, newAssignments)\n      if (groupAssignmentsChanged) {\n        switchingPaneStore.setCustomGroupAssignments(newAssignments)\n        Logger.log(`Switchable outputs group assignments changed, recomputing...`)\n      }\n\n      const oldOutputTypes = switchingPaneStore.outputTypes\n      const newOutputTypes = availableSwitchableOutputTypes\n      const outputTypesChanged = !arraysEqual(oldOutputTypes, newOutputTypes)\n      if (outputTypesChanged) {\n        switchingPaneStore.setOutputTypes(newOutputTypes)\n        Logger.log(`Switchable outputs types changed, recomputing...`)\n      }\n\n      const oldOutputNames = switchingPaneStore.outputNames\n      const newOutputNames = availableSwitchableOutputNames\n      const outputNamesChanged = !arraysEqual(oldOutputNames, newOutputNames)\n      if (outputNamesChanged) {\n        switchingPaneStore.setOutputNames(newOutputNames)\n        Logger.log(`Switchable outputs names changed, recomputing...`)\n      }\n\n      const oldOutputVisibilityFlags = switchingPaneStore.outputVisibilityFlags\n      const newOutputVisibilityFlags = availableSwitchableOutputVisibilityFlags\n      const outputVisibilityFlagsChanged = !arraysEqual(oldOutputVisibilityFlags, newOutputVisibilityFlags)\n      if (outputVisibilityFlagsChanged) {\n        switchingPaneStore.setOutputVisibilityFlags(newOutputVisibilityFlags)\n        Logger.log(`Switchable outputs visibility flags changed, recomputing...`)\n      }\n\n      const oldSwitchingDevices = switchingPaneStore.switchingDevices\n      const newSwitchingDevices = availableSwitchingDevices\n      const switchingDevicesChanged = !arraysEqual(oldSwitchingDevices, newSwitchingDevices)\n      if (switchingDevicesChanged) {\n        switchingPaneStore.setSwitchingDevices(newSwitchingDevices)\n        Logger.log(`Switching devices changed, recomputing...`)\n      }\n\n      const oldSwitchingDeviceNames = switchingPaneStore.switchingDeviceNames\n      const newSwitchingDeviceNames = availableSwitchingDeviceNames\n      const switchingDeviceNamesChanged = !arraysEqual(oldSwitchingDeviceNames, newSwitchingDeviceNames)\n      if (switchingDeviceNamesChanged) {\n        switchingPaneStore.setSwitchingDeviceNames(newSwitchingDeviceNames)\n        Logger.log(`Switching device names changed, recomputing...`)\n      }\n\n      const oldGiAssignments = switchingPaneStore.genericInputGroupAssignments\n      const newGiAssignments = genericInputGroupAssignments\n      const giGroupAssignmentsChanged = !arraysEqual(oldGiAssignments, newGiAssignments)\n      if (giGroupAssignmentsChanged) {\n        switchingPaneStore.setGenericInputGroupAssignments(newGiAssignments)\n        Logger.log(`Generic input group assignments changed, recomputing...`)\n      }\n\n      const oldGiTypes = switchingPaneStore.genericInputTypes\n      const newGiTypes = availableGenericInputTypes\n      const giTypesChanged = !arraysEqual(oldGiTypes, newGiTypes)\n      if (giTypesChanged) {\n        switchingPaneStore.setGenericInputTypes(newGiTypes)\n        Logger.log(`Generic input types changed, recomputing...`)\n      }\n\n      const oldGiNames = switchingPaneStore.genericInputNames\n      const newGiNames = availableGenericInputNames\n      const giNamesChanged = !arraysEqual(oldGiNames, newGiNames)\n      if (giNamesChanged) {\n        switchingPaneStore.setGenericInputNames(newGiNames)\n        Logger.log(`Generic input names changed, recomputing...`)\n      }\n\n      const oldGiVisibilityFlags = switchingPaneStore.genericInputVisibilityFlags\n      const newGiVisibilityFlags = availableGenericInputVisibilityFlags\n      const giVisibilityFlagsChanged = !arraysEqual(oldGiVisibilityFlags, newGiVisibilityFlags)\n      if (giVisibilityFlagsChanged) {\n        switchingPaneStore.setGenericInputVisibilityFlags(newGiVisibilityFlags)\n        Logger.log(`Generic input visibility flags changed, recomputing...`)\n      }\n\n      if (\n        groupAssignmentsChanged ||\n        outputTypesChanged ||\n        outputNamesChanged ||\n        outputVisibilityFlagsChanged ||\n        switchingDevicesChanged ||\n        switchingDeviceNamesChanged ||\n        giGroupAssignmentsChanged ||\n        giTypesChanged ||\n        giNamesChanged ||\n        giVisibilityFlagsChanged\n      ) {\n        // Collect all switching pane items (switchable outputs + generic inputs) with their group info\n        const items: { groupName: string; item: SwitchingPaneItem }[] = []\n\n        availableSwitchableOutputs.forEach((output, index) => {\n          const swo = extractSwitchableOutputInfo(output)\n          const switchingDevice = mqtt.messagesByTopics(\n            getSwitchingDeviceStateTopics(mqtt.portalId, swo.tree, swo.deviceId)\n          )\n          const customGroupAssignment = customGroupAssigments[index].trim()\n          const deviceName = switchingDevice.customName || switchingDevice.productName || gxDeviceRelaysGroupName\n          const groupName = customGroupAssignment === \"\" ? deviceName : customGroupAssignment\n          const switchableOutput = mqtt.messagesByTopics(\n            getSwitchableOutputStateTopics(mqtt.portalId, swo.tree, swo.deviceId, swo.outputId)\n          ) as unknown as SwitchableOutputState\n\n          if (\n            !(\n              switchableOutput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE ||\n              switchableOutput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE_LOCAL_UI\n            )\n          ) {\n            return\n          }\n\n          items.push({\n            groupName,\n            item: {\n              ...switchableOutput,\n              kind: \"switchableOutput\",\n              tree: swo.tree,\n              deviceId: swo.deviceId,\n              outputId: swo.outputId,\n              parentDeviceName: deviceName as string,\n            },\n          })\n        })\n\n        availableGenericInputs.forEach((input, index) => {\n          const gi = extractGenericInputInfo(input)\n          const switchingDevice = mqtt.messagesByTopics(\n            getSwitchingDeviceStateTopics(mqtt.portalId, gi.tree, gi.deviceId)\n          )\n          const customGroupAssignment = genericInputGroupAssignments[index].trim()\n          const deviceName = switchingDevice.customName || switchingDevice.productName || gxDeviceRelaysGroupName\n          const groupName = customGroupAssignment === \"\" ? deviceName : customGroupAssignment\n          const genericInput = mqtt.messagesByTopics(\n            getGenericInputStateTopics(mqtt.portalId, gi.tree, gi.deviceId, gi.inputId)\n          ) as unknown as GenericInputState\n\n          if (\n            !(\n              genericInput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE ||\n              genericInput.showUIControl & SWITCHABLE_OUTPUT_VISIBILITY.VISIBLE_LOCAL_UI\n            )\n          ) {\n            return\n          }\n\n          items.push({\n            groupName,\n            item: {\n              ...genericInput,\n              kind: \"genericInput\",\n              tree: gi.tree,\n              deviceId: gi.deviceId,\n              outputId: gi.inputId,\n              parentDeviceName: deviceName as string,\n              type: remapGenericInputType(genericInput.type as number),\n            },\n          })\n        })\n\n        // Distribute items to groups\n        const newGroups: { [key: string]: SwitchingPaneItem[] } = {}\n        items.forEach(({ groupName, item }) => {\n          newGroups[groupName] ||= []\n          newGroups[groupName].push(item)\n        })\n\n        // Sort items in each group by display name\n        Object.values(newGroups).forEach((array) => {\n          array.sort((a, b) => {\n            const aName = getSwitchingPaneItemNameForDisplay(a, a.parentDeviceName)\n            const bName = getSwitchingPaneItemNameForDisplay(b, b.parentDeviceName)\n            return aName.localeCompare(bName)\n          })\n        })\n\n        Logger.log(`New switching pane groups: ${JSON.stringify(Object.keys(newGroups))}`)\n        switchingPaneStore.setGroups(newGroups)\n      }\n    })\n    return () => dispose()\n  }, [\n    messagesForSwitchableOutputs,\n    messagesForGenericInputs,\n    messagesForSwitchingDevices,\n    gxDeviceRelaysGroupName,\n    mqtt,\n    switchingPaneStore,\n  ])\n\n  return switchingPaneStore\n}\n\nfunction extractSwitchableOutputInfo(topic: string) {\n  const pattern = new RegExp(`/(${SWITCHABLE_OUTPUT_TREES.join(\"|\")})/`)\n  const match = topic.match(pattern)\n  const switchStart = match ? match.index! + match[0].length : -1 // length of `/system/`, or `/switch/`, or ...\n  const outputStart = topic.indexOf(\"/SwitchableOutput/\") + 18 // length of `/SwitchableOutput/`\n\n  return {\n    tree: (match?.[1] as SwitchableOutputTree) ?? null, // \"switch\", \"system\", ...\n    deviceId: Number(topic.substring(switchStart, topic.indexOf(\"/\", switchStart))) as SwitchingDeviceInstanceId,\n    outputId: topic.substring(outputStart, topic.indexOf(\"/\", outputStart)) as SwitchableOutputId,\n  }\n}\n\nfunction extractGenericInputInfo(topic: string) {\n  const pattern = new RegExp(`/(${SWITCHABLE_OUTPUT_TREES.join(\"|\")})/`)\n  const match = topic.match(pattern)\n  const treeEnd = match ? match.index! + match[0].length : -1\n  const inputStart = topic.indexOf(\"/GenericInput/\") + 14 // length of `/GenericInput/`\n\n  return {\n    tree: (match?.[1] as SwitchableOutputTree) ?? null,\n    deviceId: Number(topic.substring(treeEnd, topic.indexOf(\"/\", treeEnd))) as SwitchingDeviceInstanceId,\n    inputId: topic.substring(inputStart, topic.indexOf(\"/\", inputStart)) as GenericInputId,\n  }\n}\n\nfunction arraysEqual<T>(a: T[], b: T[]): boolean {\n  if (a.length !== b.length) return false\n  return a.every((element, index) => b[index] === element)\n}\n"]}

package/dist/src/Modules/SwitchingPane/SwitchingPane.store.d.ts

@@ -0,0 +1,50 @@
+import { SwitchingPaneItem } from "./SwitchableOutput.provider";
+import { GenericInputType, SwitchableOutputType } from "../../utils/constants";
+export interface SwitchingPaneState {
+    groups: {
+        [key: string]: SwitchingPaneItem[];
+    };
+    customGroupAssignments: string[];
+    outputTypes: SwitchableOutputType[];
+    outputNames: string[];
+    outputVisibilityFlags: (0 | 1)[];
+    switchingDevices: string[];
+    switchingDeviceNames: string[];
+    genericInputGroupAssignments: string[];
+    genericInputTypes: GenericInputType[];
+    genericInputNames: string[];
+    genericInputVisibilityFlags: (0 | 1)[];
+}
+export declare class SwitchingPaneStore {
+    groups: {
+        [key: string]: SwitchingPaneItem[];
+    };
+    customGroupAssignments: string[];
+    outputTypes: SwitchableOutputType[];
+    outputNames: string[];
+    outputVisibilityFlags: (0 | 1)[];
+    switchingDevices: string[];
+    switchingDeviceNames: string[];
+    genericInputGroupAssignments: string[];
+    genericInputTypes: GenericInputType[];
+    genericInputNames: string[];
+    genericInputVisibilityFlags: (0 | 1)[];
+    constructor();
+    setGroups: (groups: {
+        [key: string]: SwitchingPaneItem[];
+    }) => {
+        [key: string]: SwitchingPaneItem[];
+    };
+    setCustomGroupAssignments: (assignments: string[]) => string[];
+    setOutputTypes: (outputTypes: SwitchableOutputType[]) => SwitchableOutputType[];
+    setOutputNames: (outputNames: string[]) => string[];
+    setOutputVisibilityFlags: (outputVisibilityFlags: (0 | 1)[]) => (0 | 1)[];
+    setSwitchingDevices: (switchingDevices: string[]) => string[];
+    setSwitchingDeviceNames: (switchingDeviceNames: string[]) => string[];
+    setGenericInputGroupAssignments: (assignments: string[]) => string[];
+    setGenericInputTypes: (types: GenericInputType[]) => GenericInputType[];
+    setGenericInputNames: (names: string[]) => string[];
+    setGenericInputVisibilityFlags: (flags: (0 | 1)[]) => (0 | 1)[];
+}
+export declare function useSwitchingPaneStore(): SwitchingPaneStore;
+//# sourceMappingURL=SwitchingPane.store.d.ts.map

package/dist/src/Modules/SwitchingPane/SwitchingPane.store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchingPane.store.d.ts","sourceRoot":"/","sources":["src/Modules/SwitchingPane/SwitchingPane.store.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAI9E,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAAA;KAAE,CAAA;IAE9C,sBAAsB,EAAE,MAAM,EAAE,CAAA;IAEhC,WAAW,EAAE,oBAAoB,EAAE,CAAA;IAEnC,WAAW,EAAE,MAAM,EAAE,CAAA;IAErB,qBAAqB,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA;IAEhC,gBAAgB,EAAE,MAAM,EAAE,CAAA;IAE1B,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAE9B,4BAA4B,EAAE,MAAM,EAAE,CAAA;IAEtC,iBAAiB,EAAE,gBAAgB,EAAE,CAAA;IAErC,iBAAiB,EAAE,MAAM,EAAE,CAAA;IAE3B,2BAA2B,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAA;CACvC;AAED,qBAAa,kBAAkB;IAC7B,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAAA;KAAE,CAAK;IACnD,sBAAsB,EAAE,MAAM,EAAE,CAAK;IACrC,WAAW,EAAE,oBAAoB,EAAE,CAAK;IACxC,WAAW,EAAE,MAAM,EAAE,CAAK;IAC1B,qBAAqB,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAK;IACrC,gBAAgB,EAAE,MAAM,EAAE,CAAK;IAC/B,oBAAoB,EAAE,MAAM,EAAE,CAAK;IACnC,4BAA4B,EAAE,MAAM,EAAE,CAAK;IAC3C,iBAAiB,EAAE,gBAAgB,EAAE,CAAK;IAC1C,iBAAiB,EAAE,MAAM,EAAE,CAAK;IAChC,2BAA2B,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAK;;IAiB3C,SAAS,GAAI,QAAQ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB,EAAE,CAAA;KAAE;;MAA2B;IACtF,yBAAyB,GAAI,aAAa,MAAM,EAAE,cAAgD;IAClG,cAAc,GAAI,aAAa,oBAAoB,EAAE,4BAAqC;IAC1F,cAAc,GAAI,aAAa,MAAM,EAAE,cAAqC;IAC5E,wBAAwB,GAAI,uBAAuB,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,eAAyD;IACrH,mBAAmB,GAAI,kBAAkB,MAAM,EAAE,cAA+C;IAChG,uBAAuB,GAAI,sBAAsB,MAAM,EAAE,cAAuD;IAChH,+BAA+B,GAAI,aAAa,MAAM,EAAE,cAAsD;IAC9G,oBAAoB,GAAI,OAAO,gBAAgB,EAAE,wBAAqC;IACtF,oBAAoB,GAAI,OAAO,MAAM,EAAE,cAAqC;IAC5E,8BAA8B,GAAI,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,eAA+C;CAClG;AAYD,wBAAgB,qBAAqB,uBAEpC"}