maxGraph · tbouffard · Apr 28, 2025 · Apr 28, 2025
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,10 @@ For more details on the contents of a release, see [the GitHub release page] (ht
 
 _**Note:** Yet to be released breaking changes appear here._
 
+**Breaking Changes**:
+- `Perimeter` has been changed from a value object to a namespace. This has minimal impact for most applications that only read perimeter values.
+  The only breaking change affects applications that modify Perimeter properties (add/update/remove values): this is no longer possible. Instead, create your own perimeter implementation and register it.
+
 ## 0.18.0
 
 Release date: `2025-04-26`

diff --git a/packages/core/src/view/style/builtin-style-elements.ts b/packages/core/src/view/style/builtin-style-elements.ts
@@ -15,7 +15,13 @@ limitations under the License.
 */
 
 export { EdgeStyle } from './edge';
-export { Perimeter } from './perimeter';
+
+/**
+ * Provides various perimeter functions to be used in a style as the value of {@link CellStateStyle.perimeter}.
+ *
+ * @category Perimeter
+ */
+export * as Perimeter from './perimeter';
 
 /**
  * Includes all builtins edge markers which can be registered in {@link MarkerShape}.

diff --git a/packages/core/src/view/style/perimeter/index.ts b/packages/core/src/view/style/perimeter/index.ts
@@ -16,40 +16,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import { EllipsePerimeter as EllipsePerimeterFunction } from './EllipsePerimeter';
-import { HexagonPerimeter as HexagonPerimeterFunction } from './HexagonPerimeter';
-import { RectanglePerimeter as RectanglePerimeterFunction } from './RectanglePerimeter';
-import { RhombusPerimeter as RhombusPerimeterFunction } from './RhombusPerimeter';
-import { TrianglePerimeter as TrianglePerimeterFunction } from './TrianglePerimeter';
-
-/**
- * Provides various perimeter functions to be used in a style as the value of {@link CellStateStyle.perimeter}.
- *
- * @category Perimeter
- */
-export const Perimeter = {
-  /**
-   * Describes a rectangular perimeter.
-   */
-  RectanglePerimeter: RectanglePerimeterFunction,
-
-  /**
-   * Describes an elliptic perimeter.
-   */
-  EllipsePerimeter: EllipsePerimeterFunction,
-
-  /**
-   * Describes a rhombus (aka diamond) perimeter.
-   */
-  RhombusPerimeter: RhombusPerimeterFunction,
-
-  /**
-   * Describes a triangle perimeter.
-   */
-  TrianglePerimeter: TrianglePerimeterFunction,
-
-  /**
-   * Describes a hexagon perimeter.
-   */
-  HexagonPerimeter: HexagonPerimeterFunction,
-};
+export { EllipsePerimeter } from './EllipsePerimeter';
+export { HexagonPerimeter } from './HexagonPerimeter';
+export { RectanglePerimeter } from './RectanglePerimeter';
+export { RhombusPerimeter } from './RhombusPerimeter';
+export { TrianglePerimeter } from './TrianglePerimeter';
diff --git a/packages/core/src/view/style/register.ts b/packages/core/src/view/style/register.ts
@@ -16,7 +16,7 @@ limitations under the License.
 
 import { EDGESTYLE, PERIMETER } from '../../util/Constants';
 import { EdgeStyle } from './edge';
-import { Perimeter } from './perimeter';
+import { Perimeter } from './builtin-style-elements';
 import StyleRegistry from './StyleRegistry';
 import MarkerShape from './marker/EdgeMarkerRegistry';
 import { createArrow, createOpenArrow, diamond, oval } from './marker/edge-markers';

diff --git a/packages/ts-example-selected-features/vite.config.js b/packages/ts-example-selected-features/vite.config.js
@@ -27,7 +27,7 @@ export default defineConfig(({ mode }) => {
           },
         },
       },
-      chunkSizeWarningLimit: 369, // @maxgraph/core
+      chunkSizeWarningLimit: 382, // @maxgraph/core
     },
   };
 });
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,7 +27,7 @@ export default defineConfig(({ mode }) => { @@
               },
             },
           },
-          chunkSizeWarningLimit: 369, // @maxgraph/core
+          chunkSizeWarningLimit: 382, // @maxgraph/core
         },
       };
     });