@cytoscape-web/types - npm Package Compare versions

Comparing version 1.1.11 to 1.1.12

dist/CxModel/cx2-util.js

@@ -148,3 +148,3 @@ "use strict";
         visualEditorProperties: {
-            nodeSizeLocked: properties.nodeSizeLocked ?? false,
+            nodeSizeLocked: properties?.nodeSizeLocked ?? false,
             arrowColorMatchesEdge: properties.arrowColorMatchesEdge ?? false,
@@ -151,0 +151,0 @@ },

dist/index.d.ts

@@ -9,4 +9,6 @@ export { IdType } from './IdType';
 export * from './NetworkWithViewModel';
+export * from './OpaqueAspectModel';
 export * from './PropertyModel';
 export * from './RendererModel';
+export * from './StoreModel';
 export * from './TableModel';
@@ -13,0 +15,0 @@ export * from './UiModel';

dist/index.js

@@ -24,4 +24,6 @@ "use strict";
 __exportStar(require("./NetworkWithViewModel"), exports);
+__exportStar(require("./OpaqueAspectModel"), exports);
 __exportStar(require("./PropertyModel"), exports);
 __exportStar(require("./RendererModel"), exports);
+__exportStar(require("./StoreModel"), exports);
 __exportStar(require("./TableModel"), exports);
@@ -28,0 +30,0 @@ __exportStar(require("./UiModel"), exports);

dist/NetworkWithViewModel/NetworkWithView.d.ts

@@ -6,2 +6,3 @@ import { Network, NetworkAttributes } from '../NetworkModel';
 import { VisualStyleOptions } from '../VisualStyleModel/VisualStyleOptions';
+import { OpaqueAspects } from '../OpaqueAspectModel';
 /**
@@ -18,3 +19,3 @@ * An utility interface to hold all the data needed to build a network view
     visualStyleOptions?: VisualStyleOptions;
-    otherAspects?: any[];
+    otherAspects?: OpaqueAspects[];
 }

dist/RendererModel/Renderer.d.ts

@@ -42,3 +42,3 @@ /**
      */
-    visible?: boolean) => ReactElement;
+    visible?: boolean, hasTab?: boolean) => ReactElement;
 }

dist/StoreModel/AppStoreModel.d.ts

 import { AppStatus } from '../AppModel/AppStatus';
 import { CyApp } from '../AppModel/CyApp';
+import { ServiceApp } from '../AppModel/ServiceApp';
+import { ServiceAppTask } from '../AppModel/ServiceAppTask';
 export interface AppState {
     apps: Record<string, CyApp>;
+    serviceApps: Record<string, ServiceApp>;
+    currentTask?: ServiceAppTask;
 }
@@ -21,2 +25,15 @@ export interface AppAction {
     /**
+     * Fetch service metadata and add it to the store
+     *
+     * @param url - ServiceApp endpoint to be added
+     */
+    addService: (url: string) => Promise<void>;
+    /**
+     * Remove an app from the store
+     *
+     * @param id
+     * @returns
+     */
+    removeService: (url: string) => void;
+    /**
      * Set current status of the app
@@ -29,3 +46,31 @@ *
     setStatus: (id: string, status: AppStatus) => void;
+    /**
+     * Set current task of the app
+     *
+     * @param task
+     * @returns
+     */
+    setCurrentTask: (task: ServiceAppTask) => void;
+    /**
+     * Clear current task
+     *
+     * @returns
+     */
+    clearCurrentTask: () => void;
+    /**
+     * Update the parameters for the service call
+     *
+     */
+    updateServiceParameter: (url: string, displayName: string, value: string) => void;
+    /**
+     * Update the input column (selected column in the table)
+     * name for the service call
+     *
+     * @param url - Service App ID
+     * @param name - Input column name (key)
+     * @param columnName - New column name to be used in the service call
+     *
+     */
+    updateInputColumn: (url: string, name: string, columnName: string) => void;
 }
 export type AppStore = AppState & AppAction;

dist/StoreModel/UiStateStoreModel.d.ts

@@ -23,3 +23,5 @@ import { IdType } from '../IdType';
     setArrowColorMatchesEdgeState: (networkId: IdType, arrowColorMatchesEdge: boolean) => void;
+    setNetworkViewTabIndex: (index: number) => void;
+    setCustomNetworkTabName: (rendererId: IdType, name: string) => void;
 }
 export type UiStateStore = UiState & UiStateAction;

dist/StoreModel/VisualStyleStoreModel.d.ts

 import { IdType } from '../IdType';
-import { ValueType, AttributeName } from '../TableModel';
+import { ValueType, AttributeName, ValueTypeName } from '../TableModel';
 import { VisualStyle, VisualPropertyName, VisualPropertyValueType, ContinuousFunctionControlPoint, DiscreteMappingFunction, ContinuousMappingFunction, PassthroughMappingFunction, VisualPropertyValueTypeName } from '../VisualStyleModel';
@@ -16,7 +16,7 @@ export interface VisualStyleState {
     deleteDiscreteMappingValue: (networkId: IdType, vpName: VisualPropertyName, values: ValueType[]) => void;
-    setContinuousMappingValues: (networkId: IdType, vpName: VisualPropertyName, min: ContinuousFunctionControlPoint, max: ContinuousFunctionControlPoint, controlPoints: ContinuousFunctionControlPoint[]) => void;
+    setContinuousMappingValues: (networkId: IdType, vpName: VisualPropertyName, min: ContinuousFunctionControlPoint, max: ContinuousFunctionControlPoint, controlPoints: ContinuousFunctionControlPoint[], ltMinVpValue: VisualPropertyValueType, gtMaxVpValue: VisualPropertyValueType) => void;
     setMapping: (networkId: IdType, vpName: VisualPropertyName, mapping: DiscreteMappingFunction | ContinuousMappingFunction | PassthroughMappingFunction | undefined) => void;
-    createContinuousMapping: (networkId: IdType, vpName: VisualPropertyName, vpType: VisualPropertyValueTypeName, attribute: AttributeName, attributeValues: ValueType[]) => void;
-    createDiscreteMapping: (networkId: IdType, vpName: VisualPropertyName, attribute: AttributeName) => void;
-    createPassthroughMapping: (networkId: IdType, vpName: VisualPropertyName, attribute: AttributeName) => void;
+    createContinuousMapping: (networkId: IdType, vpName: VisualPropertyName, vpType: VisualPropertyValueTypeName, attribute: AttributeName, attributeValues: ValueType[], attributeType: ValueTypeName) => void;
+    createDiscreteMapping: (networkId: IdType, vpName: VisualPropertyName, attribute: AttributeName, attributeType: ValueTypeName) => void;
+    createPassthroughMapping: (networkId: IdType, vpName: VisualPropertyName, attribute: AttributeName, attributeType: ValueTypeName) => void;
     removeMapping: (networkId: IdType, vpName: VisualPropertyName) => void;
@@ -23,0 +23,0 @@ }

dist/UiModel/Ui.d.ts

@@ -7,2 +7,3 @@ import { IdType } from '../IdType';
 import { VisualStyleOptions } from '../VisualStyleModel/VisualStyleOptions';
+import { NetworkViewUIState } from './NetworkViewUI';
 /**
@@ -24,2 +25,4 @@ * User interface states shared as a global value
     visualStyleOptions: Record<IdType, VisualStyleOptions>;
+    networkViewUi: NetworkViewUIState;
+    customNetworkTabName?: Record<string, string>;
 }

dist/VisualStyleModel/impl/compute-view-util.js

@@ -32,3 +32,2 @@ "use strict";
 const EdgeArrowShapeImpl_1 = require("./EdgeArrowShapeImpl");
-const CyNetwork_1 = require("../../NetworkModel/impl/CyNetwork");
 const nodeLabelPositionMap_1 = require("./nodeLabelPositionMap");
@@ -188,4 +187,3 @@ // Build mapping functions from all visual properties
         const { defaultValue, mapping, bypassMap, name, group } = vp;
-        const bypassId = group === 'node' ? id : (0, CyNetwork_1.translateEdgeIdToCX)(id);
-        const bypass = bypassMap.get(bypassId);
+        const bypass = bypassMap.get(id);
         let pairsToAdd = [];
@@ -192,0 +190,0 @@ if (bypass !== undefined) {

dist/VisualStyleModel/impl/cxVisualPropertyConverter.d.ts

@@ -5,2 +5,3 @@ import { CxValue } from '../../CxModel/Cx2/CxValue';
 import { DiscreteMappingFunction, ContinuousMappingFunction, PassthroughMappingFunction, VisualProperty, VisualStyle } from '..';
+import { ValueTypeName } from '../../TableModel';
 type CXLabelPositionValueType = 'center' | 'top' | 'bottom' | 'left' | 'right';
@@ -30,2 +31,3 @@ export interface CXLabelPositionType {
         }>;
+        type?: ValueTypeName;
     };
@@ -37,2 +39,3 @@ }
         attribute: string;
+        type?: ValueTypeName;
     };
@@ -52,2 +55,3 @@ }
         }>;
+        type?: ValueTypeName;
     };
@@ -58,5 +62,5 @@ }
 export declare const vpToCX: (vpName: VisualPropertyName, vpValue: VisualPropertyValueType) => CXVisualPropertyValue;
-export declare const convertPassthroughMappingToCX: (vs: VisualStyle, vp: VisualProperty<VisualPropertyValueType>, mapping: PassthroughMappingFunction) => CXPassthroughMappingFunction;
-export declare const convertDiscreteMappingToCX: (vs: VisualStyle, vp: VisualProperty<VisualPropertyValueType>, mapping: DiscreteMappingFunction) => CXDiscreteMappingFunction<CXVisualPropertyValue>;
-export declare const convertContinuousMappingToCX: (vs: VisualStyle, vp: VisualProperty<VisualPropertyValueType>, mapping: ContinuousMappingFunction) => CXContinuousMappingFunction<CXVisualPropertyValue>;
+export declare const convertPassthroughMappingToCX: (vs: VisualStyle, vp: VisualProperty<VisualPropertyValueType>, mapping: PassthroughMappingFunction, isNameInTable: boolean) => CXPassthroughMappingFunction;
+export declare const convertDiscreteMappingToCX: (vs: VisualStyle, vp: VisualProperty<VisualPropertyValueType>, mapping: DiscreteMappingFunction, isNameInTable: boolean) => CXDiscreteMappingFunction<CXVisualPropertyValue>;
+export declare const convertContinuousMappingToCX: (vs: VisualStyle, vp: VisualProperty<VisualPropertyValueType>, mapping: ContinuousMappingFunction, isNameInTable: boolean) => CXContinuousMappingFunction<CXVisualPropertyValue>;
 export interface CXVisualPropertyConverter<T> {
@@ -63,0 +67,0 @@ cxVPName: string;

dist/VisualStyleModel/impl/cxVisualPropertyConverter.js

@@ -17,3 +17,3 @@ "use strict";
 exports.vpToCX = vpToCX;
-const convertPassthroughMappingToCX = (vs, vp, mapping) => {
+const convertPassthroughMappingToCX = (vs, vp, mapping, isNameInTable) => {
     const { attribute } = mapping;
@@ -24,2 +24,3 @@ return {
             attribute,
+            ...(isNameInTable ? {} : { type: mapping.attributeType }),
         },
@@ -29,3 +30,3 @@ };
 exports.convertPassthroughMappingToCX = convertPassthroughMappingToCX;
-const convertDiscreteMappingToCX = (vs, vp, mapping) => {
+const convertDiscreteMappingToCX = (vs, vp, mapping, isNameInTable) => {
     const { vpValueMap, attribute } = mapping;
@@ -40,2 +41,3 @@ return {
             })),
+            ...(isNameInTable ? {} : { type: mapping.attributeType }),
         },
@@ -45,4 +47,4 @@ };
 exports.convertDiscreteMappingToCX = convertDiscreteMappingToCX;
-const convertContinuousMappingToCX = (vs, vp, mapping) => {
-    const { min, max, controlPoints, attribute } = mapping;
+const convertContinuousMappingToCX = (vs, vp, mapping, isNameInTable) => {
+    const { min, max, controlPoints, attribute, ltMinVpValue, gtMaxVpValue } = mapping;
     const intervals = [];
@@ -69,5 +71,5 @@ for (let i = 0; i < controlPoints.length - 1; i++) {
                     max: min.value,
-                    maxVPValue: (0, exports.vpToCX)(vp.name, min.vpValue),
-                    includeMax: min.inclusive ?? true,
-                    includeMin: true, // dummy value, not actually used here
+                    maxVPValue: (0, exports.vpToCX)(vp.name, ltMinVpValue),
+                    includeMax: min.inclusive ?? false,
+                    includeMin: false, // dummy value, not actually used here
                 },
@@ -77,8 +79,9 @@ ...intervals,
                     min: max.value,
-                    minVPValue: (0, exports.vpToCX)(vp.name, max.vpValue),
-                    includeMin: max.inclusive ?? true,
-                    includeMax: true, // dummy value, not actually used here
+                    minVPValue: (0, exports.vpToCX)(vp.name, gtMaxVpValue),
+                    includeMin: max.inclusive ?? false,
+                    includeMax: false, // dummy value, not actually used here
                 },
             ],
             attribute,
+            ...(isNameInTable ? {} : { type: mapping.attributeType }),
         },
@@ -85,0 +88,0 @@ };

dist/VisualStyleModel/impl/DefaultVisualStyle.js

@@ -54,2 +54,3 @@ "use strict";
         maxVal: 1,
+        tooltip: 'The transparency of the node border. 100% is fully opaque, 0% is fully transparent.',
     },
@@ -120,2 +121,3 @@ nodeHeight: {
         maxVal: 360,
+        tooltip: 'The rotation angle of the node label in degrees(from 0 to 360).',
     },
@@ -130,2 +132,3 @@ nodeLabelOpacity: {
         maxVal: 1,
+        tooltip: 'The transparency of the node label. 100% is fully opaque, 0% is fully transparent.',
     },
@@ -172,2 +175,3 @@ nodeLabelPosition: {
         maxVal: 1,
+        tooltip: 'The transparency of the node fill. 100% is fully opaque, 0% is fully transparent.',
     },
@@ -181,2 +185,3 @@ nodeVisibility: {
         bypassMap: new Map(),
+        tooltip: 'The flag to show or hide the node.',
     },
@@ -198,3 +203,3 @@ nodeSelectedPaint: {
         bypassMap: new Map(),
-        tooltip: 'The maximum width of the node label',
+        tooltip: 'The maximum width of the node label.',
     },
@@ -208,2 +213,3 @@ nodeZOrder: {
         bypassMap: new Map(),
+        tooltip: 'The stacking order of nodes on the canvas. Higher values are drawn on top.'
     },
@@ -217,2 +223,3 @@ edgeLineColor: {
         bypassMap: new Map(),
+        tooltip: 'The fill color of the edge line when not selected.',
     },
@@ -235,2 +242,3 @@ edgeLineType: {
         maxVal: 1,
+        tooltip: 'The transparency of the edge. 100% is fully opaque, 0% is fully transparent.',
     },
@@ -244,2 +252,3 @@ edgeSourceArrowColor: {
         bypassMap: new Map(),
+        tooltip: 'The color of the edge source arrow when not selected.',
     },
@@ -261,2 +270,3 @@ edgeSourceArrowShape: {
         bypassMap: new Map(),
+        tooltip: 'The color of the edge target arrow when not selected.',
     },
@@ -311,2 +321,3 @@ edgeTargetArrowShape: {
         maxVal: 360,
+        tooltip: 'The rotation angle of the edge label in degrees(from 0 to 360).',
     },
@@ -321,2 +332,3 @@ edgeLabelOpacity: {
         maxVal: 1,
+        tooltip: 'The transparency of the edge label. 100% is fully opaque, 0% is fully transparent.',
     },
@@ -346,2 +358,3 @@ // edgeLabelAutoRotation: {
         bypassMap: new Map(),
+        tooltip: 'The flag to show or hide the edge.',
     },
@@ -363,7 +376,7 @@ edgeSelectedPaint: {
         bypassMap: new Map(),
-        tooltip: 'The maximum width of the edge label',
+        tooltip: 'The maximum width of the edge label.',
     },
     edgeZOrder: {
         group: 'edge',
-        name: 'nodeZOrder',
+        name: 'edgeZOrder',
         displayName: 'Z Order',
@@ -373,2 +386,3 @@ type: 'number',
         bypassMap: new Map(),
+        tooltip: 'The stacking order of edges on the canvas. Higher values are drawn on top.'
     },
@@ -375,0 +389,0 @@ networkBackgroundColor: {

dist/VisualStyleModel/impl/MapperFactory.d.ts

@@ -0,1 +1,2 @@
+import { VisualPropertyValueType } from '../VisualPropertyValue';
 import { ContinuousMappingFunction } from '../VisualMappingFunction/ContinuousMappingFunction';
@@ -11,1 +12,2 @@ import { DiscreteMappingFunction } from '../VisualMappingFunction/DiscreteMappingFunction';
 export declare const createContinuousMapper: (cm: ContinuousMappingFunction) => Mapper;
+export declare const getMapper: <T extends VisualPropertyValueType>(cm: ContinuousMappingFunction) => Mapper;

dist/VisualStyleModel/impl/MapperFactory.js

@@ -26,3 +26,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createContinuousMapper = exports.createPassthroughMapper = exports.createDiscreteMapper = void 0;
+exports.getMapper = exports.createContinuousMapper = exports.createPassthroughMapper = exports.createDiscreteMapper = void 0;
 const VisibilityType_1 = require("../../VisualStyleModel/VisualPropertyValue/VisibilityType");
@@ -84,6 +84,6 @@ const d3Scale = __importStar(require("d3-scale"));
         if (cm.visualPropertyType === VisualPropertyValueTypeName_1.VisualPropertyValueTypeName.Color) {
-            return getMapper(cm)(value);
+            return (0, exports.getMapper)(cm)(value);
         }
         else if (cm.visualPropertyType === VisualPropertyValueTypeName_1.VisualPropertyValueTypeName.Number) {
-            return getMapper(cm)(value);
+            return (0, exports.getMapper)(cm)(value);
         }
@@ -106,8 +106,26 @@ return cm.defaultValue;
 const getMapper = (cm) => {
-    const { controlPoints, defaultValue } = cm;
+    const { min, max, controlPoints, defaultValue, ltMinVpValue, gtMaxVpValue } = cm;
+    const minValue = min.value;
+    const maxValue = max.value;
     const [domain, range] = toRangeAndDomain(controlPoints);
     const d3Mapper = d3Scale.scaleLinear().domain(domain).range(range);
+    d3Mapper.clamp(true);
     const mapper = (attrValue) => {
         if (attrValue !== undefined) {
-            return d3Mapper(attrValue);
+            const numericAttrValue = attrValue;
+            const isLessThanMin = (min.inclusive ?? false)
+                ? numericAttrValue <= minValue
+                : numericAttrValue < minValue;
+            const isGreaterThanMax = (max.inclusive ?? false)
+                ? numericAttrValue >= maxValue
+                : numericAttrValue > maxValue;
+            if (isGreaterThanMax) {
+                return gtMaxVpValue ?? max.vpValue;
+            }
+            else if (isLessThanMin) {
+                return ltMinVpValue ?? min.vpValue;
+            }
+            else {
+                return d3Mapper(numericAttrValue);
+            }
         }
@@ -118,13 +136,2 @@ return defaultValue;
 };
-// const getColorMapper = (cm: ContinuousMappingFunction): Mapper => {
-//   const { controlPoints, defaultValue } = cm
-//   const [domain, range] = toRangeAndDomain<ColorType>(controlPoints)
-//   const colorMapper = d3Scale.scaleLinear<string>().domain(domain).range(range)
-//   const mapper = (attrValue: ValueType): VisualPropertyValueType => {
-//     if (attrValue !== undefined) {
-//       return colorMapper(attrValue as number) as ColorType
-//     }
-//     return defaultValue
-//   }
-//   return mapper
-// }
+exports.getMapper = getMapper;

dist/VisualStyleModel/impl/nodeLabelPositionMap.d.ts

 import { NodeLabelPositionType } from '../VisualPropertyValue';
+export declare const NodeLabelOrientationType: {
+    readonly TopLeft: "top-left";
+    readonly TopCenter: "top-center";
+    readonly TopRight: "top-right";
+    readonly CenterLeft: "center-left";
+    readonly Center: "center";
+    readonly CenterRight: "center-right";
+    readonly BottomLeft: "bottom-left";
+    readonly BottomCenter: "bottom-center";
+    readonly BottomRight: "bottom-right";
+};
+export type NodeLabelOrientationType = (typeof NodeLabelOrientationType)[keyof typeof NodeLabelOrientationType];
+export declare const translateNodePositionToOrientation: (position: NodeLabelPositionType) => NodeLabelOrientationType;
+export declare const orientationToPositionMap: Record<NodeLabelOrientationType, NodeLabelPositionType>;
 export declare const nodeLabelPositionMap: any;
@@ -3,0 +17,0 @@ export declare const computeNodeLabelPosition: (value: NodeLabelPositionType) => {

dist/VisualStyleModel/impl/nodeLabelPositionMap.js

@@ -6,4 +6,148 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.computeNodeLabelPosition = exports.nodeLabelPositionMap = void 0;
+exports.computeNodeLabelPosition = exports.nodeLabelPositionMap = exports.orientationToPositionMap = exports.translateNodePositionToOrientation = exports.NodeLabelOrientationType = void 0;
 const lodash_1 = __importDefault(require("lodash"));
+exports.NodeLabelOrientationType = {
+    TopLeft: 'top-left',
+    TopCenter: 'top-center',
+    TopRight: 'top-right',
+    CenterLeft: 'center-left',
+    Center: 'center',
+    CenterRight: 'center-right',
+    BottomLeft: 'bottom-left',
+    BottomCenter: 'bottom-center',
+    BottomRight: 'bottom-right',
+};
+const orientationToCyJsValueMap = {
+    [exports.NodeLabelOrientationType.TopLeft]: {
+        horizontalAlign: 'left',
+        verticalAlign: 'top',
+    },
+    [exports.NodeLabelOrientationType.TopCenter]: {
+        horizontalAlign: 'center',
+        verticalAlign: 'top',
+    },
+    [exports.NodeLabelOrientationType.TopRight]: {
+        horizontalAlign: 'right',
+        verticalAlign: 'top',
+    },
+    [exports.NodeLabelOrientationType.CenterLeft]: {
+        horizontalAlign: 'left',
+        verticalAlign: 'center',
+    },
+    [exports.NodeLabelOrientationType.Center]: {
+        horizontalAlign: 'center',
+        verticalAlign: 'center',
+    },
+    [exports.NodeLabelOrientationType.CenterRight]: {
+        horizontalAlign: 'right',
+        verticalAlign: 'center',
+    },
+    [exports.NodeLabelOrientationType.BottomLeft]: {
+        horizontalAlign: 'left',
+        verticalAlign: 'bottom',
+    },
+    [exports.NodeLabelOrientationType.BottomCenter]: {
+        horizontalAlign: 'center',
+        verticalAlign: 'bottom',
+    },
+    [exports.NodeLabelOrientationType.BottomRight]: {
+        horizontalAlign: 'right',
+        verticalAlign: 'bottom',
+    },
+};
+const translateNodePositionToOrientation = (position) => {
+    const computedPosition = (0, exports.computeNodeLabelPosition)(position);
+    let orientation = exports.NodeLabelOrientationType.Center;
+    Object.entries(orientationToCyJsValueMap).forEach(([orientationKey, cyjsValue]) => {
+        if (computedPosition.horizontalAlign == cyjsValue.horizontalAlign &&
+            computedPosition.verticalAlign == cyjsValue.verticalAlign) {
+            orientation = orientationKey;
+        }
+    });
+    return orientation;
+};
+exports.translateNodePositionToOrientation = translateNodePositionToOrientation;
+exports.orientationToPositionMap = {
+    [exports.NodeLabelOrientationType.TopLeft]: {
+        HORIZONTAL_ALIGN: 'right',
+        VERTICAL_ALIGN: 'bottom',
+        HORIZONTAL_ANCHOR: 'left',
+        VERTICAL_ANCHOR: 'top',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.TopCenter]: {
+        HORIZONTAL_ALIGN: 'center',
+        VERTICAL_ALIGN: 'bottom',
+        HORIZONTAL_ANCHOR: 'center',
+        VERTICAL_ANCHOR: 'top',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.TopRight]: {
+        HORIZONTAL_ALIGN: 'left',
+        VERTICAL_ALIGN: 'bottom',
+        HORIZONTAL_ANCHOR: 'right',
+        VERTICAL_ANCHOR: 'top',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.CenterLeft]: {
+        HORIZONTAL_ALIGN: 'right',
+        VERTICAL_ALIGN: 'center',
+        HORIZONTAL_ANCHOR: 'left',
+        VERTICAL_ANCHOR: 'center',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.Center]: {
+        HORIZONTAL_ALIGN: 'center',
+        VERTICAL_ALIGN: 'center',
+        HORIZONTAL_ANCHOR: 'center',
+        VERTICAL_ANCHOR: 'center',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.CenterRight]: {
+        HORIZONTAL_ALIGN: 'left',
+        VERTICAL_ALIGN: 'center',
+        HORIZONTAL_ANCHOR: 'right',
+        VERTICAL_ANCHOR: 'center',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.BottomLeft]: {
+        HORIZONTAL_ALIGN: 'right',
+        VERTICAL_ALIGN: 'top',
+        HORIZONTAL_ANCHOR: 'left',
+        VERTICAL_ANCHOR: 'bottom',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.BottomCenter]: {
+        HORIZONTAL_ALIGN: 'center',
+        VERTICAL_ALIGN: 'top',
+        HORIZONTAL_ANCHOR: 'center',
+        VERTICAL_ANCHOR: 'bottom',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+    [exports.NodeLabelOrientationType.BottomRight]: {
+        HORIZONTAL_ALIGN: 'left',
+        VERTICAL_ALIGN: 'top',
+        HORIZONTAL_ANCHOR: 'right',
+        VERTICAL_ANCHOR: 'bottom',
+        MARGIN_X: 0,
+        MARGIN_Y: 0,
+        JUSTIFICATION: 'center',
+    },
+};
 exports.nodeLabelPositionMap = {
@@ -10,0 +154,0 @@ center: {

dist/VisualStyleModel/impl/VisualStyleFnImpl.js

@@ -36,2 +36,3 @@ "use strict";
 const compute_view_util_1 = require("./compute-view-util");
+const CyNetwork_1 = require("../../NetworkModel/impl/CyNetwork");
 const sortByDisplayName = (a, b) => {
@@ -121,7 +122,7 @@ const nameA = a.displayName.toLowerCase();
                     const entry = edgeBypassMap.get(vpName) ?? new Map();
-                    entry.set(String(id), cxVPConverter.valueConverter(v[cxVPName]));
+                    entry.set((0, CyNetwork_1.translateCXEdgeId)(String(id)), cxVPConverter.valueConverter(v[cxVPName]));
                     edgeBypassMap.set(vpName, entry);
                 }
                 else {
-                    edgeBypassMap.set(vpName, new Map().set(String(id), cxVPConverter.valueConverter(v[cxVPName])));
+                    edgeBypassMap.set(vpName, new Map().set((0, CyNetwork_1.translateCXEdgeId)(String(id)), cxVPConverter.valueConverter(v[cxVPName])));
                 }
@@ -172,2 +173,3 @@ }
                                 defaultValue: vp.defaultValue,
+                                attributeType: cxMapping.definition.type,
                             };
@@ -189,2 +191,3 @@ visualStyle[vpName].mapping = m;
                                 defaultValue: vp.defaultValue,
+                                attributeType: cxMapping.definition.type,
                             };
@@ -249,2 +252,5 @@ visualStyle[vpName].mapping = m;
                                     defaultValue: vp.defaultValue,
+                                    gtMaxVpValue: converter.valueConverter(max.vpValue),
+                                    ltMinVpValue: converter.valueConverter(min.vpValue),
+                                    attributeType: cxMapping.definition.type,
                                 };
@@ -251,0 +257,0 @@ visualStyle[vpName].mapping = m;

dist/VisualStyleModel/VisualMappingFunction/ContinuousMappingFunction.d.ts

@@ -13,2 +13,4 @@ import { ValueType } from '../../TableModel';
     controlPoints: ContinuousFunctionControlPoint[];
+    gtMaxVpValue: VisualPropertyValueType;
+    ltMinVpValue: VisualPropertyValueType;
 }

dist/VisualStyleModel/VisualMappingFunction/VisualMappingFunction.d.ts

@@ -1,2 +0,2 @@
-import { AttributeName } from '../../TableModel';
+import { AttributeName, ValueTypeName } from '../../TableModel';
 import { VisualPropertyValueType } from '../VisualPropertyValue';
@@ -10,2 +10,3 @@ import { VisualPropertyValueTypeName } from '../VisualPropertyValueTypeName';
     defaultValue: VisualPropertyValueType;
+    attributeType?: ValueTypeName;
 }

package.json

 {
   "name": "@cytoscape-web/types",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "Type definitions for Cytoscape Web data models",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

209481

increased by12.09%

Number of package files

319

increased by14.34%

Lines of code

5445

increased by13.01%

No dependency changes