@configura/web-api 2.0.0-alpha.2 → 2.0.0-alpha.21

package/dist/syncGroups/SyncGroupsPathHelper.d.ts

@@ -1,27 +1,27 @@
-import { _CfgProductInternal } from "../CfgProduct.js";
-import { _CfgFeatureInternal } from "../productConfiguration/CfgFeature.js";
-import { _CfgOptionInternal } from "../productConfiguration/CfgOption.js";
-import { _CfgProductConfigurationInternal } from "../productConfiguration/CfgProductConfiguration.js";
-export declare type CfgPathSegment = string;
-/**
- * Represents the path to a node in the configuration tree.
- *
- * The format consists of a number of CfgPathSegments, each of which is currently a string. The
- * exact meaning of the strings vary depending on where they are located in the path.
- *
- * @warning
- * The format is strictly internal and can change in later versions of the SDK.
- * Data stored in a CfgPath should be thus be considered transient and never stored or transmitted.
- */
-export declare type CfgPath = CfgPathSegment[];
-declare type PathItemType = _CfgProductInternal | _CfgProductConfigurationInternal | _CfgFeatureInternal | _CfgOptionInternal;
-export declare class SyncGroupsPathHelper {
-    static getPath(item: PathItemType): CfgPath;
-    static getFromPath(path: CfgPath, root: PathItemType): PathItemType;
-    static getProductFromPath(path: CfgPath, item: _CfgProductInternal): _CfgProductInternal;
-    static getProductConfigurationFromPath(path: CfgPath, item: _CfgProductInternal): _CfgProductConfigurationInternal;
-    static getFeatureFromPath(path: CfgPath, item: PathItemType): _CfgFeatureInternal;
-    static getOptionFromPath(path: CfgPath, item: PathItemType): _CfgOptionInternal;
-}
-export {};
+import { _CfgProductInternal } from "../CfgProduct.js";
+import { _CfgFeatureInternal } from "../productConfiguration/CfgFeature.js";
+import { _CfgOptionInternal } from "../productConfiguration/CfgOption.js";
+import { _CfgProductConfigurationInternal } from "../productConfiguration/CfgProductConfiguration.js";
+export declare type CfgPathSegment = string;
+/**
+ * Represents the path to a node in the configuration tree.
+ *
+ * The format consists of a number of CfgPathSegments, each of which is currently a string. The
+ * exact meaning of the strings vary depending on where they are located in the path.
+ *
+ * @warning
+ * The format is strictly internal and can change in later versions of the SDK.
+ * Data stored in a CfgPath should be thus be considered transient and never stored or transmitted.
+ */
+export declare type CfgPath = CfgPathSegment[];
+declare type PathItemType = _CfgProductInternal | _CfgProductConfigurationInternal | _CfgFeatureInternal | _CfgOptionInternal;
+export declare class SyncGroupsPathHelper {
+    static getPath(item: PathItemType): CfgPath;
+    static getFromPath(path: CfgPath, root: PathItemType): PathItemType;
+    static getProductFromPath(path: CfgPath, item: _CfgProductInternal): _CfgProductInternal;
+    static getProductConfigurationFromPath(path: CfgPath, item: _CfgProductInternal): _CfgProductConfigurationInternal;
+    static getFeatureFromPath(path: CfgPath, item: PathItemType): _CfgFeatureInternal;
+    static getOptionFromPath(path: CfgPath, item: PathItemType): _CfgOptionInternal;
+}
+export {};
 //# sourceMappingURL=SyncGroupsPathHelper.d.ts.map

package/dist/syncGroups/SyncGroupsPathHelper.js

@@ -1,90 +1,90 @@
-import { assert, assertDefined } from "@configura/web-utilities";
-import { _CfgProductInternal } from "../CfgProduct.js";
-import { _CfgFeatureInternal } from "../productConfiguration/CfgFeature.js";
-import { _CfgOptionInternal } from "../productConfiguration/CfgOption.js";
-import { _CfgProductConfigurationInternal } from "../productConfiguration/CfgProductConfiguration.js";
-export class SyncGroupsPathHelper {
-    static getPath(item) {
-        if (item instanceof _CfgProductInternal) {
-            const parent = item.parent;
-            const refKey = item.refKey;
-            if (parent === undefined || refKey === undefined) {
-                return [];
-            }
-            return [...this.getPath(parent), "p", refKey];
-        }
-        if (item instanceof _CfgProductConfigurationInternal) {
-            return [...this.getPath(item.parentProduct), "c"];
-        }
-        if (item instanceof _CfgFeatureInternal) {
-            return [...this.getPath(item.parent), item.code];
-        }
-        if (item instanceof _CfgOptionInternal) {
-            return [...this.getPath(item.parent), item.code];
-        }
-        throw new Error("This should not happen");
-    }
-    static getFromPath(path, root) {
-        path = path.slice();
-        let item = root;
-        while (path.length > 0) {
-            const segment = path.shift();
-            if (item instanceof _CfgProductInternal) {
-                switch (segment) {
-                    case "p": {
-                        const refKey = path.shift();
-                        const additional = item.additionalProducts.find((p) => p.refKey === refKey);
-                        assertDefined(additional, `Additional product not found "p, ${refKey !== null && refKey !== void 0 ? refKey : ""}, ${path.join(", ")}"`);
-                        item = additional._internal;
-                        break;
-                    }
-                    case "c":
-                        assert(item instanceof _CfgProductInternal, "Was not product");
-                        item = item.configuration._internal;
-                        break;
-                    default:
-                        throw new Error(`Unexpected path segment "${segment !== null && segment !== void 0 ? segment : ""}"`);
-                }
-            }
-            else if (item instanceof _CfgProductConfigurationInternal) {
-                const feature = item.features.find((f) => f.code === segment);
-                assertDefined(feature, `Feature not found "${segment !== null && segment !== void 0 ? segment : ""}", ${path.join(", ")}`);
-                item = feature._internal;
-            }
-            else if (item instanceof _CfgFeatureInternal) {
-                const option = item.options.find((o) => o.code === segment);
-                assertDefined(option, `Option not found "${segment !== null && segment !== void 0 ? segment : ""}", ${path.join(", ")}`);
-                item = option._internal;
-            }
-            else if (item instanceof _CfgOptionInternal) {
-                const feature = item.features.find((o) => o.code === segment);
-                assertDefined(feature, `Feature not found "${segment !== null && segment !== void 0 ? segment : ""}", ${path.join(", ")}`);
-                item = feature._internal;
-            }
-            else {
-                throw new Error("This should not happen (unexpected type)");
-            }
-        }
-        return item;
-    }
-    static getProductFromPath(path, item) {
-        const p = this.getFromPath(path, item);
-        assert(p instanceof _CfgProductInternal, `Path did not lead to a Product`);
-        return p;
-    }
-    static getProductConfigurationFromPath(path, item) {
-        const c = this.getFromPath(path, item);
-        assert(c instanceof _CfgProductConfigurationInternal, `Path did not lead to a ProductConfiguration"`);
-        return c;
-    }
-    static getFeatureFromPath(path, item) {
-        const f = this.getFromPath(path, item);
-        assert(f instanceof _CfgFeatureInternal, `Path did not lead to a Feature`);
-        return f;
-    }
-    static getOptionFromPath(path, item) {
-        const o = this.getFromPath(path, item);
-        assert(o instanceof _CfgOptionInternal, `Path did not lead to a Option`);
-        return o;
-    }
-}
+import { assert, assertDefined } from "@configura/web-utilities";
+import { _CfgProductInternal } from "../CfgProduct.js";
+import { _CfgFeatureInternal } from "../productConfiguration/CfgFeature.js";
+import { _CfgOptionInternal } from "../productConfiguration/CfgOption.js";
+import { _CfgProductConfigurationInternal } from "../productConfiguration/CfgProductConfiguration.js";
+export class SyncGroupsPathHelper {
+    static getPath(item) {
+        if (item instanceof _CfgProductInternal) {
+            const parent = item.parent;
+            const refKey = item.refKey;
+            if (parent === undefined || refKey === undefined) {
+                return [];
+            }
+            return [...this.getPath(parent), "p", refKey];
+        }
+        if (item instanceof _CfgProductConfigurationInternal) {
+            return [...this.getPath(item.parentProduct), "c"];
+        }
+        if (item instanceof _CfgFeatureInternal) {
+            return [...this.getPath(item.parent), item.code];
+        }
+        if (item instanceof _CfgOptionInternal) {
+            return [...this.getPath(item.parent), item.code];
+        }
+        throw new Error("This should not happen");
+    }
+    static getFromPath(path, root) {
+        path = path.slice();
+        let item = root;
+        while (path.length > 0) {
+            const segment = path.shift();
+            if (item instanceof _CfgProductInternal) {
+                switch (segment) {
+                    case "p": {
+                        const refKey = path.shift();
+                        const additional = item.additionalProducts.find((p) => p.refKey === refKey);
+                        assertDefined(additional, `Additional product not found "p, ${refKey !== null && refKey !== void 0 ? refKey : ""}, ${path.join(", ")}"`);
+                        item = additional._internal;
+                        break;
+                    }
+                    case "c":
+                        assert(item instanceof _CfgProductInternal, "Was not product");
+                        item = item.configuration._internal;
+                        break;
+                    default:
+                        throw new Error(`Unexpected path segment "${segment !== null && segment !== void 0 ? segment : ""}"`);
+                }
+            }
+            else if (item instanceof _CfgProductConfigurationInternal) {
+                const feature = item.features.find((f) => f.code === segment);
+                assertDefined(feature, `Feature not found "${segment !== null && segment !== void 0 ? segment : ""}", ${path.join(", ")}`);
+                item = feature._internal;
+            }
+            else if (item instanceof _CfgFeatureInternal) {
+                const option = item.options.find((o) => o.code === segment);
+                assertDefined(option, `Option not found "${segment !== null && segment !== void 0 ? segment : ""}", ${path.join(", ")}`);
+                item = option._internal;
+            }
+            else if (item instanceof _CfgOptionInternal) {
+                const feature = item.features.find((o) => o.code === segment);
+                assertDefined(feature, `Feature not found "${segment !== null && segment !== void 0 ? segment : ""}", ${path.join(", ")}`);
+                item = feature._internal;
+            }
+            else {
+                throw new Error("This should not happen (unexpected type)");
+            }
+        }
+        return item;
+    }
+    static getProductFromPath(path, item) {
+        const p = this.getFromPath(path, item);
+        assert(p instanceof _CfgProductInternal, `Path did not lead to a Product`);
+        return p;
+    }
+    static getProductConfigurationFromPath(path, item) {
+        const c = this.getFromPath(path, item);
+        assert(c instanceof _CfgProductConfigurationInternal, `Path did not lead to a ProductConfiguration"`);
+        return c;
+    }
+    static getFeatureFromPath(path, item) {
+        const f = this.getFromPath(path, item);
+        assert(f instanceof _CfgFeatureInternal, `Path did not lead to a Feature`);
+        return f;
+    }
+    static getOptionFromPath(path, item) {
+        const o = this.getFromPath(path, item);
+        assert(o instanceof _CfgOptionInternal, `Path did not lead to a Option`);
+        return o;
+    }
+}

package/dist/syncGroups/SyncGroupsState.d.ts

@@ -1,36 +1,40 @@
-import { OptionCode, SyncCode } from "./SyncGroupsHandler.js";
-/**
- * The SyncState is used to keep track of the current value of the SyncGroups.
- *
- * SelectOne and SelectMany uses fully separate states internally since the two types of features
- * are synced separately. See SyncGroupsHandler for details.
- */
-export declare class SyncGroupsState {
-    private _verboseLogging;
-    readonly _selectOne: Map<SyncCode, OptionCode>;
-    readonly _selectMany: Map<SyncCode, Map<OptionCode, boolean>>;
-    /**
-     * @param verboseLogging Set to true to get verbose sync state changes logged to the console.
-     */
-    constructor(_verboseLogging: boolean);
-    get verboseLogging(): boolean;
-    /**
-     * Set to true to get verbose sync state changes logged to the console.
-     */
-    set verboseLogging(v: boolean);
-    /**
-     * @returns a deep copy of the SyncGroupState.
-     */
-    clone(): SyncGroupsState;
-    /**
-     * Replaces the internal state of this SyncGroupState with a deep copy of the one in source.
-     * @returns the updated SyncGroupState.
-     */
-    copyFrom(source: SyncGroupsState): SyncGroupsState;
-    setForSelectOne(syncCode: SyncCode, optionCode: OptionCode): void;
-    setForSelectMany(syncCode: SyncCode, optionCode: OptionCode, selected: boolean): void;
-    getForSelectOne(syncCode: SyncCode): OptionCode | undefined;
-    getForSelectMany(syncCode: SyncCode, optionCode: OptionCode): boolean | undefined;
-    log(syncCode?: SyncCode, optionCode?: OptionCode, selected?: boolean): void;
-}
+import { DtoSyncGroupState } from "../CatalogueAPI.js";
+import { OptionCode, SyncCode } from "./SyncGroupsHandler.js";
+/**
+ * The SyncState is used to keep track of the current value of the SyncGroups.
+ *
+ * SelectOne and SelectMany uses fully separate states internally since the two types of features
+ * are synced separately. See SyncGroupsHandler for details.
+ */
+export declare class SyncGroupsState {
+    private _verboseLogging;
+    readonly _selectOne: Map<SyncCode, OptionCode>;
+    readonly _selectMany: Map<SyncCode, Map<OptionCode, boolean>>;
+    /**
+     * @param verboseLogging Set to true to get verbose sync state changes logged to the console.
+     */
+    constructor(_verboseLogging: boolean, initial: DtoSyncGroupState | undefined);
+    get verboseLogging(): boolean;
+    /**
+     * Set to true to get verbose sync state changes logged to the console.
+     */
+    set verboseLogging(v: boolean);
+    /**
+     * @returns a deep copy of the SyncGroupState.
+     */
+    clone(): SyncGroupsState;
+    /**
+     * Replaces the internal state of this SyncGroupState with a deep copy of the one in source.
+     * @returns the updated SyncGroupState.
+     */
+    copyFrom(source: SyncGroupsState): SyncGroupsState;
+    setForSelectOne(syncCode: SyncCode, optionCode: OptionCode): void;
+    setForSelectMany(syncCode: SyncCode, optionCode: OptionCode, selected: boolean): void;
+    getForSelectOne(syncCode: SyncCode): OptionCode | undefined;
+    getForSelectMany(syncCode: SyncCode, optionCode: OptionCode): boolean | undefined;
+    /** Overrides the current sync state */
+    setCompact(s: DtoSyncGroupState): void;
+    getCompact(): DtoSyncGroupState;
+    log(syncCode?: SyncCode, optionCode?: OptionCode, selected?: boolean): void;
+}
 //# sourceMappingURL=SyncGroupsState.d.ts.map

package/dist/syncGroups/SyncGroupsState.js

@@ -1,125 +1,167 @@
-/**
- * The SyncState is used to keep track of the current value of the SyncGroups.
- *
- * SelectOne and SelectMany uses fully separate states internally since the two types of features
- * are synced separately. See SyncGroupsHandler for details.
- */
-export class SyncGroupsState {
-    /**
-     * @param verboseLogging Set to true to get verbose sync state changes logged to the console.
-     */
-    constructor(_verboseLogging) {
-        this._verboseLogging = _verboseLogging;
-        this._selectOne = new Map();
-        this._selectMany = new Map();
-    }
-    get verboseLogging() {
-        return this._verboseLogging;
-    }
-    /**
-     * Set to true to get verbose sync state changes logged to the console.
-     */
-    set verboseLogging(v) {
-        this._verboseLogging = v;
-    }
-    /**
-     * @returns a deep copy of the SyncGroupState.
-     */
-    clone() {
-        return new SyncGroupsState(this._verboseLogging).copyFrom(this);
-    }
-    /**
-     * Replaces the internal state of this SyncGroupState with a deep copy of the one in source.
-     * @returns the updated SyncGroupState.
-     */
-    copyFrom(source) {
-        this._selectOne.clear();
-        this._selectMany.clear();
-        // The Exclude part below ensures that OptionCode is a defined as a primitive.
-        // eslint-disable-next-line @typescript-eslint/ban-types
-        let entryOne;
-        for (entryOne of source._selectOne) {
-            this._selectOne.set(...entryOne);
-        }
-        let entryMany;
-        for (entryMany of source._selectMany) {
-            this._selectMany.set(entryMany[0], new Map(entryMany[1]));
-        }
-        return this;
-    }
-    setForSelectOne(syncCode, optionCode) {
-        this._selectOne.set(syncCode, optionCode);
-        this.log(syncCode, optionCode);
-    }
-    setForSelectMany(syncCode, optionCode, selected) {
-        let entry = this._selectMany.get(syncCode);
-        if (entry === undefined) {
-            entry = new Map();
-            this._selectMany.set(syncCode, entry);
-        }
-        entry.set(optionCode, selected);
-        this.log(syncCode, optionCode, selected);
-    }
-    getForSelectOne(syncCode) {
-        return this._selectOne.get(syncCode);
-    }
-    getForSelectMany(syncCode, optionCode) {
-        var _a;
-        return (_a = this._selectMany.get(syncCode)) === null || _a === void 0 ? void 0 : _a.get(optionCode);
-    }
-    log(syncCode, optionCode, selected) {
-        if (!this._verboseLogging) {
-            return;
-        }
-        const isMany = selected !== undefined;
-        const selectOne = Array.from(this._selectOne.entries());
-        const selectMany = Array.from(this._selectMany.entries()).reduce((a, [groupCode, optionCodeToSelected]) => {
-            for (const [optionCode, selected] of optionCodeToSelected) {
-                a.push([groupCode, optionCode, selected]);
-            }
-            return a;
-        }, []);
-        let columnWidth = 1;
-        selectOne.forEach((e) => {
-            columnWidth = Math.max(columnWidth, e[0].length);
-        });
-        selectMany.forEach((e) => {
-            columnWidth = Math.max(columnWidth, e[0].length);
-        });
-        const padding = Array(columnWidth).join(" ");
-        const bold = "font-weight: bold";
-        const styles = [];
-        let msg = "";
-        if (syncCode !== undefined && isMany) {
-            msg += `%c${optionCode !== null && optionCode !== void 0 ? optionCode : ""}%c in %c${syncCode}%c set to %c${selected ? "on" : "off"}`;
-            styles.push(bold, "", bold, "", bold);
-        }
-        else if (syncCode !== undefined && !isMany) {
-            msg += `%c${syncCode}%c set to %c${optionCode !== null && optionCode !== void 0 ? optionCode : ""}`;
-            styles.push(bold, "", bold);
-        }
-        msg += "\n\n%cSync State (single)";
-        styles.push(bold);
-        selectOne.forEach((e) => {
-            const match = !isMany && syncCode === e[0];
-            msg += `\n%c${match ? "*" : " "} ${(padding + e[0]).slice(-columnWidth)}: ${e[1]}`;
-            styles.push(match ? bold : "");
-        });
-        if (selectOne.length === 0) {
-            msg += "\n%c <Empty>";
-            styles.push("");
-        }
-        msg += "\n\n%cSync State (multi)";
-        styles.push(bold);
-        selectMany.forEach((e) => {
-            const match = isMany && syncCode === e[0] && optionCode === e[1];
-            msg += `\n%c${match ? "*" : " "} ${(padding + e[0]).slice(-columnWidth)}: ${e[2] === true ? "\u2705" : "\u274c"} ${e[1]}`;
-            styles.push(match ? bold : "");
-        });
-        if (selectMany.length === 0) {
-            msg += "\n%c <Empty>";
-            styles.push("");
-        }
-        console.log(msg, ...styles);
-    }
-}
+/**
+ * The SyncState is used to keep track of the current value of the SyncGroups.
+ *
+ * SelectOne and SelectMany uses fully separate states internally since the two types of features
+ * are synced separately. See SyncGroupsHandler for details.
+ */
+export class SyncGroupsState {
+    /**
+     * @param verboseLogging Set to true to get verbose sync state changes logged to the console.
+     */
+    constructor(_verboseLogging, initial) {
+        this._verboseLogging = _verboseLogging;
+        this._selectOne = new Map();
+        this._selectMany = new Map();
+        this.setCompact(initial !== null && initial !== void 0 ? initial : {});
+    }
+    get verboseLogging() {
+        return this._verboseLogging;
+    }
+    /**
+     * Set to true to get verbose sync state changes logged to the console.
+     */
+    set verboseLogging(v) {
+        this._verboseLogging = v;
+    }
+    /**
+     * @returns a deep copy of the SyncGroupState.
+     */
+    clone() {
+        return new SyncGroupsState(this._verboseLogging, this.getCompact());
+    }
+    /**
+     * Replaces the internal state of this SyncGroupState with a deep copy of the one in source.
+     * @returns the updated SyncGroupState.
+     */
+    copyFrom(source) {
+        this._selectOne.clear();
+        this._selectMany.clear();
+        // The Exclude part below ensures that OptionCode is a defined as a primitive.
+        // eslint-disable-next-line @typescript-eslint/ban-types
+        let entryOne;
+        for (entryOne of source._selectOne) {
+            this._selectOne.set(...entryOne);
+        }
+        let entryMany;
+        for (entryMany of source._selectMany) {
+            this._selectMany.set(entryMany[0], new Map(entryMany[1]));
+        }
+        return this;
+    }
+    setForSelectOne(syncCode, optionCode) {
+        this._selectOne.set(syncCode, optionCode);
+        this.log(syncCode, optionCode);
+    }
+    setForSelectMany(syncCode, optionCode, selected) {
+        let entry = this._selectMany.get(syncCode);
+        if (entry === undefined) {
+            entry = new Map();
+            this._selectMany.set(syncCode, entry);
+        }
+        entry.set(optionCode, selected);
+        this.log(syncCode, optionCode, selected);
+    }
+    getForSelectOne(syncCode) {
+        return this._selectOne.get(syncCode);
+    }
+    getForSelectMany(syncCode, optionCode) {
+        var _a;
+        return (_a = this._selectMany.get(syncCode)) === null || _a === void 0 ? void 0 : _a.get(optionCode);
+    }
+    /** Overrides the current sync state */
+    setCompact(s) {
+        this._selectOne.clear();
+        this._selectMany.clear();
+        const { selectOne, selectMany } = s;
+        if (selectOne !== undefined) {
+            for (const { syncCode, optionCode } of selectOne) {
+                this._selectOne.set(syncCode, optionCode);
+            }
+        }
+        if (selectMany !== undefined) {
+            for (const { syncCode, optionCode, selected } of selectMany) {
+                let entry = this._selectMany.get(syncCode);
+                if (entry === undefined) {
+                    entry = new Map();
+                    this._selectMany.set(syncCode, entry);
+                }
+                entry.set(optionCode, selected);
+            }
+        }
+    }
+    getCompact() {
+        const result = {};
+        if (this._selectOne.size !== 0) {
+            const resultSelectOne = [];
+            for (const [syncCode, optionCode] of this._selectOne) {
+                resultSelectOne.push({ syncCode, optionCode });
+            }
+            result.selectOne = resultSelectOne;
+        }
+        if (this._selectMany.size !== 0) {
+            const resultSelectMany = [];
+            for (const [syncCode, optionCodeToSelected] of this._selectMany) {
+                for (const [optionCode, selected] of optionCodeToSelected) {
+                    resultSelectMany.push({ syncCode, optionCode, selected });
+                }
+            }
+            result.selectMany = resultSelectMany;
+        }
+        return result;
+    }
+    log(syncCode, optionCode, selected) {
+        if (!this._verboseLogging) {
+            return;
+        }
+        const isMany = selected !== undefined;
+        const selectOne = Array.from(this._selectOne.entries());
+        const selectMany = Array.from(this._selectMany.entries()).reduce((a, [groupCode, optionCodeToSelected]) => {
+            for (const [optionCode, selected] of optionCodeToSelected) {
+                a.push([groupCode, optionCode, selected]);
+            }
+            return a;
+        }, []);
+        let columnWidth = 1;
+        selectOne.forEach((e) => {
+            columnWidth = Math.max(columnWidth, e[0].length);
+        });
+        selectMany.forEach((e) => {
+            columnWidth = Math.max(columnWidth, e[0].length);
+        });
+        const padding = Array(columnWidth).join(" ");
+        const bold = "font-weight: bold";
+        const styles = [];
+        let msg = "";
+        if (syncCode !== undefined && isMany) {
+            msg += `%c${optionCode !== null && optionCode !== void 0 ? optionCode : ""}%c in %c${syncCode}%c set to %c${selected ? "on" : "off"}`;
+            styles.push(bold, "", bold, "", bold);
+        }
+        else if (syncCode !== undefined && !isMany) {
+            msg += `%c${syncCode}%c set to %c${optionCode !== null && optionCode !== void 0 ? optionCode : ""}`;
+            styles.push(bold, "", bold);
+        }
+        msg += "\n\n%cSync State (single)";
+        styles.push(bold);
+        selectOne.forEach((e) => {
+            const match = !isMany && syncCode === e[0];
+            msg += `\n%c${match ? "*" : " "} ${(padding + e[0]).slice(-columnWidth)}: ${e[1]}`;
+            styles.push(match ? bold : "");
+        });
+        if (selectOne.length === 0) {
+            msg += "\n%c <Empty>";
+            styles.push("");
+        }
+        msg += "\n\n%cSync State (multi)";
+        styles.push(bold);
+        selectMany.forEach((e) => {
+            const match = isMany && syncCode === e[0] && optionCode === e[1];
+            msg += `\n%c${match ? "*" : " "} ${(padding + e[0]).slice(-columnWidth)}: ${e[2] === true ? "\u2705" : "\u274c"} ${e[1]}`;
+            styles.push(match ? bold : "");
+        });
+        if (selectMany.length === 0) {
+            msg += "\n%c <Empty>";
+            styles.push("");
+        }
+        console.log(msg, ...styles);
+    }
+}