Implement borrower dimension

src/Interfaces/IAvailableContainer.ts

@@ -20,6 +20,22 @@ export interface IAvailableContainer {
   XPositionReference?: XPositionReference
   CustomSVG?: string
   DefaultChildType?: string
+  /** if true, show the dimension of the container */
+  ShowSelfDimensions?: boolean
+
+  /** if true show the overall dimensions of its children */
+  ShowChildrenDimensions?: boolean
+
+  /**
+   * if true, allows a parent dimension borrower to uses its x coordinate for as a reference point for a dimension
+   */
+  MarkPositionToDimensionBorrower?: boolean
+
+  /**
+   * if true, show a dimension from the edge of the container to end
+   * and insert dimensions marks at lift up children (see liftDimensionToBorrower)
+   */
+  IsDimensionBorrower?: boolean
   Style?: React.CSSProperties
   Actions?: IAction[]
   UserData?: object

src/Interfaces/IContainerProperties.ts

@@ -57,6 +57,24 @@ export interface IContainerProperties {
   /** Horizontal alignment, also determines the visual location of x {Left = 0, Center, Right } */
   xPositionReference: XPositionReference
 
+  /** if true, show the dimension of the container */
+  showSelfDimensions: boolean
+
+  /** if true show the overall dimensions of its children */
+  showChildrenDimensions: boolean
+
+  /**
+   * if true, allows a parent dimension borrower to borrow its x coordinate
+   * as a reference point for a dimension
+   */
+  markPositionToDimensionBorrower: boolean
+
+  /**
+   * if true, show a dimension from the edge of the container to end
+   * and insert dimensions marks at lift up children (see liftDimensionToBorrower)
+   */
+  isDimensionBorrower: boolean
+
   /**
    * (optional)
    * Replace a <rect> by a customized "SVG". It is not really an svg but it at least allows